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

纸质材质按钮

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

纸质材质也属于亚反光材质的一种,光在纸质材质上呈漫反射状态,本实例制作的纸质按钮的造型很独特,按钮的形状就像用毛边的牛皮纸撕成的一样,给人一种怀旧的视觉感受,如图3-110所示,为本实例的完成效果。

3-110  本实例完成效果

技术提示

本实例制作的按钮材质是使用牛皮纸制作而成的。毛边的牛皮纸效果形式比较活泼,具有动感,而以黄色为主的色调结合画面中粗糙的纹理以及文字图象又使画面带有一种浓重的怀旧气息。使用“多边形套索”工具手绘制作出纸张毛边的边缘效果,通过使用“添加杂色”滤镜和“彩块化”滤镜,来创建纸材质的纹理效果。结合使用“画笔”工具、“亮度/对比度”等命令来绘制出纸张的起伏以及页面上斑驳的线条等图像。在制作过程中,无论使用什么样的表达形式,它的主要作用都是为内容服务,只有多种形式的合理搭配使用才能使画面形成一个有机的整体。如图3-111所示,为本实例的制作流程。

3-111  本实例制作流程

制作步骤

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

3-112  打开背景素材

2)在“图层”调板中,新建“图层 1,选择工具箱中的“矩形选框”工具,参照图3-113所示在视图内绘制选区,然后将选区填充为黑色,并取消选区。

3-113  绘制矩形图像

3)使用工具箱中的“多边形套索”工具,在矩形图像上绘制选区,然后单击“图层”调板底部的“添加图层蒙版”按钮,为“图层 1添加图层蒙版,如图3-114

所示。

提示:也可以使用套索工具创建不规则选区,以表现纸张边缘参差不齐的效果。

3-114  添加蒙版

4)接下来执行“图层”→“图层样式”→“投影”命令,打开“图层样式”对话框,参照图3-115所示设置对话框,为图像添加投影效果。

3-115  设置“投影”参数

5)新建“图层 2,根据前面绘制图像、添加图层蒙版的方法,参照图3-116所示再次绘制图像。

3-116  绘制图像

6)确定“图层 2的图层缩览图为激活状态,执行“滤镜”→“杂色”→“添加杂色”命令,打开“添加杂色”对话框,参照图3-117所示设置对话框,为图像添加杂色效果。

3-117  设置“添加杂色”对话框

7)执行“滤镜”→“像素化”→“彩块化”命令,应用该滤镜效果。选择工具箱中的“矩形”工具,在视图中绘制矩形路径,如图3-118所示。

3-118  绘制路径

8)使用“路径选择”工具,选择绘制的矩形路径,然后按下<Ctrl+T>键,执行“自由变换路径”命令。接着配合<

>方向键,向右移动路径位置,调整完毕后,按下<Enter>键,完成变换路径操作,如图3-119所示。

3-119  变换路径

9)连续按下<Ctrl+Shift+Alt+T>键,将该路径变换复制多个,如图3-120所示。

提示:两个路径之间间隔的大小取决于在上面步骤中将第一个路径移动位置的多少。

3-120  复制路径

10)按下<Ctrl+Enter>键,将路径转换为选区,执行“选择”→“羽化”命令,打开“羽化选区”对话框,参照图3-121所示设置对话框,将选区羽化。

3-121  羽化选区

11)按下<Ctrl+Shift+Alt>键的同时单击“图层 2的图层蒙版缩览图,得到一个交叉选区,然后单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中执行“亮度/对比度”命令,打开“亮度/对比度”对话框,参照图3-122所示设置对话框,调整选区内图像的色调。

技巧:模拟特殊的纸质效果,其中羽化一定的数值可以使过渡更加自然,使纸张具有高低起伏的动感。

3-122  调整图像

12)参照前面绘制图像的方法,在视图中再绘制一个颜色较浅的图像,并为图像添加“投影”图层样式效果,如图3-123所示。

3-123  绘制图像

13)按下<Ctrl>键的同时单击“亮度/对比度 1调整图层的图层蒙版缩览图,将其选区载入。然后确定“图层 3为当前可编辑状态,单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中执行“亮度/对比度”命令,打开“亮度/对比度”对话框。参照图3-124所示设置对话框,调整选区内图像的色调。

3-124  调整图像

14)按下<Ctrl>键的同时,单击“图层 3的图层蒙版缩览图,将其选区载入。然后在“图层”调板的顶端新建“图层 4,执行“编辑”→“描边”命令,打开“描边”对话框,参照图3-125所示设置对话框,为选区添加描边效果,然后将选区取消。

3-125  制作描边图像

15)为“图层 4添加图层蒙版,确定前景色为黑色,使用“画笔”工具,对蒙版进行编辑,将部分图像遮盖,如图3-126所示。

3-126  编辑蒙版

16)选择工具箱中的

“钢笔”工具,在视图中绘制路径,然后将路径转换为选区。按下<Ctrl+Shift+C>键,合并拷贝选区内的图像,按下<Ctrl+V>键,对图像进行粘贴。接着调整图像的位置,并使用“加深”工具,对图像进行处理,如图3-127所示。

技巧:在为图像添加卷边效果的时候要注意调整画笔大小和曝光度,使卷边的效果自然。

3-127  制作卷边图像

17)下面再新建一个图层,参照前面为图像添加描边效果的方法,为该卷边图像添加白色描边效果,如图3-128所示。

3-128  制作描边图像

18)创建一个新图层,使用“多边形套索”工具,绘制选区,并将选区羽化1个像素。然后填充为褐色(R83G50B23)并取消选区,调整图层的顺序,制作出卷页的阴影,如图3-129所示。

3-129  制作投影图像

19)使用同样方法,制作出左侧的卷边图像,然后在视图中再制作出其他按钮图像,如图3-130所示。

3-130  制作其他卷边和按钮图像

20)新建一个图层,选择工具箱中的“画笔”工具,然后参照图3-131所示对选项栏进行设置。完毕后设置前景色为褐色(R121

G65B6),接着在视图内配合<Shift>键,绘制图框图像。

注意:如果模拟在特殊纸质上的画笔效果,画笔要设置的比较粗糙一些,以使效果更加真实自然

3-131  绘制图框

21)接下来为图框图像所在图层添加图层蒙版,然后再使用设置好的画笔,对蒙版进行编辑,将部分图像遮盖,效果如图3-132所示。

3-132  编辑图像

22)打开本书附带光盘\Chapter-03\“水彩画.jpg”文件,使用“移动”工具,将该文档中的图像拷贝到“背景03”文档中。然后对图像的大小和位置进行调整,完毕后将图像所在图层的混合模式设置为“正片叠底”,效果如图3-133所示。

3-133  添加素材图像

22)最后在视图中添加相关的文字信息和装饰图像,完成该实例的制作,效果如图3-134所示。读者可打开本书附带光盘\Chapter-03\“纸质材质按钮.psd”文件进行查阅。

3-134  完成效果