sketch怎么绘制微信朋友圈中的照相机icon图标?
sketch怎么绘制微信朋友圈中的照相机icon图标?
发布时间:2017-01-04 来源:查字典编辑
摘要:APP界面设计中,有很多icon需要绘制,比如:微信朋友圈的照相机icon等,这些icon都可以使用Sketch软件来绘制。1、打开Mac电...

APP界面设计中,有很多icon需要绘制,比如:微信朋友圈的照相机icon等,这些icon都可以使用Sketch软件来绘制。

sketch怎么绘制微信朋友圈中的照相机icon图标?1

1、打开Mac电脑中的sketch软件,界面如下:

sketch怎么绘制微信朋友圈中的照相机icon图标?2

2、在Sketch里面,按下快捷键R,即可选中矩形工具,开始在画布上拖动绘制3个矩形,调整尺寸和位置,效果如下:

sketch怎么绘制微信朋友圈中的照相机icon图标?3

3、按下快捷键O,即可选中圆形工具,开始绘制2个圆形。效果图如下:

sketch怎么绘制微信朋友圈中的照相机icon图标?4

4、将Sketch里面的矩形和圆形,进行布尔运算,并且填充上白色和灰色。效果如下:

sketch怎么绘制微信朋友圈中的照相机icon图标?5

5、现在发现顶部的矩形,要是能改成梯形,这照相机就更完美了。所以,可以双击矩形的一个点,开始按下键盘上的水平方向键【←】,即可调整成直角梯形。效果如下 :

sketch怎么绘制微信朋友圈中的照相机icon图标?6

6、再把右边的点,也双击选中,调整位置。使得梯形变成,上边短,下边长的等腰梯形。效果如下:

sketch怎么绘制微信朋友圈中的照相机icon图标?7

7、整个过程,我摆成一排。这样看起来,步骤更清晰,效果如下:从线框图→到灰色填充图→到微调仿真效果

sketch怎么绘制微信朋友圈中的照相机icon图标?8

8、这样就完成了微信的照相机icon制作。效果如下: 左边是我画的线框图,右边是微信截图。两边的照相机icon,简直一模一样了。

sketch怎么绘制微信朋友圈中的照相机icon图标?9

注意事项:

1、Sketch软件,目前仅支持Mac电脑。

2、软件只是工具,建议在画icon之前,先用铅笔在纸上勾画出icon的大致效果,然后再用软件去画。

3、APP界面设计,还涉及到切图和尺寸标注。因为开发需要切图和尺寸标注来实现界面的效果。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新图形图像学习
热门图形图像学习
软件教程子分类