在这一节课中,我们来做一个Camera的图标,主要知识点:钢笔锚点,Grid校对,Corners设置,主要是对上几节课的复习.
![](https://i-blog.csdnimg.cn/blog_migrate/2ae28161e139a704582aff6ac9698ee8.webp?x-image-process=image/format,png)
首页我们画一个500*500的artboard,然后画一个200*140的长方形,记得用Grid来校对。在最上面一边,用钢笔锚4个点,如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/82f895cbf8063002f8dbd5c9ea8fcb4f.webp?x-image-process=image/format,png)
第二步,在长方形的中间画2个圆,分别用白色和蓝色填充。
![](https://i-blog.csdnimg.cn/blog_migrate/3758f8453c76ee061ec8a5b4ae460a91.webp?x-image-process=image/format,png)
第三步,同时选中中间的2个锚点,然后向上拉伸一个方格。同时设置Corners为20,如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/3a7f1d7a7a910bad4746091f1b7264d1.webp?x-image-process=image/format,png)
第四步:同时选中长方形的其他四个点,设置corners等于20.
![](https://i-blog.csdnimg.cn/blog_migrate/79febc86291a940ddce5f569e031f4be.webp?x-image-process=image/format,png)
好了,我们可以看到一个简单的相机icon就这样做好了,当然还可以有很多种相机的制作方式,作者在这里抛砖引玉的制作了一个,你们自己也可以做其他的相机。
经过前面几节课的学习,其实做一个icon也没有太多的难度,拿到一个图标,首页要学会分解,考虑用他们图形去做,然后掌握Sketch的用法,基本的图标是不难的。
下面是这节课的gif,你们可以参考一下:
![](https://i-blog.csdnimg.cn/blog_migrate/04a302aaf7f10544564ed9b1bb34a874.webp?x-image-process=image/format,png)
关注我的微信号,了解更多
![](https://i-blog.csdnimg.cn/blog_migrate/8f200e8bb054a6e53115f9f0832764a6.webp?x-image-process=image/format,png)