【译】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原型设计】手机APP微信读书原型设计

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

    2015-10-14
  • 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
  • 【译】学习Axure RP 8 Beta - 流程图改进

    From: Learn Axure RP 8 Beta: Flow Diagramming Improvements(http://www.axure.com/c/blog/161-learn-axure-rp-8-beta-flow-diagramming-improvements.html) 专题:Axure8.0 Axure RP 8 中在流程图部分做了部分…

    2015-08-20
  • 在手机上演示axure原型

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

    2015-05-28
  • 电子书阅读APP原型设计解析

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

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

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

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

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

    2016-01-06
  • axure7.0中文汉化包

    下载地址:axure7.0中文汉化包20150516 使用教程: Axure RP Pro 7.0 正式版 (不兼容 6 版) 简体中文语言包 本汉化包由小楼制作,我是UE网整理分享。 支持 Axure RP Pro 正式版 当前最新版本 7.0.0.3183 汉化方法:…

    2015-05-27
  • 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 RP 9中提供

    团队项目现在可以在最新版本的Axure RP 9 beta中获得!请查看以下步骤以开始使用。 在RP 9中创建一个新的团队项目 转到文件>新团队项目或团队>从当前文件创建团队项目。 为团队项目命名。 为团队项目创建新工…

    2019-04-04