火星网校
Sketch绘制微质感图标图文教程
今天为大家介绍一下如下图这种带有写实质感的图标，如何使用sketch进行绘制。
我以下图绘制的这个图标为例，拆分成了3个步骤为大家介绍具体的绘制过程。
第一步：找图片参考
绘制微质感图标，第一步需要找到一个适合的图片参考。我找了以下几个扳手和螺丝刀的实物图，用于基础形状的绘制。
找图的重点是：图片中物体的光影关系明确，有一定的透视，便于后期绘制光影关系。
第二步：绘制基本形状
根据以上找到的图片参考，我提取出了下面的基础形状。
接着确定一个光源方向，参照参考图拉出图形基础的渐变，这里可以多加几个节点丰富层次，使渐变更加柔和。根据参考图形，在后期光影细节上我还要在基础形状上加入图形叠加，固这里的渐变我只加了3~4个节点。一般加3~5个左右的节点皆可，节点之间注意颜色深浅的变化。
第三步：加强光影关系
以上就基本完成了这个图标的绘制，但现在还是很扁平的感觉，质感不够强烈。接下来我们要通过分析参考图的光影关系进一步对图标优化。
由于添加细节较多，我就重点说明一下不同的细节对应的绘制方法。
1.柔和过渡，虚化高光，投影
善用高斯模糊工具，先绘制基础图形，然后对齐进行高斯模糊，调整到合适的数值。
这里强调一下投影需要进行两层或多层模糊，外层模糊数值更高，内层模糊数值较低，形成过渡。
2.平缓凹陷转折
图形剪切叠加，同时拉出渐变，交汇处图形间渐变颜色明暗关系明显，形成凹陷感。
3.深凹处光影
可直接采用内阴影叠加，也可绘制图形剪切并进行高斯模糊。
加上了对应的细节，最后呈现出来如下图。
划重点
用sketch绘制微质感图标，重点是拉出多节点渐变，一般3~5个，以及后期对光影细节的刻画。
在光影细节刻画中，要灵活使用高斯模糊工具绘制需要过渡的地方?；嬷平ケ浼羟型夹谓械樱纬善交旱陌枷莞?。
原文地址：海盐社（公众号）
作者：人类君
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
腾讯游戏美术春招已经启动啦！25、26、27、28届均有机会投递，实习岗位有动画、特效、3D场景/角色、2D场景/角色、技术美......
-
刚入学的同学，在第一次学到新软件的时候，经?；岜桓髦挚旖菁?。但是网上download的快捷键记忆图，不一定就是合适的。这里......
-
官方宣布3月共134款新游戏版号过审，网传68家游戏公司超1000岗位
提前了解行业趋势，关注热门游戏和新技术如AI、UE5等；或通过了解和参加线上、线下行业游戏大赛或交流峰会，增加行业信息来源，积......
-
今天要分享的是武汉校区剪包专场招聘会，企业代表是曾就读于武汉校区2210期的剪包学长，这次代表公司返校，招聘视频拍摄剪辑岗位。
-
AI时代找不到工作怎么办？瞄准这6个常青树行业，火星全专业可匹配！
科技在创新，社会在发展，自动化、机器人和AI人工智能的应用，让很多重复性高、低技能要求的传统工作岗位正在被逐步取代，这是一个无......
-
一般发生在下半年，如果公司上半年业绩未达标，有些公司可能会在年中发起招聘需求，为团队储备一些新人，到年底以“试用期不通过”为理......
