当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 按钮制作 > 石质纹理按钮

石质纹理按钮

  • 2021-12-01
  • 来源/作者: 本站原创    / 佚名    
  • 7 次浏览

本实例制作的石质纹理按钮看上去威武厚重,给人一种拙朴的感觉,使人仿佛又回到了汉唐时代,细心体验着那个时代创造的这拙中带巧的艺术美感。如图2-72所示,为本实例的完成效果。

2-72  本实例完成效果

技术提示

本实例中按钮的立体效果的塑造,应用了斜面和浮雕的图层样式,而纹理质感的创建主要是综合使用多种滤镜效果完成的。在制作石质纹理图像表面的裂纹时,为了使裂纹生动,自然随意,我们使用分层云彩命令的随机性制作出来的。由于石质纹理的图像的一般都有比较粗糙的纹理和特殊的光泽,所以在绘制的时候,应先仔细分析,然后再加以深入刻画,这样制作出的图像才具有生命力。如图2-73所示,为本实例的制作流程。

2-73  本实例制作流程

制作步骤

1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“石质背景.jpg”文件,如图2-74所示。

2-74  打开素材图像

2)在“图层”调板中新建“图层 1,设置前景色为灰色(R102G102B102),按下<Alt+Delete>键,使用前景色填充“图层 1。然后执行“滤镜”→“杂色”→“添加杂色”命令,打开“添加杂色”对话框,参照图2-75所示设置对话框,为图像添加杂色效果。

注意:图像的填充色对添加杂色后的效果影响很大,数值越小,保持原来色调越明显。

2-75  设置“添加杂色”对话框

3)执行“滤镜”→“画笔描边”→“喷溅”命令,参照图2-76所示对打开的“喷溅”对话框进行设置,完毕后单击“确定”按钮关闭对

话框,应用滤镜效果。

2-76  设置“喷溅”对话框

4)执行“滤镜”→“画笔描边”→“喷色描边”命令,打开“喷色描边”对话框,参照图2-77所示设置对话框,为图像添加滤镜效果。

2-77  设置“喷色描边”对话框

5)选择工具箱中的“圆角矩形”工具,然后设置选项栏中的参数,接着在视图中绘制一个圆角矩形路径,如图2-78所示。

提示:在圆角矩形选项栏中,半径大小的设置直接决定了圆角的弧度大小,半径越大,弧度越明显。输入最大值1000px,将创建正圆形的路径。

2-78  绘制圆角矩形路径

6)选择工具箱中的“路径选择”工具,选择该路径,然后按下<Alt>键的同时向右拖动绘制的圆角矩形路径,将该路径复制两个,如图2-79所示。

2-79  复制路径

7)按下<Ctrl+Enter>键,将路径转换为选区,然后按下<Ctrl+Shift+I>键,将选区反转。确定“图层 1为当前可编辑状态,按下<Delete>键,将选区内的图像删除,接着再按下<Ctrl+D>键取消选区,如图2-80所示。

2-80  转换选区并删除图像

8)使用工具箱中的“加深”工具,对图像的局部颜色进行加深处理,如图2-81所示。

注意:在对图像进行加深处理的时候,要先考虑清楚受光面和背光面,并且根据画面效果调节画笔的大小和曝光度的值。

2-81  处理图像

9)执行“图层”→“图层样式”→“斜面和浮雕”命令,打开“图层样式”对话框,参照图2-82所示设置对话框,为图像添加浮雕效果。

2-82设置“斜面和浮雕”参数

10)按下<Ctrl>键的同时单击“图层 1前的图层缩览图,将该图层中的图像作为选区载入,然后新建“图层 2,确定前景色和背景色为黑色和白色状态下,执行“滤镜”→“渲染”→“云彩”命令,在选区内渲染出云彩效果,下面再将“图层 2的混合模式设置为“柔光”,并将选区取消,如图2-83所示。

2-83  渲染云彩图案

11)使用“圆角矩形”工具,在图像上绘制圆角矩形路径,然后将路径转换为选区,执行“选择”→“羽化”命令,设置“羽化半径”为15个像素,单击“确定”按钮,退出“羽化选区”对话框,如图2-84所示。

2-84  羽化选区

12)单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中执行“亮度/

对比度”命令,打开“亮度/对比度”对话框,如图2-85所示设置对话框,调整选区内图像的亮度和对比度。

提示:使用亮度/对比度命令,对图像左上角的受光部位进行提亮。羽化后的图像边缘与周围环境自然融合。

2-85  调整图像亮度和对比度

13)在“通道”调板中新建Alpha 1通道,然后执行“滤镜”→“渲染”→“分层云彩”命令,按下<Ctrl+F>键,重复上次滤镜操作,渲染出云彩图案,如图2-86所示。

2-86  渲染云彩图案

提示:由于“分层云彩”滤镜随机性比较大,读者可按下<Ctrl+Alt+Z>键两次,撤消滤镜操作,然后再按下<Ctrl+F>键两次,重复滤镜操作,直到达到满意效果为止。

14)执行“图像”→“调整”→“色阶”命令,打开“色阶”对话框,参照图2-87所示设置对话框,调整图像的色阶。

2-87  调整图像色阶

15)选择工具箱中的“魔棒”工具,在黑色线条图像上单击创建选区,如图2-88所示。

2-88  创建选区

16)在“图层”调板中,确定“亮度/对比度 1调整图层为当前可编辑状态,按下<Ctrl+Shift+Alt>键的同时,单击“图层 2前的图层缩览图,得到一个交叉选区,然后单击调板底部的

“创建新的填充或调整图层”按钮,在弹出的菜单中执行“亮度/对比度”命令,参照图2-89所示设置对话框,调整选区内图像的亮度和对比度。

提示:在前面小节中也使用此种方法来绘制图像,用此方法绘制图像效果自然,并且简单易于操作,在这里读者可以再复习一下并仔细体会与以前的操作方法有哪些不同。

2-89  制作裂痕图像

17)执行“图层”→“图层样式”→“斜面和浮雕”命令,参照图2-90所示设置“图层样式”对话框,为图像添加斜面和浮雕效果。

2-90  设置“斜面和浮雕”参数

18)按下<Ctrl>键的同时单击“图层 2前的图层缩览图,将该图层中的图像作为选区载入,然后单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中执行“色相/饱和度”命令,参照图2-91所示设置对话框,调整选区内图像色调。

2-91  调整图像色调

19)设置前景色为黑色,使用“画笔”工具,分别在三个图形的左侧和底部涂抹,使用涂抹部位图像不受“色相/饱和度”调整图层的影响,如图2-92所示。

2-92  编辑蒙版

20)接下来将“亮度/对比度 2调整图层的蒙版作为选区载入,然后执行“选择”→“修改”→“扩展”命令,在“扩展选区”对话框中设置“扩展量”为

4个像素,接着执行“选择”→“羽化”命令,设置“羽化半径”为6个像素,如图2-93所示。

2-93  修改选区

21)在“图层”调板顶端新建“图层 3,使用白色填充选区并取消选区,然后再设置“图层 3的混合模式和不透明度参数,如图2-94所示。

提示:读者有机会可以观察身边有裂纹的石头,会发现在裂纹处的颜色会普遍偏白,在这里我们对石头的细节进行处理,使最后的效果更加真实自然。

2-94  创建图像

22)打开本书附带光盘\Chapter-02\文件夹内的“图标纹样.psd”文件,将该文档中的图像拷贝到“石质背景”文档中,然后为其添加图层样式效果,如图2-95所示。然后再设置图像所在“图层 4的混合模式为“正片叠底”,如图2-96所示。

2-95  设置图层样式

2-96  设置图层混合模式

23)最后再结合使用本书附带光盘\Chapter-02\“古典纹样.psd”文档中的图像,在视图中添加其他纹样,并制作出其他文字效果,完成本次实例的制作,如图2-97所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘\Chapter-02\“石质纹理按钮.psd”文档进行查看。

2-97 

实例完成效果