在本小节的实例学习中，将制作一幅网络游戏网页按钮的特效画面，该按钮的外观造型独特，充满神秘游戏氛围。如图6-47所示，为本实例的完成效果。

图6-47  本实例完成效果

技术提示

在本实例画面中，按钮图像和背景图像颜色和谐，画面生动统一，其中按钮图像造型奇特，视觉效果突出。在制作过程中，通过绘制图形和设置图层样式效果来制作按钮的立体效果，然后将素材图片叠加到按钮图像上制作出按钮上的纹理效果，使用画笔工具绘制出按钮上的光晕图像，注意调节画笔的大小。如图6-48所示，为本实例的制作流程。

图6-48  本实例制作流程

制作步骤

（1）运行Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-06\“光晕背景.jpg”文件，如图6-49所示。

图6-49  打开背景素材

（2）选择工具箱中的“椭圆选框”工具，按下<Shift>键的同时在视图内拖动鼠标，绘制一个正圆选区，然后再选择“矩形选框”工具，单击选项栏中的“从选区减去”按钮，接着对选区进行修改，如图6-50所示。

图6-50  创建选区

（3）在“图层”调板中新建“图层 1”，设置前景色为深褐色（R62、G47、

B33），按下<Alt+Delete>键，使用前景色填充选区，按下<Ctrl+D>键，取消选区，如图6-51所示。

图6-51  填充颜色

（4）执行“滤镜”→“杂色”→“添加杂色”命令，打开“添加杂色”对话框，参照图6-52所示设置对话框，为图像添加杂色效果。

图6-52  设置“添加杂色”对话框

（5）执行“图层”→“图层样式”→“斜面和浮雕”命令，打开“图层样式”对话框，参照图6-53所示设置对话框，为图像添加浮雕效果。

图6-53  设置“斜面和浮雕”参数

（6）按下<Ctrl>键的同时单击“图层 1”前的图层缩览图，将该图层中的图像作为选区载入，然后使用“椭圆选框”工具对选区进行修改，将部分选区减去，如图6-54所示。

图6-54  修改选区

（7）确定“图层 1”为当前可编辑状态，按下<Ctrl+C>键，复制选区内的图像，按下<Ctrl+V>键，对其进行粘贴，在“图层”调板中生成“图层 2”。使用“移动”工具，将复制的图像向上稍微移动一些，并为其添加“斜面和浮雕”图层样式效果，如图6-55所示。

提示：为图像添加斜面和浮雕图层样式效果，增强了顶部边缘的立体效果，使用此方法添加的效果直观且边缘有变化。

图6-55  复制图像并为其添加效果

（8）新建“图层 3”，使用工具箱中的“钢笔”工具，在视图中绘制路径，绘制完毕后按下<Ctrl+Enter>键，将路径转换为选区，然后使用灰绿色（R85、G119、B121）填充选区并取消选区，如图6-56所示。

图6-56  绘制图像

（9）单击“图层”调板底部的“添加图层样式”按钮，在弹出的菜单中执行“内阴影”命令，打开“图层样式”对话框，参照图6-57所示设置对话框，为其添加图层样式效果。

图6-57  设置图层样式

（10）打开本书附带光盘\Chapter-06\“光晕图案.jpg”文件，将该文档中的图像拷贝到“光晕背景”文档中的相应位置，在“图层”调板中生成“图层 4”，如图6-58所示。

图6-58  添加素材图像

（11）将“图层 4”的混合模式设置为“线性减淡”，然后单击“图层”调板底部的“添加图层蒙版”按钮，为“图层 4

”添加图层蒙版。再使用“画笔”工具对蒙版进行编辑，如图6-59所示。

技巧：对图像添加蒙版将不需要的图像进行遮罩，因为需要完全遮罩所以将不透明度设置为100%，并且根据画面效果来调节画笔的大小。

图6-59  编辑蒙版

（12）将“图层 3”中的图像作为选区载入，新建“图层 5”，设置前景色为白色，使用工具箱中的“画笔”工具，配合在选项栏中设置不同大小的柔角笔刷，在视图中通过单击的方式，绘制出斑点图像，并将选区取消。然后将“图层 5”的不透明度参数设置为“50%”，如图6-60所示。

图6-60  绘制斑点图像

（13）使用同样方法，参照图6-61所示，制作出其他图像效果。

图6-61  制作其他图像

（14）接下来使用工具箱中的“圆角矩形”工具，在视图中绘制圆角矩形路径，然后再将路径转换为选区，并对选区进行修改，参照前面操作方法，新建一个图层，为选区填充颜色并为图像添加杂色效果，如图6-62所示。

图6-62  绘制图像

（15）参照图6-63所示，为刚绘制图像添加“内阴影”和“斜面和浮雕”图层样式效果。

图6-63  设置图层样式

（16）使用工具箱中的“圆角矩形”工具，绘制圆角矩形路径，然后将路径转换为选区，复制选区内的图像并进行粘贴，接着再为复制的图像添加图层样式效果，如图6-64所示。

图6-64  复制图像

（17）再次对图像进行复制并为复制图像添加“投影”和“斜面和浮雕”效果，如图6-65所示。

图6-65  添加图层样式效果

（18）将刚复制的图像作为选区载入，接着再新建一个图层，将选区填充为绿色（R0、G84、B89），并取消选区，参照图6-66所示为图像添加“内阴影”和“斜面和浮雕”效果。

提示：在执行此项操作的时候也可以将步骤（9）中图层3的图层样式进行拷贝，然后在此图层上进行粘贴，最后对部分参数进行调整。

图6-66  设置“内阴影”和“斜面和浮雕”参数

（19）配合使用本书附带光盘\Chapter-06\“光晕图案.jpg”文档中的图像，制作出光斑图像，然后再使用“画笔”工具，绘制一些光点图像，如图6-67所示。

图6-67  制作光斑和光点图像

（20）最后在视图中添加相关的文字信息和装饰图像，完成该实例的制作，如图6-68所示。如果读者在制作的过程中遇到什么问题，可打开本书附带光盘\Chapter-06\

“网络游戏网页按钮.psd”文件进行查看。

图6-68  实例完成效果