自定义图标
我们来搞个Logo,这里只是用简单的铅笔工具来画线,然后拿矢量工具来描边。
接下来我们就搞一个Ray Wenderlich
的Logo耍耍。
- 1.
这个
是Logo的低像素版本。 - 2.把这张Logo扔进Sketch。
- 3.选中图片,在右侧的属性编辑栏把
不透明 - Opacity
属性改为20%
,方便描边。 - 4.使用快捷键
Command-Shift-L
把图层锁定,防止你不小心拖动了,锁定之后图层名称旁边会有小锁的图标。 - 5.快捷键
V
激活适量工具。 - 6.点击Logo里图形的每个顶点,半弧形的不用点,直接回到最开始的点来闭合矢量路径。
- 7.在图像路径上双击即可进入编辑状态。
- 8.重新定位没有和图形顶点重合的矢量点,我们要的就是完美(图太小了别忘了放大后再定位)。
上述步骤搞完了我们现在可以开始搞刚从忽略的弧形了。这里我们将对刚才学到的模式进行活学活用。
- 1.
双击
起始点,模式会由直线模式 - Straight
改为对称模式 - Mirrored
。 - 2.但是我们不是使用这个模式,切换到
不连续模式 - Disconnected
。 - 3.拉着右边的操作棒变换弧形。
- 4.拉着左边的操作棒和第二个矢量点重合,以免第一条直线变形。
- 5.如果第一个矢量点右边的操作棒不能完美的画出Logo对应的弧线,可以开启Logo里弧形另外一边的点,也就是倒数第二个点。
- 6.操作比作类似第一个矢量点的步骤,这里的目的只要把弧形调整完美即可。
这里运气比较好,RW的Logo只有一条弧线,以此类推,你可以使用更多的点来描出更多复杂的曲线。有兴趣可以去下载Swift
的Logo来临摹。过程中可以通过使用快捷键Tab
来快速切换每个矢量点。