Photoshop图层样式和路径绘制UI小图标
2009-08-29 00:00:00 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁惧墽鎳撻—鍐偓锝庝簻椤掋垺銇勯幇顖毿撻柟渚垮妼椤粓宕卞Δ鈧獮濠勭磽閸屾艾鈧懓顫濋妸鈺佺疅缂佸顑欓崥瀣煕椤愵偅绶氱紓鍐╂礋濮婂宕掑▎鎴М濠电姭鍋撻梺顒€绉甸幆鐐哄箹濞n剙濡肩紒鎰殜閺屸€愁吋鎼粹€茬敖婵炴垶鎸哥粔鐢稿Φ閸曨垰鍐€妞ゆ劦婢€濞岊亪姊虹紒妯诲蔼闁稿海鏁诲濠氭晲婢跺﹤宓嗛梺缁樺姈缁佹挳宕戦幘璇叉嵍妞ゆ挻绋戞禍鐐叏濡厧浜鹃悗姘炬嫹

核心提示: 下面我想以一个实际的例子来和大家交流一下我的图标制作过程,这是一枚风格比较简单的图标,Photoshop图层样式和路径绘制UI小图标(2),造型上也并不复杂,又碰上需要处理多种分辨率的情况,而盘体两侧的倒影因为反射的是驱动器底部,所以无从复制,所以非常适合使用路径+图层样式的制作方法,确定透视之
下面我想以一个实际的例子来和大家交流一下我的图标制作过程。
这是一枚风格比较简单的图标,造型上也并不复杂,又碰上需要处理多种分辨率的情况,所以非常适合使用路径+图层样式的制作方法。
确定透视之后,把整体的形状用钢笔勾勒出来或者取PS形状工具中基本造型进行变形和组合。比如光盘的造型是从圆形变形而来,而驱动器两侧的面是用两个形状相减而来。
驱动器的前面板是个胶囊形,图层样式中使用了向上的1象素白色投影来作为驱动器上表面和前面板接缝处的高光;用1象素的外发光来作为描边;上深下浅的渐变给面板增加凹进去的感觉;用光泽来给面板两端加深颜色增加图标的细节;而渐变方式的内描边则来表现前面板的边缘高光。完成之后把前面板复制一下,合并到新的图层(也就是在新复制出的面板下面新建一个新的图层,然后将面板合并到此图层,这样就能保留图层效果,得到一个象素化的面板)。对此新建的面板进行垂直镜像,高斯模糊并且使用蒙板使其显得若有若无,成为图标中的倒影,而盘体两侧的倒影因为反射的是驱动器底部,所以无从复制,我们只能手工使用画笔来描绘。
更多精彩
赞助商链接