【译】Axure RP 8 Beta 官方教程 - 钢笔工具

From: Learn Axure RP 8 Beta: Pen Tool(http://www.axure.com/c/blog/160-learn-axure-rp-8-beta-pen-tool.html)

 

Axure RP 8 引入了一个新的钢笔工具功能用来绘制自定义形状。自定义形状是基于矢量的,这意味着在Axure RP中可以平滑的调整它们的大小,并可以为其设置不同的样式。使用钢笔工具可以绘制图标、图表以及各种曲线箭头。创建部件库时,使用自定义形状代替图片将让部件的可定制性更佳。

使用钢笔工具绘制形状

【译】Axure RP 8 Beta 官方教程 - 钢笔工具

需使用钢笔工具时,可单击工具栏中的钢笔工具图标或使用键盘快捷键:[CTRL] + [4]/[CMD] + [4]。

然后在画布区域中单击鼠标左键,作为自定义形状的第一个绘制点。移动鼠标到下一个位置,然后继续单击画布区域添加一个新的绘制点。添加绘制点时单击并拖动可以绘制出一条曲线。

绘制过程中,点击形状的第一个绘制点即可关闭完成形状的绘制。当鼠标指向第一个绘制点时,会在该点处显示一个红色方框。

如果希望以开放的路径完成绘制,可以按键盘上的Esc键或双击除第一个绘制点以外的任意画布区域。

【译】Axure RP 8 Beta 官方教程 - 钢笔工具

完成形状的绘制后,将会退出钢笔工具模式,但仍可以继续调整形状的绘制点(方法如下),如需绘制其他自定义形状,可以再次点击钢笔工具图标。

转换形状为自定义形状

可以将Axure预设部件库和流程部件库中的部件转换为自定义部件。只需右键点击形状然后选择“Convert to Custom Shape(转换为自定义形状)”

调整绘制点

首先点击选中形状,点击形状的绘制路径显示出绘制点。单击并拖动绘制点即可开始调整。此时按住PC上的[CTRL]键或Mac上[CMD]键可调整该绘制点的曲线。选中一个绘制点将显示黄色的曲线调整手柄,可以用来调整曲线。按住CTRL/CMD并拖拽曲线调整手柄,可以单独调整该曲线的曲率。

【译】Axure RP 8 Beta 官方教程 - 钢笔工具

添加和删除绘制点

点击选中形状,然后单击形状路径显示绘制点。用鼠标在形状路径上(译注:注意此时鼠标的箭头将显示为右下角带加号的空心箭头图标)继续点击即可添加新的绘制点。此操作可以在任何鼠标指针模式下完成。

删除时,可单选或多选形状中的绘制点。单击选中一个绘制点,按住Shift键点选其他的绘制点。使用DEL键或右键点击某个绘制点,然后选择“Delete/删除”。此操作可以在任何鼠标指针模式下完成。

切换曲线和直线

点击选中形状,然后单击形状路径显示绘制点。单击选中一个绘制点,按住Shift键点选其他的绘制点。右键点击从菜单中选择“curve/曲线”或“sharpen/直线”来切换绘制点的曲线/直线状态。

此外,还可以通过双击绘制点的方式来切换曲线/直线状态。

转换形状

【译】Axure RP 8 Beta 官方教程 - 钢笔工具

在画布设计区域选中一个形状后,可以在检查器面板的属性tab中看到转换形状的选项。或者右键点击自定义形状在“转换形状”子菜单中选择。

水平翻转
沿Y轴(水平方向)翻转形状
垂直翻转
沿X轴(垂直方向)翻转形状
合并(Unite)
合并多个形状到同一个绘制路径中。

【译】Axure RP 8 Beta 官方教程 - 钢笔工具

减去形状(Subtract)

从一个形状中减去另一形状。第一个被选中形状将保留;后面选中的形状将被被减去(译注:并减去第一个选中形状与后面选中形状的重叠部分)。

【译】Axure RP 8 Beta 官方教程 - 钢笔工具

保留相交(Intersect)

此操作将只保留两个形状的交叉部分。

【译】Axure RP 8 Beta 官方教程 - 钢笔工具

排除相交(Exclude)

连接两个形状,不包括重叠的部分。重叠的区域将被减去,每个形状剩下的部分将被保留为同一个自定义形状,此形状可能会有多个路径。

【译】Axure RP 8 Beta 官方教程 - 钢笔工具

组合(Combine)
组合多个形状为单个自定义形状,保留各自原始路径。

分拆(Break Apart)
用于将之前组合的包含多个路径的自定义形状进行分拆,把每条路径分拆成原有的自定义形状。

切换所有绘制点为曲线模式(Curve All Points)
将自定义形状的所有绘制点设置为曲线模式。

切换所有绘制点为直线模式(Sharpen All Points)
将自定义形状的所有绘制点设置为曲线模式。

转换为自定义形状(Convert to Custom Shape)
转换预设形状为自定义形状,如矩形和钻石形。转换后,可以像其自定义形状一样进行调整。
关于Axure RP 8 Beta的更多学习内容:

Axure RP 8 Beta编组功能,部件样式,预设部件库,设计区域优化,钢笔工具,流程图改进,新动作和动效,新的事件

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/8480/

(0)
iouedioued
上一篇 2015-09-07
下一篇 2015-09-08

相关推荐

  • 在线预览Axure文件,使用新浪SAE发布在线Axure文档

      俗话说,不会写代码的产品经理不是好的射鸡湿。关于产品经理与技术之间的微妙关系,扯开了讲可是长篇大论,比如知乎上这个问题:IT 行业产品经理(尤其是创业的)需要懂技术吗?懂到什么程度?,以及这个:…

    2016-01-07
  • Axure 7.0清空输入框效果

    本文中介绍这种带清空键的搜索框的设计思路和制作方法,供大家参考。 我们先来分析一下这种搜索框的交互逻辑。搜索框在获得和失去焦点时,清空键都将被隐藏;在搜索框中输入文字时,清空键将被显示,点击清空键,搜…

    2015-06-29
  • Axure RP 9 最新版汉化包下载-小楼

    【汉化包下载】Axure RP 9测试版汉化包V1.8版 For 3623下载 【使用方法】 1、将汉化压缩包解压缩。 2、将解压缩后的lang文件夹和dll文件全部复制粘贴到软件安装根目录下。 【Windows系统汉化路径】 以Win7-64位系统…

    Axure 2018-09-18
  • 电子书阅读APP原型设计解析

    我是比较喜欢纸质书的,一本好书,我总愿意买本纸质书,放在家里可以随意翻看,或一遍,或多遍,偶尔也会当花瓶放着。 阅读纸质书是视觉,听觉,触觉,嗅觉的享受,甚至连带着回忆都是美好的。 柔和不刺眼的纸张带…

    2015-06-11
  • 如何用 Axure 制作类似的手机滑屏效果原型?

    不要太复杂: 1.设置2个动态面板 外面的是窗口 里面的是内容 图1:2个动态面板展示,记住这只是展示你不要放在一个层面上,应该是包含关系   图2:包含关系目录示意 2.设计交互事件   接下来看一下设计交…

    2015-07-21
  • Axure RP 8.0 抽奖大转盘实例教程附.RP下载与视频演示

    原标题:【AxureRP8实现真正抽奖大转盘】 效果图: Demo地址:http://www.iaxure.com/share/luck/ (有广告) 视频: 实现过程: 1、生成一个0-360之间的随机数,保存至变量; 2、旋转转盘到达指定角度,案例中为3-…

    2015-08-24
  • Axure新品AxShare App现已发布,快来下载!

    今天阿西收到axure官方的邮件: We're launching the AxShare App 意味着 axure终于朝着APP方向有了实质性的进展,大家今后的作品可以通过这款APP进行预览演示了。可以是Axure不上之前的短板,下面就看这个APP的体…

    2015-05-23
  • axure 7.0元件汉化

    补充原作者的Axure汉化文件未汉化的部分,不属于软件,是元件栏的两个默认元件库。这里放出汉化包。 安装说明在压缩包里。 axure7元件汉化

    2015-05-28
  • Axure RP 8.0 + 汉化包下载

    官方下载地址: FOR WINDOWS BETA FOR Mac BETA 网盘下载地址: Win版下载地址 Mac版下载地址 Axure RP 8.0 汉化包下载: Win自动汉化Axure RP 8.0 安装文件 通用Axure RP 8.0 汉化文件 注意:Win自动汉化程序只支…

    2015-08-24
  • Axure 8.0 书籍阵营又添新员:《Axure RP8产品原型设计快速上手指南》产品经理产品设计原型制作APP -非原型不设计

    阿西推荐语『我是在"非原型 不设计"的博客与Q群认识的萧何,非常早期就在网易云课堂发布了 axure 的免费课程,自己博客发布的更早,对于很多早期学习 axure 的人来是遇到萧何这种共享知识的做法非常受益,我也被这…

    2016-12-19