数字人Sketch入门学习笔记之四：制作一个图标

 

【前言】

利用上三篇SKETCH学习的知识，本篇实际操作，制作两个图标。

【制作】

第一个图标：邮件收到图标。

1、按U 绘制圆角矩形。

 

 

2、调整RADIUS圆角半径为10，FILL填充禁止，BORDERS边框为黑色，粗细为8个像素。

 

3、点击EDIT 进入点编辑，在中点添加一个点。

4、向上移动，形成打开的信封。 

 

5、选择CONNERS圆角为10.

 

6、按V 选择钢笔工具，绘制折线。

 

7、设置颜色为黑色，边框为6 。

 

8、也可以选择圆角为10 。

 

9、完成如下：

 

10、按V ，绘制如下直线。

 

11、按ALT键，拖动复制一个。

 

12、点击右侧左右镜像对称。

 

13、调整好，如下：

 

14、再按V 绘制如下。按SHIFT键可以绘制垂直和水平直线。线为黑色，粗细为6.

 

15、在折线内绘制直线段，黑色，粗细为4 。按ALT键向下拖动复制。完成。

 

16、选择全部图形对象，选择上面的GROUP选组按钮。

 

17、更改名称：右键收到。

18、因为绘制画布无穷大，所以你也不知道绘制的图标大小。所以，我们可以设置ARTBOARD画板，快捷键为A。

 

 

19、右侧出现了模板。

 

20、我们随便选择一个IOS ICON， 152 iPad模板。

 

21、背后建立了152像素的画板。按SHIFT键缩放图标图形。

 

22、点击垂直居中，水平居中，对齐完成。

 

第二个图标 文本编辑图标。

有上面的经验，下面的就好做了。

1、按U ，绘制圆角矩形。

 

2、进入EDIT，点击左上角和左边，添加两个点。

 

3、然后删除左上角的角点。

 

4、按V 绘制折线。

 

5、进入EDIT 选择折线角点，CORNERS=2 圆角。边框为黑色，粗细为8 。

 

 

6、使用样式。

首先选择折线，然后点击右侧的Create new shared style 建立一个新的共享的样式。这个样式就记录了线的各种属性。下面按V，绘制一段线段。选择刚刚新建的path 2 style样式。

 

7、这个线段就与折线的风格是一样的了。按ALT复制，然后调整大小。

完成之，这作为一个文档图标还可以，但是作为“文本编辑”还缺点什么？缺一支笔。

 

8、按R 绘制一个矩形，边框为无，填充为黑色。

 

9、按ALT键向上拖动复制，缩小为笔头。

 

10、按Transform按钮，调整笔头的形状。

 

11、然后，按向下的方向键，使两个图形对象靠近。按Group对二者进行组合。

 

12、按旋转按钮，调整到位。但感觉有点界线不分明。

13、按ALT键复制一个为底层。

 

 

14、设置底层如下属性。

 

15、再把”笔”对象叠到上面，按V 绘制一个线段，为白色，粗细为2左右。

 

 16、完成图标。

 【后记】

1、用Sketch绘制图标的确很简单，难点在于如何设计一系列风格一致的同类图标。既能设计又能制作，才能称得上为“设计师”。如果只能制作，那么我们就是“技术美工“了。所以，无论是三维还是二维平面软件，那只是我们和计算机之间的沟通工具而已，真正还在于你是否有设计能力（创意和思想）。否则，花费再多的钱和时间精通软件，面对软件打开的空空“白纸”或黑黑的“空间”，做什么？你却茫然了。如果常有上述的这种感觉，恭喜，你已经成为一个合格的、熟练的“CG技工“而已，哈哈。

2、上面属于闲扯。下一篇谈谈Sketch的辅助功能和样式编辑，再研究制作3D彩色图标制作。