恐怖小说网页的按钮制作，要能从按钮的形状和样式上体现恐怖小说网页的特点，能够配合网页信息营造出一种恐怖的视觉效果。如图5-2所示，为本实例的完成效果。

图5-2  本实例完成效果

技术提示

本实例的按钮最后效果给人一种恐怖的视觉印象，其中按钮上的纹理图像是体现这种效果的最重要因素。在绘制过程中采用应用图层样式和绘制图像相结合的方式，创建的按钮的立体效果。此外按钮的上的纹理图像，是综合应用多种滤镜效果创建的，并调整图层的混合模式来加强这种纹理的表现。如图5-3所示，为本实例的制作流程。

图5-3  本实例制作流程

制作步骤

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

图5-4  打开背景素材

（2）结合使用工具箱中的“钢笔”工具、“矩形”工具、“圆角矩形”工具和“椭圆”工具，参照图5-5所示，将图像的各部分组成路径绘制出来。

图5-5  绘制路径

提示：为便于读者查看路径形状，图5-5中特意为图像添加了一个白色背景。

（3）使用“路径选择”工具，选择中间的圆角矩形路

径，然后在视图中右击，在弹出的菜单中执行“建立选区”命令，保持对话框的默认设置，单击“确定”按钮，创建出选区。按下两次<Esc>键，将路径隐藏，如图5-6所示。

提示：若是直接按下<Ctrl+Enter>键，则会将所有的路径转换成选区。

图5-6  建立选区

（4）在“图层”调板中新建“图层 1”，选择工具箱中的“渐变”工具，参照图5-7所示设置渐变色，然后在选区内由上到下绘制线性渐变色，接着再将选区取消。

提示：按下<Shift>键的同时由上到下拖动鼠标，可以拖出一条垂直的渐变线，使得渐变颜色比较对称。

图5-7  绘制渐变色

（5）新建“图层 2”，在“路径”调板中，选择“工作路径”，使路径在视图内显示。然后使用前面讲述的操作方法，再将中间的正圆路径转换为选区，接着使用“渐变”工具，在选区内绘制径向渐变色，如图5-8所示。

图5-8  绘制球形图像

（6）按下<Ctrl+D>键，取消选区，执行“图层”→“图层样式”→“内阴影”命令，参照图5-5所示设置“图层样式”对话框，为图像添加“内阴影”效果，如图5-9所示。

图5-9  设置“内阴影”参数

（7）在“图层”调板中，新建“图层 3”，然后再将路径显示，并使用

“路径选择”工具，按下<Shift>键的同时选择相应的两个路径，激活选项栏中的“重叠形状区域除外”按钮，然后再建立选区，如图5-10所示。

提示：在选择了“路径选择工具后，选项栏上会出现 “添加到形状区域”、“从形状区域减去”、“交叉形状区域”和“重叠形状区域除外”四个选项，读者应根据具体要求来设置选项。

图5-10  建立选区

（8）设置前景色为褐色（R145、G109、B90），按下<Alt+Delete>键，使用前景色填充选区并取消选区，然后参照图5-11所示为图像添加“斜面和浮雕”效果。

图5-11  设置图层样式

（9）按下<Ctrl>键的同时，单击“图层 3”前的图层缩览图，将该图层中的图像作为选区载入，接着单击“图层”调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“亮度/对比度”命令，参照图5-12所示设置对话框，调整图像亮度。

图5-12  调整图像亮度

（10）设置前景色为黑色，选择工具箱中的“画笔”工具，参照图5-13所示对添加的“亮度/对比度 1”调整图层的蒙版进行编辑，使部分图像不受该调整图层的影响。

提示：添加蒙版绘制出图像的明暗部分，使得图像在原有立体效果的基础上增强明暗变化，丰富了图像内容。

图5-13  编辑图层蒙版

（11）在“图层 2”的下方新建“图层 4”，使用前面将路径转换为选区，并填充颜色的方法，制作出如图5-14所示的图像。

图5-14  绘制图像

（12）执行“图层”→“图层样式”→“内发光”命令，打开“图层样式”对话框，参照图5-15所示设置对话框，为其添加图层样式效果。

图5-15  添加图层样式效果

（13）新建“图层 5”，参照以上方法，再制作出如图5-16所示的图像。然后在“图层”调板中，按下<Alt>键的同时拖动“图层 4”的图层样式效果至“图层 5”上，将“图层 4”的图层样式效果复制到“图层 5”中，然后再对其“内发光”参数进行更改。

图5-16  创建图像

（14）新建“图层 6”，使用“多边形套索”工具，在图像上创建选区，然后执行“选择”→“羽化”命令，参照图

5-17所示设置对话框，将选区羽化，接着使用白色填充选区并取消选区，制作出图像的高光。

图5-17  制作高光图像

（15）使用前面绘制图像的方法，在视图中再制作出其他相关的图像，如图5-18所示。

提示：在为不同的图像添加图层样式的时候，要根据图像的具体要求设置不同的参数。

图5-18  制作其他图像

（16）在“图层”调板中，配合<Shift>键，将除“背景”图层之外的所有图层全部选中，然后按下<Ctrl+G>键，执行“图层编组”命令，将这些图层放置到一个图层组内，如图5-19所示。

图5-19  图层编组

（17）将“背景”图层暂时隐藏，然后按下<Ctrl+Shift+Alt+E>键，将可见图层合并拷贝到一个新的图层中。再将“背景”图层显示，接着执行“滤镜”→“杂色”→“添加杂色”命令，打开“添加杂色”对话框，参照图5-20所示设置对话框，为图像添加杂色效果。

提示：将所有编辑的图层合并为一个图层，不仅可以减少“图层”调板中的图层数量，而且便于对图像进行编辑、观察和管理。

图5-20  设置“添加杂色”对话框

（18）执行“滤镜”→“艺术效果”→“塑料包装”命令，打开“塑料包装”对话框。设置完毕后单击“确定”按钮，关闭对话框，应用滤镜效果，如图5-21所示。

图5-21  设置“塑料包装”对话框

（19）执行“滤镜”→“扭曲”→“玻璃”命令，参照图5-22所示对打开的“玻璃”对话框进行设置，为图像添加“玻璃”滤镜效果。

图5-22  设置“玻璃”对话框

（20）接下来执行“滤镜”→“渲染”→“光照效果”命令，打开“光照效果”对话框，参照图5-23所示设置对话框，为图像添加光照效果。

提示：在前边三步的操作中对图像进行材质的编辑，在此步骤中对图像进行光感变化的调整。

图5-23  设置“光照效果”对话框

（21）对该图层所在图层进行复制，创建出一个副本图层，然后执行“滤镜”→“杂色”→“中间值”命令，参照图5-24所示为图像添加滤镜效果。

图5-24  设置“中间值”对话框

（22）执行“滤镜”→“画笔描边”→“成角的线条”命令，打开“成角的线条”对话框，参照图5-25所示设置对话框，应用滤镜效果。

图5-25  设置“成角的线条”对话框

（23）下面再执行“滤镜”→“艺术效果”→“海绵”命令，参照图5-26所示对打开的“海绵”对话框进行设置，为图像添加“海绵”滤镜效果。

图5-26  设置“海绵”对话框

（24）在“图层”调板中，将创建的副本图层的混合模式设置为“变暗”，如图5-27所示。

提示：将分别处理的两个图层相互混合，丰富了图像的内容。

图5-27  设置图层混合模式

（25）选择工具箱中的“魔棒”工具，参照图5-28所示设置选项栏，然后在视图相应位置单击创建出选区。

图5-28  创建选区

（26

）单击“图层”调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“色相/饱和度”命令，打开“色相/饱和度”对话框，参照图5-29所示对话框，调整选区内图像的色调。

图5-29  设置“色相/饱和度”对话框

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

提示：对部分图像单独执行色相/饱和度、斜面和浮雕命令的处理，颜色的变化增强了画面的恐怖效果。

图5-30  设置“斜面和浮雕”效果

（28）将“组 1”图层组上的三个图层同时选中，按下<Ctrl+E>键，将其合并为一个图层。然后再将合并后的图层混合模式设置为“正片叠底”，如图5-31所示。

图5-31  合并图层

（29）按下<Ctrl>键的同时单击“色相/饱和度 1”图层的图层缩览图，将图像作为选区载入，然后在“组 1”图层组的下方新建一个图层，并将选区填充为黑色并取消选区，接着再为其添加投影效果，如图5-32所示。

图5-32  为图像添加投影效果

（30）最后在视图中添加相关的文字信息和装饰图像，完成该实例的制作，如图5-33所示。如果读者在制作过程中遇到什么问题，可打开本书附带光盘\Chapter-05\“恐怖小说网页按钮

.psd”文件进行查看。

图5-33  实例完成效果