美文网首页Sketch UI设计用Sketch做UISketch
Sketch Tutorial - 从零开始学Sketch 第三

Sketch Tutorial - 从零开始学Sketch 第三

作者: 朱子笑曰 | 来源:发表于2017-05-25 17:14 被阅读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原图以供参考:

    相关文章

      网友评论

      本文标题:Sketch Tutorial - 从零开始学Sketch 第三

      本文链接:https://www.haomeiwen.com/subject/yddzxxtx.html