数字人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彩色图标制作。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,707评论 25 709
  • 昨天放晴,今天小雪。 市委又要开始2017年的巡查了,纪委书记不再包村了,以后我的业务也要更忙了。 除了单调繁忙的...
    拉着空气逛哒街阅读 1,117评论 0 0
  • 为什么想写点东西? 我不是什么作家,所学所用都与文学沾不上边,甚至说有时背道而驰。生活带来的理性化,已经使我退化文...
    v个阅读 230评论 0 1
  • 第一次去北京 说来惭愧,活到32岁的时候还没去过北京,外省也几乎没去过,最远的地方就是我们的省会长沙。直到老公从所...
    萧垠阅读 213评论 0 0
  • 今天戴老师让我们朗读及背诵古诗《画》,唐代诗人王维,远看山有色,近听水无声。春去花还在,人来鸟不惊。我会读,也会背...
    崔珂豪本人阅读 181评论 0 0