注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

数字人的学习空间

分享技能和感悟

 
 
 

日志

 
 

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

2016-10-09 05:59:13|  分类: 平面设计 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
【前言】
利用上三篇SKETCH学习的知识,本篇实际操作,制作两个图标。

【制作】
第一个图标:邮件收到图标。
1、按U 绘制圆角矩形。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
 
2、调整RADIUS圆角半径为10,FILL填充禁止,BORDERS边框为黑色,粗细为8个像素。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
3、点击EDIT 进入点编辑,在中点添加一个点。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间

4、向上移动,形成打开的信封。 
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
5、选择CONNERS圆角为10.
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
6、按V 选择钢笔工具,绘制折线。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
7、设置颜色为黑色,边框为6 。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
8、也可以选择圆角为10 。

数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
9、完成如下:
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
10、按V ,绘制如下直线。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
11、按ALT键,拖动复制一个。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
12、点击右侧左右镜像对称。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
13、调整好,如下:
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
14、再按V 绘制如下。按SHIFT键可以绘制垂直和水平直线。线为黑色,粗细为6.
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
15、在折线内绘制直线段,黑色,粗细为4 。按ALT键向下拖动复制。完成。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
16、选择全部图形对象,选择上面的GROUP选组按钮。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
17、更改名称:右键收到。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间

18、因为绘制画布无穷大,所以你也不知道绘制的图标大小。所以,我们可以设置ARTBOARD画板,快捷键为A。
 数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
19、右侧出现了模板。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
20、我们随便选择一个IOS ICON, 152 iPad模板。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
21、背后建立了152像素的画板。按SHIFT键缩放图标图形。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
22、点击垂直居中,水平居中,对齐完成。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
第二个图标 文本编辑图标。
有上面的经验,下面的就好做了。
1、按U ,绘制圆角矩形。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
2、进入EDIT,点击左上角和左边,添加两个点。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
3、然后删除左上角的角点。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
4、按V 绘制折线。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
5、进入EDIT 选择折线角点,CORNERS=2 圆角。边框为黑色,粗细为8 。

 
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
6、使用样式。
首先选择折线,然后点击右侧的Create new shared style 建立一个新的共享的样式。这个样式就记录了线的各种属性。下面按V,绘制一段线段。选择刚刚新建的path 2 style样式。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
7、这个线段就与折线的风格是一样的了。按ALT复制,然后调整大小。
完成之,这作为一个文档图标还可以,但是作为“文本编辑”还缺点什么?缺一支笔。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
8、按R 绘制一个矩形,边框为无,填充为黑色。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
9、按ALT键向上拖动复制,缩小为笔头。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
10、按Transform按钮,调整笔头的形状。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
11、然后,按向下的方向键,使两个图形对象靠近。按Group对二者进行组合。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
12、按旋转按钮,调整到位。但感觉有点界线不分明。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间

13、按ALT键复制一个为底层。
 
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
14、设置底层如下属性。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 
15、再把”笔”对象叠到上面,按V 绘制一个线段,为白色,粗细为2左右。

 
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 16、完成图标。
数字人Sketch入门学习笔记之四:制作一个图标 - 数字人 - 数字人的学习空间
 【后记】
1、用Sketch绘制图标的确很简单,难点在于如何设计一系列风格一致的同类图标。既能设计又能制作,才能称得上为“设计师。如果只能制作,那么我们就是“技术美工“了。所以,无论是三维还是二维平面软件,那只是我们和计算机之间的沟通工具而已,真正还在于你是否有设计能力(创意和思想)。否则,花费再多的钱和时间精通软件,面对软件打开的空空“白纸”或黑黑的“空间”,做什么?你却茫然了。如果常有上述的这种感觉,恭喜,你已经成为一个合格的、熟练的“CG技工“而已,哈哈。
2、上面属于闲扯。下一篇谈谈Sketch的辅助功能和样式编辑,再研究制作3D彩色图标制作。
  评论这张
 
阅读(263)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016