分享

木质纹理按钮

 如颖随行 2013-02-25

本实例制作的木纹按钮,是将木雕花纹图像与金属边缘图像相结合,给人以庄重、华丽的视觉印象,带有一种古典主义的浪漫情调,适合用在带有仿古怀旧情节的网页中。如图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 创建剪贴蒙版

(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

图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

图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 复制并调整图像

图2-71 实例完成效果

原文出处

推荐阅读-Photoshop分类教程

PS入门教程 PS路径教程 PS滤镜教程 PS图层教程 PS通道教程 PS画笔笔刷

PS工具教程 PS创意制作 PS插画制作 PS成签制作 PS海报制作 PS壁纸制作

PS动画制作 PS影楼后期 PS美容教程 PS美白教程 PS磨皮教程 PS清晰修复

PS调色教程 PS边框纹饰 PS排字教程 PS字效教程 PS仿手绘 PS鼠绘教程

PS网页元素 PS抠图教程 PS图片合成 PS非主流 PS视频教程 PS软件资源

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多