交互学堂
专注分享专业知识

【译】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中可以平滑的调整它们的大小,并可以为其设置不同的样式。使用钢笔工具可以绘制图标、图表以及各种曲线箭头。创建部件库时,使用自定义形状代替图片将让部件的可定制性更佳。

使用钢笔工具绘制形状

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

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

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

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

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

转换形状为自定义形状

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

调整绘制点

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

添加和删除绘制点

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

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

切换曲线和直线

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

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

转换形状

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

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

减去形状(Subtract)

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

保留相交(Intersect)

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

排除相交(Exclude)

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

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

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

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

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

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

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

赞(0) 打赏
未经允许不得转载:IAMUE » 【译】Axure RP 8 Beta 官方教程 - 钢笔工具

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏