UI设计师必须掌握的技能－图层样式

左下角下载psd源文件！左下角下载psd源文件！左下角下载psd源文件！重要的事情说三遍！

图层样式的重要性，相信不用我介绍了，这是UI设计师必过的一道门。写一些心得，算不上教程，希望对新手有所帮助，老司机请绕道。笔者曾经对图层样式的每一个功能细节逐个研究，发现收效不大，然后疯狂临摹追波上一些大神的作品，从中总结了一些不成熟的心得，分享给大家，一起交流。

图层样式功能很强大，只要你细抠，再结合矢量羽化和钢笔工具，几乎没有完不成的图标，在绘制轻拟物、拟物图标时使用很方便。

1、首先，最重要的一步，你需要安装ps cc 2015版本（或以上），这版在图层样式上强化了很多，投影、内阴影、描边，颜色叠加、渐变叠加可以多次叠加，妈妈再也不担心我画的图标没层次了；

2、跟素描画一样，拿到一个命题，第一步是画出大形，确定光源。（工具的话，ps的矢量工具足够了，如果不够，再加上钢笔）；

3、定义物体的颜色，选取大众熟知的能接受的颜色，你够屌，画个紫香蕉也是可以的；（主要用到颜色叠加、渐变叠加）

4、确定物体结构，即物体的厚度，凸起还是凹陷？（主要用到斜面浮雕、内阴影）；

5、经过前面几步，物体的大致感觉已经有了，接下来分析物体的材质，不同的材质有不同的物理属性，包括硬度、反光强弱等，分析清楚物体材质后，结合第一步确定的光源，就可以画物体的暗部、亮部、中间调、反光和高光了；（主要用到渐变叠加、投影、内阴影，描边、内发光、外发光也会用到）。

既然有光源，所以物体不可能是纯色，哪怕再细微的变化，也不会是纯色，渐变叠加能很好的解决这个问题。其实，在刻画细节的时候，是需要一点素描常识的，要学会分辨物体的暗部、亮部、中间调、反光、高光和明暗分界线。阴影和高光一般用投影和内阴影刻画（结合图层模式），区别是投影是在物体外部的，内阴影是在物体内部的。

我们通常需要掌握的材质包括水、金属、木材、塑料、土（沙粒）、火、烟、布料、皮质、毛绒等

6、在刻画细节时，一定要注意环境因素的影响，运用环境色，在这里推荐一个用色小技巧，采用hsb调色，统一成同一个色相度（ H ）调色饱和度和亮度。

注意以上几个细节，勤加练习，这一步很快就会跨过去的，加油吧，骚年。

在用图层样式时，别死记各个功能，按照绘画步骤来是一个很好的方法。另，其实图层样式的各种功能是有规律的，虽然这样总结不是很准确，但是可以很好的帮助理解。

1）阴影和高光，常用投影、内阴影刻画；区别：投影作用在所画的物体外侧，内阴影则在内测；

2）厚度，常用斜面浮雕、内阴影；

3）描边、内发光、外发光是作用物体四周的；内阴影、斜面浮雕、投影是有角度的，只作用相对的两个方向。（投影，在距离调为0，大小大于1时，也可以作用于四周）

做的几个练习，左下角有psd分层源文件，如果觉得有帮助，拿走。等等，骚年，看在我如此尽力的份上，况且毫无保留（源文件）已经榨干的份上，赞一个吧，又不会怀孕