【一步步来】质感图标教程

最近做了一组质感图标的作品，想着把步骤一步步拆分出来，然后做成一个通俗易懂的教程，用我自己的方式讲一讲质感图标怎么制作，就一起动手做几个质感图标试试看！

我一般简单粗暴的分成几个颜色：本色 —— 高光 —— 阴影 —— 反光

只要控制好这几个颜色就可以轻松制作出一个质感图标

弄清楚这几个颜色后，我们只需要把复杂多变的图标去拆成一个个独立的个体来进行控制上色就可以了，话不多说直接进入案例！

我们需要先把图标简单的绘制出来并添加上我们喜欢的颜色；

添加上之前说的 ：本色 —— 高光 —— 阴影 —— 反光

值得注意的是，添加高光、阴影、反光我们需要创建大量的蒙版来进行添加，同时也不要忘了内阴影和外阴影的添加其实效果也有可能会更好；

在上色时，如果你对色彩没那么敏感，那么你可以吸取本色，高光则是加上滤色、阴影则是给图层加上正片叠底；

制作质感图标时，我们最重要的就是高斯模糊（图层模糊）的使用，这里值得注意的是：在尽量不要把高斯模糊拉得太大，

最后我们只需要加上一点装饰元素，我们图标就算完成了！

本案例的技术难点主要是通过对：本色 —— 高光 —— 阴影 —— 反光的上色，其次就是质感刻画的技巧，关于高斯模糊的调节和内阴影的运用。通过案例的学习可以帮助我们熟悉此类方法，我们可以运用在例如：插画、IP吉祥物形象等设计上。

大家也可以举一反三，去制作一些更有趣的质感图标。希望今天的教程分享可以带给大家一些思路，创作出更多优秀的质感图标设计。      

本次案例未进行任何商用设计，仅作为设计交流。