优艾设计网

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

作者:佚名   出处::腾龙设计

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

最终效果

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

(1)运行Photoshop CS5,做一个如下图的背景。

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

(14)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“颜色减淡”,并调整其“不透明度”参数,效果如图所示。

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

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

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

(17)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“颜色减淡”,并调整“不透明度”参数,效果如图所示。

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

(18)创建图层组命名为“玻璃按钮”,并将“形状 1”、“形状 1 副本”、“形状 1 副本 2”、“形状 1 副本 3”、“形状 1 副本 4”拖入该图层组中。

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

(19)参照制作“玻璃按钮”图层组的方法,制作出“左”、“右”图层,效果如图所示。

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

(20)将“图层”调板中隐藏的“组 1”图层组显示,完成本实例的制作。

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

Photoshop CS5教程:制作闪亮的折射玻璃按钮特效

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜