用Sketch如何画微质感图标？

2021-04-16

5323

0

哈喽各位小伙伴，本期为大家介绍一下如下图这种带有写实质感的图标，如何使用sketch进行绘制。

我以下图绘制的这个图标为例，拆分成了3个步骤为大家介绍具体的绘制过程。

第一步：找图片参考

绘制微质感图标，第一步需要找到一个适合的图片参考。我找了以下几个扳手和螺丝刀的实物图，用于基础形状的绘制。

找图的重点是：图片中物体的光影关系明确，有一定的透视，便于后期绘制光影关系。

第二步：绘制基本形状

根据以上找到的图片参考，我提取出了下面的基础形状。

接着确定一个光源方向，参照参考图拉出图形基础的渐变，这里可以多加几个节点丰富层次，使渐变更加柔和。根据参考图形，在后期光影细节上我还要在基础形状上加入图形叠加，固这里的渐变我只加了3~4个节点。一般加3~5个左右的节点皆可，节点之间注意颜色深浅的变化。

第三步：加强光影关系

以上就基本完成了这个图标的绘制，但现在还是很扁平的感觉，质感不够强烈。接下来我们要通过分析参考图的光影关系进一步对图标优化。

由于添加细节较多，我就重点说明一下不同的细节对应的绘制方法。

1.柔和过渡，虚化高光，投影

善用高斯模糊工具，先绘制基础图形，然后对齐进行高斯模糊，调整到合适的数值。

这里强调一下投影需要进行两层或多层模糊，外层模糊数值更高，内层模糊数值较低，形成过渡。

2.平缓凹陷转折

图形剪切叠加，同时拉出渐变，交汇处图形间渐变颜色明暗关系明显，形成凹陷感。

3.深凹处光影

可直接采用内阴影叠加，也可绘制图形剪切并进行高斯模糊。

加上了对应的细节，最后呈现出来如下图。

划重点

用sketch绘制微质感图标，重点是拉出多节点渐变，一般3~5个，以及后期对光影细节的刻画。在光影细节刻画中，要灵活使用高斯模糊工具绘制需要过渡的地方。绘制渐变剪切图形进行叠加，形成平缓的凹陷感。

以上就是本期关于利用Sketch画微质感图标的相关内容了，希望对各位小伙伴有所帮助~

转载声明：本文来源于网络，不作任何商业用途

0

免责声明：本文内部分内容来自网络，所涉绘画作品及文字版权与著作权归原作者，若有侵权或异议请联系我们处理。

收藏

全部评论

您还没登录

登录 / 注册

暂无留言，赶紧抢占沙发

热门资讯

学生作品丨来一波超好看UI设计作品！

【UI设计】UI设计师快速上手B端设计指南

学员采访丨学UI设计还可以提高审美？

深圳职业设计培训学校哪家比较好？

低学历学ui设计有没有用？

成都ui设计师培训骗局真的假的？

电商美工要掌握哪些软件呢？

阿里云通过重塑200+款云产品，探索着计算世界的「虚与实」...

插画手绘入门知识讲解

ued设计师要做什么的？

相关推荐

学设计比较好的培训机构有没有排名？哪个机构培训UI设计比较好呢？产品设计色彩可以套数学公式？找哪家设计培训班学ui靠谱？ ui美工设计师培训学校哪家好？从事电子商务可以学习哪些UI设计内容？驻马店ui设计培训班如何呢？ UI设计丨如何提升作品的档次？淘宝摄影的培训费用要多少？ AE如何制作文字动态效果

热门标签词

手指怎么画动漫人物头发画法马克笔五官比例 3d人物建模动漫发型古风手指画法 ui设计培训机构 AI影视制作漫画少女的眼睛画法动漫裙子画法 ui界面设计培训 AI其它技术裙子画法 ui设计培训

相关标签词

动漫培训 maya贴图不显示 maya烘焙贴图 maya透明贴图 maya凹凸贴图 maya导入贴图 maya贴图步骤 maya材质贴图教程 maya材质贴图 maya展uv贴图步骤 maya贴图素材 maya法线贴图 maya贴图 maya贴图教程 maya人物贴图

王氏教育是国内专业的CG数字艺术设计线上线下学习平台，在王氏教育，有原画、插画、漫画、影视、3D模型等培训课程，也有学习资源下载、行业社区交流。CG数字艺术学习，来王氏教育。

绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明

本网站所有产品设计、功能及展示形式，均已受版权或产权保护，任何公司及个人不得以任何方式复制部分或全部，违者将依法追究责任，特此声明。

热线电话

18026259035

咨询时间：9:00～21:00

在线客服

联系网站客服

客服微信：18026259035

公司地址

中国·广州

广州市海珠区晓港中马路130号之19

Copyright © 2008 -2020 CGWANG广州市王氏软件科技有限公司版权所有电信与信息服务业务经营许可证：粤B2-20201042 广播电视节目制作经营许可证编号：（粤）字第04146号粤ICP备18074135号

绘学霸客户端（权限暂无，用于CG资源与教程交流分享）