越来越多的人开始用Sketch进行UI设计,Sketch作为一款非常容易上手的软件,很多人完全可以依靠自学便能熟练掌握这款软件,但是大部分人都只是掌握Sketch的基本实用方法,对于一些实用的小技巧,了解的并不是特别多。
从今天开始,我将向大家介绍Sketch的一系列实用小技巧,这些小技巧能帮助大家更好的使用Sketch,提升工作效率。
这是该系列教程的第四篇——钢笔工具的运用。
本教程的第一篇:http://www.jianshu.com/p/109aac030ded
本教程的第二篇:http://www.jianshu.com/p/80b606f87f53
本教程的第三篇:http://www.jianshu.com/p/410f2ef8b424
在使用Sketch进行设计的时候,经常会遇到需要绘制图标甚至是插画的时候,尽管有些形状我们可以通过布尔运算得出,但是在某些情况下还是需要使用钢笔工具绘制曲线来完成。Sketch提供了非常优秀的钢笔工具,可以用来勾勒平滑的曲线、创建路径,在矢量插画和图标绘制中具有非常重要的作用。钢笔工具绘制出来的曲线为贝塞尔曲线,这种曲线可通过锚点和曲柄进行调节,一条曲线上可以创建无数个锚点,一个锚点有两个曲柄,如图所示。
钢笔工具的快捷方式为键盘V键。
在Sketch中,使用钢笔工具时,鼠标在画布上的样子变成“钢笔+加号”的造型,在画布中单击即可创建锚点。此时移动鼠标会有一条以锚点为起点终点随着鼠标变动的路径线,按住shift移动鼠标可以水平或者垂直或者45°斜角移动。若要创建线段,在终点处单击即可。若要创建曲线,在终点处按下鼠标并拖动即可。
绘制完成后,务必在右侧检查器中单击Finish Editing按钮,该按钮的快捷方式为键盘上的ESC键来退出钢笔工具。若点击右侧的Close Path按钮,则会在终点和起点之间自动计算一条曲线链接,形成一个完全闭合的形状,如图所示。
若要重新编辑曲线,则在曲线上双击,或者选中曲线图层,按下Enter键即可进入编辑模式。
若要在曲线上添加锚点,只需把鼠标移动到曲线路径上,单击即可添加。若要删除锚点,只需要选中要删除的锚点,按下键盘上的delete键即可删除。若要移动锚点,只需要选中锚点后拖动鼠标即可。若要选中多个锚点,按下键盘上的Shift键并依次单击多个锚点即可。
每个上的曲柄都有四种状态,不同的状态会产生不同的曲线。
Straight:直线角。该状态下锚点两边无曲柄。折点为直线角,若要产生弧度,则可选中锚点后调节下方的Corners的数值。数值越大弧度越大,如图所示。
Mirrored:镜像曲柄。在该状态下锚点两侧的曲柄始终在一条直线上,且两边的曲柄长度始终一致,如图所示。
Disconnected:非连续对称曲柄。在该状态下任一曲柄可以随意调节而不影响另一曲柄,如图所示。
Asymmetric:非对称曲柄。在该状态下,锚点的两个曲柄始终在一条直线上,但是两个曲柄的长度可以相互独立调整,如图所示。
在实际设计中,大家需要用足够耐心的通过调整锚点的位置以及灵活运用四个状态调整曲柄来绘制一条完美的曲线。必要时可以通过锚点的添加与删除来让曲线更加的平滑和漂亮。
以上是Sketch钢笔工具的使用以及四个锚点的状态,在实际工作中,应根据实际情况进行灵活调整。