用sketch制作一个时钟图标

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名
7249 2 49 2016-07-14

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

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


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


Image title

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

Image title


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


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的时候,就可以从这些简单的小图标开始做喽,但是我们看到一些复杂的图标首先我们需要学会拆解,再去制作。



全部评论:2

  • GTKQIN

    2016-07-18 14:31

    总感觉时针分针没在,表轴上...

  • 明天放闲

    2016-03-11 11:28

    马克临摹了!谢谢

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票