加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 黄冈站长网 (http://www.0713zz.com/)- 数据应用、建站、人体识别、智能机器人、语音技术!
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

PaintCode 用户操作指南(绘制篇)

发布时间:2016-10-17 13:23:10 所属栏目:策划 来源:人人都是产品经理
导读:副标题#e# 图形(Shapes) 创建新图形(Creating a new shape) 首先,从工具栏中选择设计师要的图形。 在画布中点击任意位置,然后按住鼠标左键不动。 拖动光标。 当到达设计师满意的大小的时候,放开鼠标左键。 在画布中鼠标点击的点和设计师放开鼠标的点

注意:移动光标,然后在释放鼠标绘制的曲线是弯的,而不是直的。

创建一条曲线(Creating a curved line)在工具栏中选择 Bézier 工具。在设计师想开始曲线的起点位置点击。按住鼠标的同时,移动光标到预期的位置。释放鼠标。在设计师想结束的地方点击。同时按住鼠标,将光标移动到一个新的位置,然后释放鼠标。或者,重复之前的两个步骤作出更复杂的曲线;又或者将封闭曲线的点与曲线开始点重合。

设计师可以通过释放鼠标而不移动曲线来,创建一个直线段(或者只有一个弯曲处理的曲线段)。

编辑贝塞尔曲线(Editing a bézier)

00039

00039

设计师可以通过双击一个贝塞尔曲线进入编辑状态。或者选择贝塞尔曲线图形后按下 Command + E 命令,进入编辑状态。又或者在选中贝塞尔曲线图形后按下 Return 键进入编辑状态。

扩展贝塞尔曲线路径(Extending a bézier path)

贝塞尔曲线没有闭合的话,能够从两端扩展。想要扩展贝塞尔曲线:

选择贝塞尔曲线。双击曲线激活编辑模式。按 Option 或 Command 或 Shift 或 Control 激活扩展。现在,当设计师移动光标,设计师应该能看到贝塞尔曲线扩展的黄色指示。移动光标到预期的位置并单击鼠标。当设计师释放鼠标的时候,能够创建直线和曲线的扩展。或者,通过点击贝塞尔曲线的另一端关闭曲线。在贝塞尔曲线中添加一个新的控制节点(Adding a new control point in the middle of a bézier)

00040

00040

在设计师想添加控制节点的地方单击,在贝塞尔曲线中添加一个控制节点,这将会把现有的曲线分为两部分,并且保持原有的曲率。

在添加控制节点的时候控制连接行为(Controlling the snapping behavior when adding new control points)

默认情况下,当设计师添加控制节点的时候,他们会视图使添加控制节点与贝塞尔曲线的其他控制点紧密连接(垂直和水平方向)。在操作的时候,按住 Command 键,能够抑制这种行为。

PaintCode 还尝试将新的控制节点以坐标放置,确保图形保持锋利的状态,完全对其到像素网格。如果设计师不想产生这种行为,可以按下 Control 键的同时,点击任意位置。当按住 Option 键进行操作的时候,它迫使新的控制点的坐标是整数点或者半个点。

按住 Shift 键的同时,限制新的控制点的位置来更好的画出这些线条。这对绘制水平、垂直以及对角直线非常有用。

00041

00041

调整控制节点的位置(Adjusting control point position)

(编辑:PHP编程网 - 黄冈站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读