【译】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

相关推荐

  • 交互设计师成长分为三个阶段

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

    2018-04-18
  • AxureRP8从8.0.0.3318改变了授权验证,教师与学生可以申请免费 key!

    #交互学堂##Axure#RP8.0.0.3318更改授权验证机制,旧的授权名以及密码将会失效。 划重点:个人用户除了购买正版软件,也可以暂时维持当前版本不做升级,当然这也是以失去软件的稳定性为代价。这也就意味着一段时间…

    2016-10-31
  • Axure RP 8.0初体验 更快更爽的制作原型

    Axure RP 8.0 已经发布了,相信很多同学已经下载。没有下的可以看这个文章:Axure 8.0正式版发布,下载文件、汉化包、激活码在这里~! 但V8版本到底表现如何?新增了什么新特性,有什么用处?来自产品100的这篇文章…

    2016-05-09
  • 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学习笔记:手机APP微信读书原型设计

    最近在学Axure,周末做了个案例练练手,选了腾讯新出的微信读书,主要考虑这是1.0版,所以功能不是那么复杂。做完之后回顾了一下自己的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助。就…

    2016-01-06
  • 在手机上演示axure原型

    AXSHARE APP发布啦,以后大家的原型可以通过这款APP进行预览演示咯。小编迫不及待的体验了一下这款APP。 要使用这款APP,首先需要有axshare的账号。账号注册地址:https://share.axure.com/ 然后在手机上下载AxShar…

    2015-05-28
  • Axure 8.0正式版发布,下载文件、汉化包、激活码在这里~!

    2016-10-31 更新:AxureRP8从8.0.0.3318改变了授权验证,教师与学生可以申请免费 key! https://www.iamue.com/18540 正式版已经发布,官方地址已经由:http://axure.com/beta,换成了:http://axure.com/features/n…

    2016-04-16
  • 分享AXURE注册码 AXURE序列号

    很多同学安装了Axure 7.0或者Axure 6.5,但找不到Axure注册码(axure license key)。今天就为大家分享一些Axure注册码,希望大家能够做出好的产品。 本站分享的Axure注册码来源于网络,本站不保证能长期使用,也不…

    Axure 2015-04-17
  • 从零开始学Axure原型设计(入门篇)

    如果说Sketch是最美、最简洁的设计软件,那么Axure就是最强大的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。虽然Axure的学习曲线比较陡峭,但是掌握之后可…

    2016-01-06
  • 别闹,你以为学个Axure就算懂交互设计了?

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

    2015-09-11