sketch怎么绘制微信朋友圈中的照相机icon图标?
发布时间:2017-01-04 来源:查字典编辑
摘要:APP界面设计中,有很多icon需要绘制,比如:微信朋友圈的照相机icon等,这些icon都可以使用Sketch软件来绘制。1、打开Mac电...
APP界面设计中,有很多icon需要绘制,比如:微信朋友圈的照相机icon等,这些icon都可以使用Sketch软件来绘制。
1、打开Mac电脑中的sketch软件,界面如下:
2、在Sketch里面,按下快捷键R,即可选中矩形工具,开始在画布上拖动绘制3个矩形,调整尺寸和位置,效果如下:
3、按下快捷键O,即可选中圆形工具,开始绘制2个圆形。效果图如下:
4、将Sketch里面的矩形和圆形,进行布尔运算,并且填充上白色和灰色。效果如下:
5、现在发现顶部的矩形,要是能改成梯形,这照相机就更完美了。所以,可以双击矩形的一个点,开始按下键盘上的水平方向键【←】,即可调整成直角梯形。效果如下 :
6、再把右边的点,也双击选中,调整位置。使得梯形变成,上边短,下边长的等腰梯形。效果如下:
7、整个过程,我摆成一排。这样看起来,步骤更清晰,效果如下:从线框图→到灰色填充图→到微调仿真效果
8、这样就完成了微信的照相机icon制作。效果如下: 左边是我画的线框图,右边是微信截图。两边的照相机icon,简直一模一样了。
注意事项:
1、Sketch软件,目前仅支持Mac电脑。
2、软件只是工具,建议在画icon之前,先用铅笔在纸上勾画出icon的大致效果,然后再用软件去画。
3、APP界面设计,还涉及到切图和尺寸标注。因为开发需要切图和尺寸标注来实现界面的效果。