手机版

首页 IT科技安全资讯卡饭教程卡饭论坛

卡饭网 > 其他 > 正文

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

来源：本站整理作者：梦在深巷时间：2016-08-18 02:22:05

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

注意事项：

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

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

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

本周热门

本月热门