图形图像

关注公众号 jb51net

关闭
软件教程 > 图形图像 >

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

脚本之家

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界面设计,还涉及到切图和尺寸标注。因为开发需要切图和尺寸标注来实现界面的效果。

相关推荐:

sketchup怎么绘制山体模型?

SketchUp怎么制作3D立体文字?

Sketchup草图大师怎么导出清晰图?