教程中我们将设置图层样式效果来制作内部具有折射光线的按钮效果,制作中主要使用了“渐变叠加”图层样式效果。通过设置多层渐变叠加,并更改其混合模式而制作出绚丽的光线,具体的制作方法各位网友可跟随教程同步制作。

PS CS5样式制作闪亮的折射玻璃按钮

(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“光线背景.psd”文件。

PS CS5样式制作闪亮的折射玻璃按钮

(2)选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。

PS CS5样式制作闪亮的折射玻璃按钮

(3)为“形状 1”图层添加图层样式,单击“渐变叠加”项目,并设置其各项参数。

PS CS5样式制作闪亮的折射玻璃按钮

(4)单击“描边”项目,并设置其各项参数。

PS CS5样式制作闪亮的折射玻璃按钮

(5)按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

PS CS5样式制作闪亮的折射玻璃按钮

(6)复制“形状 1”图层,得到“形状 1 副本”图层,并将该图层的图层样式删除。

PS CS5样式制作闪亮的折射玻璃按钮

(7)为“形状 1 副本”图层添加“渐变叠加”图层样式,并设置其各项参数。

PS CS5样式制作闪亮的折射玻璃按钮

(8)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“颜色减淡”,效果如图所示。

PS CS5样式制作闪亮的折射玻璃按钮

(9)复制“形状 1”图层,得到“形状 1 副本 2”图层,效果如图所示。

PS CS5样式制作闪亮的折射玻璃按钮

(10)打开“形状 1 副本 2”图层的图层样式,并更改“渐变叠加”样式的各项参数。

PS CS5样式制作闪亮的折射玻璃按钮

(11)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“滤色”,效果如图所示。

PS CS5样式制作闪亮的折射玻璃按钮

(12)复制“形状 1”图层,得到“形状 1 副本 3”图层,并将该图层的图层样式删除,调整大小,效果如图所示。

PS CS5样式制作闪亮的折射玻璃按钮