sketch教程:如何用sketch制作一个时钟图标

分享到:更多 ()

用sketch制作一个小的时钟图标,很简单,容易上手

废话不啰嗦,临摹一个小时钟,直接开始,嘎嘎

1.打开sketch,新建一个Artboard(800×800),为了制作教程,所以我先做了一个背景,我们真的在制作图表时,其实不用考虑背景,也不需要做这么大分辨率的,多大分辨率sketch有各种尺寸,自行选择。

Image title

2、制作黑色背景,R拉出和画板相同大小的矩形。使用渐变:

Image title

3、我们画出最底层的圆盘512×512,注意这个圆盘我们是用渐变填充的,并调出阴影、高光和厚度:

Image title

4、我们画出内圈圆盘,这个圆盘也是用渐变方式填充,不过和外圈圆盘的渐变方向刚好相反:

Image title

5、画出指针托盘,注意这个也是阴影和高光,调整比例:

Image title

6、分别制作出三根指针,指针制作很简单就是用圆角矩形和直线工具,然后调整阴影,需要说明一下,其实可以做的更精细,就是指针在接触下面圆盘的近的地方阴影可以重一些,远的地方可以蛋一些:

Image title

7、用三角形做出针尖,调整好圆角,做出阴影:

Image title

8、做出指针盖,指针盖可以直接复制指针下面的小圆盘即可:

Image title

9、制作出时间刻度和文字并调整顺序:

Image title

10、搞定,输出!

Image title

PS:这个拟物小时钟其实很简单就可以搞定,我们在开始接触UI的时候,就可以从这些简单的小图标开始做喽,但是我们看到一些复杂的图标首先我们需要学会拆解,再去制作。

来源:UI.CN

作者:cenzuo

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » sketch教程:如何用sketch制作一个时钟图标

0
分享到:更多 ()