Andy矢倉 · 更新于 2018-11-28 11:00:43

自定义图标

我们来搞个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来快速切换每个矢量点。