当前位置: 主页 > 平面设计 > PS教程 > 技巧提高 > CS5教程 > CS5经典样式系列10方框射灯按钮特效

CS5经典样式系列10方框射灯按钮特效

  • 2022-01-13
  • 来源/作者: OneGreen.Org    / 佚名    
  • 3 次浏览

本期教程中我们将设置图层样式效果来制作一个模拟灯光照射效果的按钮,制作中主要使用了“渐变叠加”、“投影”等图层样式效果。灯光是通过设置“投影”图层样式中颜色的混合模式制作而成的。具体的方法读者可跟随教程同步制作并逐步了解。

下期教程中我们将使用图层样式来制作出一个有色玻璃按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列11――Windows XP风格有色玻璃按钮特效》!

开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。

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

2)选择“矩形工具”,在打开的工具选项栏中选择“形状图层”按钮进行绘制,创建“形状 1”图层。

3)连续复制“形状 1”图层两次,分别得到“形状 1 副本”和“形状 1 副本 2”图层,并使其隐藏。

4)为“形状 1”图层添加图层样式,单击“内阴影”项目,并设置其各项参数。

5)单击“渐变叠加”项目,并设置其各项参数。

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

7)选择“形状 1 副本”图层并使其显示,选择“钢笔工具”对图形进行修整。

8)为其填充前景色,并调整其“不透明度”。

9)按照以上方法,对图层“形状 1 副本 2”图层进行调整。

10)新建“图层 1”图层,选择“矩形工具”绘制图形。

11)为“图层 1”图层添加图层样式,单击“内阴影”项目,并设置其各项参数。

12)单击“渐变叠加”项目,并设置其各项参数。

13)新建“图层 2”图层,参照以上方法绘制图形。

14)为“图层 2”图层添加“渐变叠加”图层样式,并设置其各项参数。

15)复制“图层 2”图层得到“图层 2

副本”并调整其位置,新建“组 1”图层组,把“图层 2”、“图层 2 副本”和“图层 1”图层拖入“组 1”图层组中。

16)复制“组 1”图层组得到“组 1 副本”图层组,调整位置,如图所示。

17)再次复制“组 1”图层组得到“组 1 副本 2”图层组。按下<Ctrl+T>组合键,执行“自由变换”命令,对工具选项栏中各参数进行设置。

18)调整“组 1 副本 2”图层组中各图层的图层样式,打开“图层 2 副本”图层样式,并调整其“渐变叠加”图层样式的角度参数。

19)打开“图层 2”图层样式,并调整其“渐变叠加”图层样式的角度参数。

20)选择“图层 1”图层,并调整其“渐变叠加”图层样式的角度参数。

21)设置完毕后,效果如图所示。

22)复制“组 1 副本 2”图层组得到“组 1 副本 3”图层组,并调整其不透明度。

23)新建“图层 3”图层,选择“铅笔工具”进行绘制。

24)为“图层 3”添加“投影”图层样式,并设置其各项参数。

25)复制“图层 3

”图层得到“图层 3 副本”图层,增强投影效果。

26)新建“图层 4”图层,选择“画笔工具”,并设置其各项参数,绘制亮光。

27)更改“图层 4”图层混合模式为“线性减淡(添加)”,效果如图所示。

28)新建图层组并命名为“光点”,把“图层 4”、图层“图层 3 副本”和“图层 3”图层拖入“光点”图层组中。

29)多次复制“光点”图层组,调整位置,效果如图所示。

30)将“图层”调板中隐藏的“腾龙视觉”文字图层显示,完成本实例的制作。