2015精品木质纹理按钮.docVIP

木质纹理按钮 本实例制作的木纹按钮，是将木雕花纹图像与金属边缘图像相结合，给人以庄重、华丽的视觉印象，带有一种古典主义的浪漫情调，适合用在带有仿古怀旧情节的网页中。如图2-44所示，为本实例的完成效果。 图2-44??本实例完成效果 技术提示 木纹按钮的制作，主要是在一幅木纹纹理图片的基础上，应用图层样式效果创建的。木纹上雕刻的花纹，是通过为花纹图形添加图层样式，创建出凹陷效果，然后更改图层的混合模式，使花纹图形与底层的木纹图像叠加混合后形成的。此外按钮的金属边缘，也是应用图层样式效果创建的，它与木纹的天然肌理效果形成鲜明对比，视觉效果突出。读者对本节实例详细学习之后，要仔细体会使用图层效果用来创建不同样式，不同质感的图像。如图2-45所示，为本实例的制作流程。 图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）新建一个图层，使用“椭圆”工具，在视图中结合Shi