Sketch UI设计用Sketch做UISketch

Sketch Tutorial - 从零开始学Sketch 第三

2017-05-25  本文已影响233人  朱子笑曰

在这一节课中,我们来做一个铃声图标,主要知识点:锚点,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原图以供参考:

上一篇 下一篇

猜你喜欢

热点阅读