自定义图标

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