本实例制作的木纹按钮，是将木雕花纹图像与金属边缘图像相结合，给人以庄重、华丽的视觉印象，带有一种古典主义的浪漫情调，适合用在带有仿古怀旧情节的网页中。如图2-44所示，为本实例的完成效果。

图2-44  本实例完成效果

技术提示

木纹按钮的制作，主要是在一幅木纹纹理图片的基础上，应用图层样式效果创建的。木纹上雕刻的花纹，是通过为花纹图形添加图层样式，创建出凹陷效果，然后更改图层的混合模式，使花纹图形与底层的木纹图像叠加混合后形成的。此外按钮的金属边缘，也是应用图层样式效果创建的，它与木纹的天然肌理效果形成鲜明对比，视觉效果突出。读者对本节实例详细学习之后，要仔细体会使用图层效果用来创建不同样式，不同质感的图像。如图2-45所示，为本实例的制作流程。

图2-45  本实例制作流程

制作步骤

（1）启动Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-02\“背景纹理.jpg”文件，如图2-46所示。

图2-46  打开背景素材

（2）接下来再打开本书附带光盘\Chapter-02\“木质纹样.jpg”文件，使用工具箱中的“移动”工具，将该文档中的图像拖动到“背景纹理”文档中的相应位置，如图2-47所示。

图2-47  添加木纹图像

（3）使用工具箱中的“钢笔”工具，在视图中的木纹图像上绘制路径，按下<Ctrl+Enter>键，将路径转换为选区，如图2-48所示。

注意：选择钢笔工具后，在选项栏最左端出现了三个选项，选择“路径”选项，最后绘制出的只会出现路径。

图2-48  绘制路径并转换为选区

（4）确定木纹图像所在“图层 1”为当前可编辑状态，连续按下<Ctrl+C>键和<Ctrl+V>键，将选区内的图像复制并粘贴到新的图层中（即“图层 2”），然后将“图层 1”隐藏，如图2-49所示。

图2-49  复制图像

（5）执行“图层”→“图层样式”→“投影”命令，打开“图层样式”对话框，参照图2-50所示设置对话框，为其添加图层样式效果。

图2-50  设置“图层样式”对话框

（6）在“图层”调板中复制“图层 1”，创建出“图层 1 副本”，然后再将“图层 1 副本”拖动到调板的最顶端，并将“图层 1 副本”显示。执行“滤镜”→“锐化”→“USM锐化”命令，参照图2-51所示对打开的对话框进行设置，为图像添加滤镜效果。

提示：“USM 锐化”命令可以通过增加图像边缘的对比度来锐化图像。半径越大，边缘效果越明显。但是，如果对图像进行过度锐化，则会在边缘周围产生光晕效果。

图2-51  设置“USM锐化”对话框

（7）按下<Ctrl+F>键，重复上次滤镜操作，增强锐化效果，然后在“图层”调板中，对“图层 1 副本”的混合模式和不透明度参数进行设置，接着再按下<Ctrl+Alt+G>

键，创建剪贴蒙版，如图2-52所示。

图2-52  创建剪贴蒙版

（8）在“通道”调板中，单击调板底部的“创建新通道”按钮，新建Alpha 1通道，执行“滤镜”→“渲染”→“云彩”命令，制作云彩效果，如图2-53所示。

图2-53  渲染云彩效果

（9）选择工具箱中的“魔棒”工具，然后对选项栏进行设置。在视图内单击，创建选区，接着再执行“选择”→“修改”→“收缩”命令，在打开的“收缩选区”对话框中，将收缩量设置为2个像素，单击“确定”按钮，关闭对话框，如图2-54所示。

图2-54  创建选区

（10）切换到“图层”调板，确定“图层 1 副本”图层为可编辑状态，单击调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“亮度/对比度”命令，参照图2-55所示设置对话框，调整选区内图像的色调。

提示：如果直接在木质图像上绘制斑点图像，费力气还不一定效果自然，若使用云彩命令来进行处理，将会创建出自然得斑驳效果。

图2-55  调整图像色调

（11）接下来为该调整图层添加“外发光”和“斜面和浮雕”图层样式效果，如图2-56所示。

图2-56  设置图层样式

（12

>）在“图层”调板中将“亮度/对比度 1”调整图层的不透明度参数设置为“50%”。按下<Ctrl>键的同时单击“图层 2”前的图层缩览图，将该图层中的图像作为选区载入，然后按下<Ctrl+Shift+I>键，将选区反转，确定“亮度/对比度 1”调整图层为可编辑状态，使用黑色填充选区，并取消选区，将选区内的斑点图像隐藏，如图2-57所示。

图2-57  编辑蒙版

（13）使用前面复制木纹图像、为图像添加图层样式效果。然后再参照前面创建选区，添加“亮度/对比度”调整图层，为调整图层添加图层样式效果，制作出木纹上的斑点图像，如图2-58所示。

图2-58  制作其他图像

（14）在“图层”调板中新建“图层 4”，然后使用“钢笔”工具，在视图中沿图像边缘绘制路径，如图2-59所示。

图2-59  绘制路径

（15）设置前景色为白色，选择工具箱中的“画笔”工具，参照图2-15所示设置选项栏，然后单击“路径”调板底部的“用画笔描边路径”按钮，对路径进行描边，接着再单击调板空白处将路径隐藏，如图2-60所示。

注意：在设置比刷大小的时候要根据画面效果来定，太粗会显得呆板，太细效果会不明显。

图2-60  描边路径

（16）执行“图层”→“图层样式”→“投影”命令，打开“图层样式”对话框，参照图2-61所示设置对话框，为其添加图层样式效果。

图2-61  设置图层样式

（17）参照前面绘制图像的方法，在视图上侧制作出如图2-62所示的图像效果。

图2-62  制作其他图像

（18）新建一个图层，使用“椭圆”工具，在视图中结合<Shift>键，在相应位置绘制两个正圆路径，然后按下<Ctrl+Enter>键，将路径转换为选区，如图2-63所示。

提示：在Photoshop中创建同心圆的方式很灵活，可以使用“自定形状”工具从选项栏的“形状”列表中选择预设的圆环图案。按<Shift>键创建一个等比例的同心圆路径，然后使用“直接选择”工具选择位于内部的正圆，按<Shift+Alt>键拖动鼠标，调整它与外部正圆的位置关系。

图2-63  创建环形选区

（19）将选区填充为橙色（R220、G158、B80）并取消选区，然后参照图2-64所示为其添加图层样式效果，制作出金属环效果。

图2-64  制作金属环图像

（20）选择“椭圆选框”工具，按下<S

hift>键，在视图中拖动鼠标绘制一个正圆选区，然后再对木纹图像进行复制并粘贴到新的图层中，接着再参照图2-65～2-66所示为其添加图层样式效果。

图2-65  设置图层样式

图2-66  设置“描边”参数

（21）使用前面操作方法，再对木纹图像进行复制，并设置副本图像的混合模式为“柔光”，为图层编组，制作出圆形图像的纹理；然后再参照图2-67所示，创建“亮度/对比度”调整图层，制作出图像的斑点效果。

图2-67  制作纹理和斑点效果

（22）打开本书附带光盘\Chapter-02\“花纹.psd”文件，然后将该花纹图案拷贝到“背景纹理”文档中，并对图案的角度和位置进行调整，如图2-68所示。

图2-68  添加花纹图案

（23）将花纹图案所在图层的混合模式设置为“叠加”，然后为其添加“外发光”和“斜面和浮雕”效果，如图2-69所示。

图2-69  添加图层样式效果

（24）对花纹图像进行复制，然后执行“编辑”→“变换”→“水平翻转”命令，将图像水平翻转，接着使用“移动”工具，将其调整到视图右侧，如图2-70所示。

提示：使用“移动”工具，按下<Alt>键的同时拖动图像也可以对图像进行复制。

图2-70  复制并调整图像

（25）最后在视图中添加相关的文字信息和装饰图像，完成本次实例的制作，如图2-71所示。如果读者在制作的过程中遇到什么问题，可打开本书附带光盘\Chapter-02文件夹内的“木质纹理按钮.psd”文件进行查看。

图2-71  实例完成效果