【译】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 icons 64x64 for Axure rp|Axure 图标库 64x64

    干货分享,需要的下载吧。 适用版本:Axure7.0/axure6.5 资源名称:Axure 图标元素库;64x64的Axure元件库;axure图标库 64x64 更新时间:2015年5月28日09:27 下载地址:https://www.iamue.com/wp-content/uploads/…

    Axure 2015-05-28
  • Axure元素库 - icons_64x64 for Axure.rplib and PSD

      Hi,下载地址在这里!记得关注哦

    2015-07-21
  • axure元件下载:Axure 7.0 ios8元件库1.2最新版

    axure 元件下载 注意事项: 1、本元件库中的字体图标以及部分元件使用时,需要双击安装1.2版本的压缩包中的TFF字体文件,并重新启动Axure,否则拖进编辑区不能正常显示。 2、如果在本机演示原型,无需进行其他设置…

    2015-07-20
  • 交互设计师成长分为三个阶段

    提起交互设计,它既没有界面视觉设计绚丽,也没有用户体验设计有趣,看起来枯燥乏味,学起来复杂难懂,但它却是整个产品流程中最核心的部分之一。一个牛X的交互设计师是睥睨天下的,无论薪资还是技术。(以上海地区为例)但在通往牛X的路上……很多人还没开始就放弃了经常会有人说交互设计好像已经趋于饱和,现在从事这个行业没机会了。照这么说,公务员是我见过的饱和度最高的行业了,但每年还是有那么多人争得头破血流要为人民服务。就像金字塔一样,往往最底层的那一部...

    2018-04-18
  • 『全网汇总』验证可用axure注册码|axure激活码

    我是UE网的小编:WiKi  整理出了目前市面上所有的axure激活码,学习axure的小伙伴们赶快收藏起来吧! 如发现已经过期的请联系我们进行删除,谢谢!  Axure rp pro 7.0   用户名:3ddown 激活码:FiCGEezgdGoYI…

    2015-05-29
  • 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就算懂交互设计了?

    前些日子在一个产品、交互设计交流群里,有几个初学交互不久的人讨论如何学习交互,不出意外地他们的讨论方向拐到了Axure、墨刀等交互原型制作工具的使用上。从他们的言谈中看得出,他们觉得交互就是做界面原型,做…

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

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

    2015-07-21
  • 电子书阅读APP原型设计解析

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

    2015-06-11
  • Axure RP 8 BETA

    新一代的Axure 8.0 现在推出 beta版本   [button type="danger" text="官网下载beta版本" url="http://www.axure.com/beta" open_new_tab="true"] 快速下载地址: Win版下载地址:http://pan.baidu.com/s/1o6p…

    2015-08-13