Photoshop图层样式和路径绘制UI小图标

核心提示： 下面我想以一个实际的例子来和大家交流一下我的图标制作过程，这是一枚风格比较简单的图标，Photoshop图层样式和路径绘制UI小图标(2)，造型上也并不复杂，又碰上需要处理多种分辨率的情况，而盘体两侧的倒影因为反射的是驱动器底部，所以无从复制，所以非常适合使用路径＋图层样式的制作方法，确定透视之

下面我想以一个实际的例子来和大家交流一下我的图标制作过程。

　

这是一枚风格比较简单的图标，造型上也并不复杂，又碰上需要处理多种分辨率的情况，所以非常适合使用路径＋图层样式的制作方法。

　

确定透视之后，把整体的形状用钢笔勾勒出来或者取PS形状工具中基本造型进行变形和组合。比如光盘的造型是从圆形变形而来，而驱动器两侧的面是用两个形状相减而来。

　

驱动器的前面板是个胶囊形，图层样式中使用了向上的1象素白色投影来作为驱动器上表面和前面板接缝处的高光；用1象素的外发光来作为描边；上深下浅的渐变给面板增加凹进去的感觉；用光泽来给面板两端加深颜色增加图标的细节；而渐变方式的内描边则来表现前面板的边缘高光。完成之后把前面板复制一下，合并到新的图层（也就是在新复制出的面板下面新建一个新的图层，然后将面板合并到此图层，这样就能保留图层效果，得到一个象素化的面板）。对此新建的面板进行垂直镜像，高斯模糊并且使用蒙板使其显得若有若无，成为图标中的倒影，而盘体两侧的倒影因为反射的是驱动器底部，所以无从复制，我们只能手工使用画笔来描绘。