木质纹理按钮.doc

《木质纹理按钮.doc》由会员分享，可在线阅读，更多相关《木质纹理按钮.doc（5页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、【精品文档】如有侵权，请联系网站删除，仅供学习与交流木质纹理按钮.精品文档.木质纹理按钮本实例制作的木纹按钮，是将木雕花纹图像与金属边缘图像相结合，给人以庄重、华丽的视觉印象，带有一种古典主义的浪漫情调，适合用在带有仿古怀旧情节的网页中。如图2-44所示，为本实例的完成效果。图2-44本实例完成效果技术提示木纹按钮的制作，主要是在一幅木纹纹理图片的基础上，应用图层样式效果创建的。木纹上雕刻的花纹，是通过为花纹图形添加图层样式，创建出凹陷效果，然后更改图层的混合模式，使花纹图形与底层的木纹图像叠加混合后形成的。此外按钮的金属边缘，也是应用图层样式效果创建的，它与木纹的天然肌理效果形成鲜明对比，视

2、觉效果突出。读者对本节实例详细学习之后，要仔细体会使用图层效果用来创建不同样式，不同质感的图像。如图2-45所示，为本实例的制作流程。图2-48绘制路径并转换为选区（4）确定木纹图像所在“图层1”为当前可编辑状态，连续按下键和键，将选区内的图像复制并粘贴到新的图层中（即“图层2”），然后将“图层1”隐藏，如图2-49所示。图2-49复制图像（5）执行“图层”“图层样式”“投影”命令，打开“图层样式”对话框，参照图2-50所示设置对话框，为其添加图层样式效果。图2-50设置“图层样式”对话框（6）在“图层”调板中复制“图层1”，创建出“图层1副本”，然后再将“图层1副本”拖动到调板的最顶端，并将

3、“图层1副本”显示。执行“滤镜”“锐化”“USM锐化”命令，参照图2-51所示对打开的对话框进行设置，为图像添加滤镜效果。提示：“USM锐化”命令可以通过增加图像边缘的对比度来锐化图像。半径越大，边缘效果越明显。但是，如果对图像进行过度锐化，则会在边缘周围产生光晕效果。图2-51设置“USM锐化”对话框（7）按下键，重复上次滤镜操作，增强锐化效果，然后在“图层”调板中，对“图层1副本”的混合模式和不透明度参数进行设置，接着再按下键，创建剪贴蒙版，如图2-52所示。图2-52创建剪贴蒙版（8）在“通道”调板中，单击调板底部的“创建新通道”按钮，新建Alpha 1通道，执行“滤镜”“渲染”“云彩”

4、命令，制作云彩效果，如图2-53所示。图2-53渲染云彩效果（9）选择工具箱中的“魔棒”工具，然后对选项栏进行设置。在视图内单击，创建选区，接着再执行“选择”“修改”“收缩”命令，在打开的“收缩选区”对话框中，将收缩量设置为2个像素，单击“确定”按钮，关闭对话框，如图2-54所示。图2-54创建选区（10）切换到“图层”调板，确定“图层1副本”图层为可编辑状态，单击调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“亮度/对比度”命令，参照图2-55所示设置对话框，调整选区内图像的色调。提示：如果直接在木质图像上绘制斑点图像，费力气还不一定效果自然，若使用云彩命令来进行处理，将会创建

5、出自然得斑驳效果。图2-55调整图像色调（11）接下来为该调整图层添加“外发光”和“斜面和浮雕”图层样式效果，如图2-56所示。图2-56设置图层样式（12）在“图层”调板中将“亮度/对比度1”调整图层的不透明度参数设置为“50%”。按下键的同时单击“图层2”前的图层缩览图，将该图层中的图像作为选区载入，然后按下键，将选区反转，确定“亮度/对比度1”调整图层为可编辑状态，使用黑色填充选区，并取消选区，将选区内的斑点图像隐藏，如图2-57所示。图2-57编辑蒙版（13）使用前面复制木纹图像、为图像添加图层样式效果。然后再参照前面创建选区，添加“亮度/对比度”调整图层，为调整图层添加图层样式效果，

6、制作出木纹上的斑点图像，如图2-58所示。图2-58制作其他图像（14）在“图层”调板中新建“图层4”，然后使用“钢笔”工具，在视图中沿图像边缘绘制路径，如图2-59所示。图2-59绘制路径（15）设置前景色为白色，选择工具箱中的“画笔”工具，参照图2-15所示设置选项栏，然后单击“路径”调板底部的“用画笔描边路径”按钮，对路径进行描边，接着再单击调板空白处将路径隐藏，如图2-60所示。注意：在设置比刷大小的时候要根据画面效果来定，太粗会显得呆板，太细效果会不明显。图2-60描边路径（16）执行“图层”“图层样式”“投影”命令，打开“图层样式”对话框，参照图2-61所示设置对话框，为其添加图层

7、样式效果。图2-61设置图层样式（17）参照前面绘制图像的方法，在视图上侧制作出如图2-62所示的图像效果。图2-62制作其他图像（18）新建一个图层，使用“椭圆”工具，在视图中结合键，在相应位置绘制两个正圆路径，然后按下键，将路径转换为选区，如图2-63所示。提示：在Photoshop中创建同心圆的方式很灵活，可以使用“自定形状”工具从选项栏的“形状”列表中选择预设的圆环图案。按键创建一个等比例的同心圆路径，然后使用“直接选择”工具选择位于内部的正圆，按键拖动鼠标，调整它与外部正圆的位置关系。图2-63创建环形选区（19）将选区填充为橙色（R220、G158、B80）并取消选区，然后参照图2

8、-64所示为其添加图层样式效果，制作出金属环效果。图2-64制作金属环图像（20）选择“椭圆选框”工具，按下键，在视图中拖动鼠标绘制一个正圆选区，然后再对木纹图像进行复制并粘贴到新的图层中，接着再参照图2-652-66所示为其添加图层样式效果。图2-65设置图层样式图2-66设置“描边”参数（21）使用前面操作方法，再对木纹图像进行复制，并设置副本图像的混合模式为“柔光”，为图层编组，制作出圆形图像的纹理；然后再参照图2-67所示，创建“亮度/对比度”调整图层，制作出图像的斑点效果。图2-67制作纹理和斑点效果（22）打开本书附带光盘Chapter-02“花纹.psd”文件，然后将该花纹图案拷

9、贝到“背景纹理”文档中，并对图案的角度和位置进行调整，如图2-68所示。图2-68添加花纹图案（23）将花纹图案所在图层的混合模式设置为“叠加”，然后为其添加“外发光”和“斜面和浮雕”效果，如图2-69所示。图2-69添加图层样式效果（24）对花纹图像进行复制，然后执行“编辑”“变换”“水平翻转”命令，将图像水平翻转，接着使用“移动”工具，将其调整到视图右侧，如图2-70所示。提示：使用“移动”工具，按下键的同时拖动图像也可以对图像进行复制。图2-70复制并调整图像（25）最后在视图中添加相关的文字信息和装饰图像，完成本次实例的制作，如图2-71所示。如果读者在制作的过程中遇到什么问题，可打开

10、本书附带光盘Chapter-02文件夹内的“木质纹理按钮.psd”文件进行查看。图2-71实例完成效果图2-45本实例制作流程制作步骤（1）启动Photoshop，执行“文件”“打开”命令，打开本书附带光盘Chapter-02“背景纹理.jpg”文件，如图2-46所示。图2-46打开背景素材（2）接下来再打开本书附带光盘Chapter-02“木质纹样.jpg”文件，使用工具箱中的“移动”工具，将该文档中的图像拖动到“背景纹理”文档中的相应位置，如图2-47所示。图2-47添加木纹图像（3）使用工具箱中的“钢笔”工具，在视图中的木纹图像上绘制路径，按下键，将路径转换为选区，如图2-48所示。注意：选择钢笔工具后，在选项栏最左端出现了三个选项，选择“路径”选项，最后绘制出的只会出现路径。