上一小节我们把它的形状绘制出来了，这一小节我们一起把它上一个颜色，先看下最终效果：
UI设计
具体步骤如下：
步骤一
首先把所有的图层合并成为一个图层或者合并成一个组
UI设计
步骤二
直接全选ctrl+e就把这些图层全部都合并到一起了，可以对它直接去调整颜色
一开始我调成一个黑颜色，在黑颜色的基础之上，新建图层，不断的去做剪贴蒙板，给它添加上一些新的颜色。
UI设计
步骤三
同样是选择径向渐变，前景色到透明渐变，给它进行绘制。
UI设计
步骤四
首先选择一个稍微蓝一点的颜色，找一找它的边缘，通过这种方式来做上一些颜色。
UI设计
尽量把颜色涂抹在它的边缘，这样会使整个物体看起来有一种微微的立体的感觉，微微的发光的感觉。
UI设计
步骤五
在这个蓝色图层之上再去给他建立更多的一些颜色上来，同样是新建图层，可以来个大胆的颜色比如说嫩绿色，饱和度一定要高，明度一定要高，不然颜色看起来不亮或者说不干净。
UI设计
步骤六
这里一样是使用径向渐变进行绘制，对于径向渐变大家需要注意：如果拉的距离非常近，画出来的颜色是非常实的，如果说拉的距离远一点的话，它画出来的整个形态是比较柔和、自然的。
UI设计
UI设计
步骤七
这个颜色最好不要使用纯色，可以让它有个渐变在里面，一层一层的，让它有一个过渡的感觉。
UI设计
白色不要做的太多，有一点就可以，除此之外还可以在它上方去给到一个整体的光源，降低不透明度。让他确确实实是在发光，这里尽量不要用白色，也是给他一点蓝色，做出来一点放光的效果。
UI设计
步骤八
大胆的去画，一次做不好没关系，可以反复的撤销、调整、修改。
UI设计
为什么要不断的新建图层，因为通过这种方法，可以非常方便的去调试每个图层上的颜色，可以随时调整，随时修改。
UI设计
UI设计
UI设计
步骤九
一定要使用非常亮的颜色，如果这个颜色选择不对就会显得非常脏的。
UI设计
最上方可以再给他来一点点的黄色，黄颜色比较不太好掌控，几个图层之间必须得有个过渡。
UI设计
步骤十
整体的边边角角给它添加一些小细节，比如说给它做上一点点的紫色。
UI设计
最外侧做一些点缀的东西，比如做小小的像萤火虫的外发光，复制几个，这样看上去觉得比较亮。
UI设计
UI设计
步骤十一
可以添加一些整体的光源，会使我们看起来要更丰富点。
UI设计
如果整体效果还不够，Alt+control+shift对它整体进行个盖印，调整一下它的色相饱和度，把它的饱和度稍微的往上去提一提，能让它整体看上去更亮一些。
UI设计
UI设计
最终我们得到了这样一个炫彩音符的图标，今天你学会了吗？
音乐图标绘制教程分两节为大家展示制作过程，学习完今天的内容，大家可以动手了将昨天没有昨晚的图标做完~关注公众号：米你教育，ID：mnjy168，制作中有什么问题给我们留言哦，关注还可以免费领取100G设计素材！
网友评论