手机
当前位置:查字典教程网 >软件教程 >图形图像 >sketch怎么绘制微信朋友圈中的照相机icon图标?
sketch怎么绘制微信朋友圈中的照相机icon图标?
摘要: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界面设计,还涉及到切图和尺寸标注。因为开发需要切图和尺寸标注来实现界面的效果。

【sketch怎么绘制微信朋友圈中的照相机icon图标?】相关文章:

怎么转换图片格式?图片格式转换的几种方法介绍

Visio怎么新建画布并设置大小?

怎么制作一寸照片 光影魔术手制作一寸照片证件照教程(图解)

solidworks怎么绘制工程图?

Edraw Max亿图怎么绘制方向路线图?

美图秀秀轻松制作多人合影让你成为焦点照片

solidworks怎么绘制3D草图?

PROE怎么画花瓶? PROE绘制花瓶模型的详细教程

教你怎么把几张图片合成一张图片的简单方法

没有ps怎么查看PSD格式的图片?

精品推荐
分类导航