设计小白如何使用Sketch快速画出微信图标

Sketch简介###

Sketch是Mac平台下的一款针对于移动UI设计的图像处理软件，它的相比于PhotoShop最大的优势是操作简单，更加适合像我这样的设计小白。今天就教大家如何使用Sketch快速。

目标图###

微信图标

准备工作###

1.Sketch3 绘图软件（Sketch官网）;

Sketch 3

2.Sketch图标集（GitHub地址:Font Awesome Symbols for Sketch）。

GitHub

具体步骤###

1.将Github上下载的解压Font Awesome Symbols解压， 打开Font Awesome Symbols.sketch（切记从这里进入Sketch，否则无法使用图标集）;

步骤一

用户界面

这个绿色的是Font Awesome Symbols简介，我们可以右键边上删除这个画布，当然也可以不管它，在他的旁边作图。

右键delete删除

2.任何图形都是建立在一张画布上的，我们新建一张画布，
在左上角点击insert中的Artboard（或者直接使用快捷键A）,鼠标成为一个十字形，在空白处拉出一个矩形来。

画布

3.创建一个圆角矩形，在insert中选择Shape中的Rounded（或者直接使用快捷键U）,鼠标成为一个十字形，在画布上拉出一个矩形。如果在拉的同时按住shift，表示你需要的是一个等宽高的圆角矩形。

�圆角矩形

4.在右键编辑栏，去掉Borders的勾选,表示不要边框

去掉边框

5.在Fill中选择填充颜色

绿色填充色

效果

6.重点来了，选择屏幕最上方的insert中的Symbols，你会发现出现了很多图标。

Paste_Image.png

7.一直下翻找到微信图标

微信图标

8.将微信图标拖入矩形中，并调节图标的大小

调节大小

9.双击微信图标更换填充颜色为白色

10.全部选中这部分，按command + G 来合并

全选

11.合并后左侧会显示

合并成功

12.点击这里输出图像

输出

选择输出格式以及尺寸

输出

13.搞定

---

PS.有任何问题可以给我留言哦，大家一起交流。