图形编辑
通过工具栏上的Insert>Shape>Rectangle来添加一个矩形,然后双击它进入编辑状态:
你会看到每个角上的圆点。点击选中这些点,可以拖动它们到其它位置。你会看到图形的其它部分也跟着发生了变化。在两个点直接的线段上点击即可添加新的节点。要删除一个点,选中它,然后按删除键或者回车键即可。
如果你需要将一条直线变为曲线,双击某个节点,之后你会看到这个点的两侧出现了调节手柄,它们用来控制这个点两侧线段的弯曲程度。你可以把这些控制点理解为它们把线条朝自己的方向拉伸。
你可以查看Peter Nowell’s的一篇深度解析sketch中贝塞尔曲线的文章:Mastering the Bézier Curve in Sketch
不同的曲线调节模式
有几种不同的曲线调节模式,不同的调节模式决定会出现怎样的线条。
在编辑图形的时候,你会看到属性检查器中有四种点的调节模式;直角(Straight),镜像(Mirrored),断开连接(Disconnected)和不对称(Asymmetric)。
・直角(Straight):如果使用这种模式,你静电不会在节点两端看到调节杠杆。也就是说,你不能让这个点两端的直线变弯曲。
・镜像(Mirrored):控制点会彼此镜像对应;两个控制点在一条线上,它们距离中心点的距离相等。当主节点并非直角的时候,默认就是此种调节模式。
・断开连接(Disconnected):两个控制节点相互独立,彼此不影响。
・不对称(Asymmetric):两个调节点距离中心点的位置可以不同,但是这些点在一条直线上。
如果一个角为直角模式,你可以使用下方的Corners 滑块将直角变为圆角。如果你使用工具栏的Insert>Shape>Rounded Rectangle 添加一个矩形,则会得到一个四个角被添加了默认值的圆角矩形。
你可以分别对每个点设置不同的圆角数值。比如将矩形上面两个点变为圆角,下方两个点保留直角。如下图:
快捷键操作:使用数字键 1〜4 变更节点控制类型。 1 直角线、 2 镜像, 3 为断开链接和 4 为不对称。
绘制和编辑
除了用现有的图形工具来创建图形,你也可以使用矢量工具自己绘制。点击工具栏上的Insert>Vector,然后点击画布添加一个锚点,然后单击其它地方添加第二个点。
你会发现两个点连成了一条线,此时点击其它地方但不要松开鼠标,拖拽控制点即可以绘制一条曲线。继续绘制其它的点,然后在最后一步,点击第一个点,此时将形成一个封闭图形。
选择其它点,在线上添加节点,以及其它操作都是类似的。不论你编辑一个已有图形还是绘制一个新图形。
封闭路径与开放路径
一个路径可以是封闭的,也可以是开放的。封闭路径的最后一条边会与第一条连接,开放图形则在起点和终点直接留出间隔。你可以通过执行菜单中的Layer>Paths>Close Path来将它变成封闭路径。
当你在路径编辑模式下时,只要路径是开放的,你就可以在路径末端添加新的节点。
请注意:如果你为一个开放路径填充了颜色,这个时候产生的形状就像它已经被封闭了,虽然他们的路径仍然是不完整的。
快捷键
绘制矢量图形时,按住Shift键,然后在画之后的点,sketch会自动将这个点与上一个点形成一个45度的角度,对于绘制直线确实非常方便。
如果你在两个点之间添加一个新节点,按住 ⌘ 键,这时Sketch将在这两个点的正中间插入这个点。
选择多个节点
有时候选中多个点,然后一起移动它们的时候可能并没有那么容易分辨。这个时候你可以按住Shift键,你会发现被选中的点中心是白色的,没被选中的点中心是灰色。
另外一种选择多个点的方式就是按住Shift然后拖动鼠标,在空白区域框选一个矩形区域。如果你一直按住Shift键,则会把之前选择的点和新框选的点一起选中。反之,如果你没有按住Shift键,之前选择的点将会被取消选择,只剩下刚刚选中的点。