Sketch Tutorial - 从零开始学Sketch 第三课

在这一节课中，我们来做一个铃声图标，主要知识点：锚点，Grid,以及两个形状Subtract的使用。

第一步，我们创建一个300*300的画板，然后画一个80*80的圆，然后再画一个80*80的正方形，如图所示:

第二步，我们来进行锚点操作，我们在正方形靠近底部的位置左右两边分别选2个点，在这里我们需要借助于Grid来操作（可以在toolbar上面找到show Grid,也可以用快捷键Control+G)，分别对最下面的2个点进行拉伸，拉伸的位置需要左右对其，这个时候，Grid就会帮上很大的忙了，很轻松的我们就可以左右对称了。

第三步，我们选中中间的2个锚点，使其Corners等于30,这样就显得很圆滑了。

同样的，我们对最底部的2个锚点，使其Corners等于2。

第四步，最底部小半圆的生成，我们画一个圆形，然后再圆形的上面画一个长方形，同时选中这2个，然后进行Subtract操作。

最后移动小半圆到合适的位置，这样，铃声图标就做好了。

放上gif原图以供参考：

我的公众号