用Sketch如何画微质感图标？

2021-04-16

5719

0

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

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

第一步：找图片参考

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

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

第二步：绘制基本形状

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

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

第三步：加强光影关系

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

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

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

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

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

2.平缓凹陷转折

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

3.深凹处光影

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

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

划重点

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

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

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

0

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

收藏

全部评论

您还没登录

登录 / 注册

暂无留言，赶紧抢占沙发

热门资讯

深圳设计培训机构排名前十哪个家好？

如何设计出一个LOGO？

将视错觉应用到平面设计创意中会怎么样？

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

ue交互设计师要掌握什么技能吗？

深圳平面摄影培训班一般多少钱？

什么是UE交互设计师？

ui设计中的动效规范是什么？

ui界面设计师培训学费一般多少钱？

北京UI设计培训学校排名前十名有哪些呢？

相关推荐

ui培训4个月真的学会东西吗？数据分析的常见几个错误点许昌ui设计培训大概多少钱？零基础学ui要不要报培训学校？一个小小的按钮需求？ APP主按钮应该放在那里？ UI设计要避免走哪些弯路？武汉平面设计线上和线下培训费用多少钱？个人主页的相关设计技巧从用户体验角度分析App搜索框设计的要点

热门标签词

手绘漫画工具动漫人物头发画法原画师真实收入 AI数字人影视后期制作软件马克笔动漫人物侧脸漫画速度线 ggac 人体绘画漫画人物女生动漫人物肩膀画法 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资源与教程交流分享）