Sketch Tutorial - 从零开始学Sketch 第三
2017-05-25 本文已影响233人
朱子笑曰
在这一节课中,我们来做一个铃声图标,主要知识点:锚点,Grid,以及两个形状Subtract的使用。
![](https://img.haomeiwen.com/i5697117/62a31237485d0477.png)
第一步,我们创建一个300*300的画板,然后画一个80*80的圆,然后再画一个80*80的正方形,如图所示:
![](https://img.haomeiwen.com/i5697117/bdf9f0679fc37a65.png)
第二步,我们来进行锚点操作,我们在正方形靠近底部的位置左右两边分别选2个点,在这里我们需要借助于Grid来操作(可以在toolbar上面找到show Grid,也可以用快捷键Control+G),分别对最下面的2个点进行拉伸,拉伸的位置需要左右对其,这个时候,Grid就会帮上很大的忙了,很轻松的我们就可以左右对称了。
![](https://img.haomeiwen.com/i5697117/f41a4521e35d1a52.png)
第三步,我们选中中间的2个锚点,使其Corners等于30,这样就显得很圆滑了。
![](https://img.haomeiwen.com/i5697117/44ef3ce0a463a254.png)
同样的,我们对最底部的2个锚点,使其Corners等于2。
第四步,最底部小半圆的生成,我们画一个圆形,然后再圆形的上面画一个长方形,同时选中这2个,然后进行Subtract操作。
![](https://img.haomeiwen.com/i5697117/c4e712e0ce98c942.png)
最后移动小半圆到合适的位置,这样,铃声图标就做好了。
放上gif原图以供参考:
![](https://img.haomeiwen.com/i5697117/0314e4daa632ad96.gif)