
第4章 绘图与填充
本章概述
在Photoshop中,绘图是很强大的功能,使用画笔工具能够进行绘图,还可以使用矢量工具进行绘制。在绘制任何图形之前,最重要的就是需要进行颜色的设置。在Photoshop中不仅可以使用纯色,还可以使用图案、渐变对画面进行填充。
本章重点
⃟掌握颜色的设置方法
⃟学会渐变的编辑与填充的方法
⃟掌握画笔工具的使用方法
/佳/作/欣/赏/

实例040 使用画笔工具在照片上涂鸦
文件路径 第4章\使用画笔工具在照片上涂鸦
难易指数 ★★★☆☆
技术掌握
●颜色设置
●画笔工具的使用
●橡皮擦工具的使用

扫码深度学习
操作思路
在Photoshop中,画笔工具是最常用的工具之一,可以使用前景色绘制各种线条,也可以使用不同形状的笔尖绘制特殊效果,还可以在图层蒙版中绘制。画笔工具的功能非常丰富,配合画笔面板的使用能够绘制更加丰富的效果。在本案例中通过使用画笔工具绘制Q版卡通表情。
案例效果
案例对比效果如图4-1和图4-2所示。

图4-1

图4-2
操作步骤
01 执行菜单“文件>打开”命令,打开素材“1.jpg”,如图4-3所示。

图4-3
02 单击“图层”面板底部的“创建新图层”按钮,添加新图层,接下来绘制Q版卡通表情形象。首先将前景色设置为黑色,然后选择工具箱中的
(画笔工具),单击工具选项栏中的“画笔预设”选取器,在画笔预设选取器中选择一个硬边圆画笔笔尖,设置“大小”为200像素、“硬度”为100%,如图4-4所示。此时将光标放在右下方果汁杯中并单击鼠标左键,绘制两只黑色的眼睛,如图4-5所示。

图4-4

图4-5
03 接下来绘制眉毛。新建一个图层,选择工具箱中的画笔工具,将笔尖大小设置为100像素,然后在眼睛的上方按住鼠标左键拖曳进行绘制,如图4-6所示。使用同样的方式,绘制另外一侧的眉毛,效果如图4-7所示。

图4-6

图4-7
提示 调整笔尖大小的快捷键
在使用画笔工具时,笔尖大小是根据当时的使用情况随机设置的,利用快捷键可以很快捷地设置笔尖大小:在英文输入法下按“]”键可以增加笔尖大小,按“[”键可以减小笔尖大小。
04 接下来制作眼睛上的高光。一种方式是使用画笔工具在黑色的眼睛上点两个白色的圆点;另一种方式就是使用橡皮擦工具在黑色的颜色上擦除。选择工具箱中的(橡皮擦工具),然后在画笔选取器中设置“大小”为50像素、“硬度”为100%。接着在黑色的眼睛上单击,此时单击位置处的像素将被擦除,露出下方图层中的内容,如图4-8所示。使用同样的方法,制作另外一个眼睛上的高光,效果如图4-9所示。

图4-8

图4-9
05 继续将前景色设置为黑色,使用硬边圆画笔笔尖绘制波浪线形的嘴部,如图4-10所示。

图4-10
提示 详解橡皮擦工具
(橡皮擦工具)从名称上就能够看出,这是一种用于擦除图像的工具。橡皮擦工具能够以涂抹的方式将光标移动过的区域像素更改为背景色或透明。
使用橡皮擦工具时会遇到两种情况,一种是选择普通图层时;一种是选择背景图层时。当选择普通图层时,在工具选项栏中设置合适的笔尖大小,然后在画面中按住鼠标左键拖曳,光标经过的位置像素就会被擦除,变为透明,如图4-11所示。如果选择的是背景图层,被擦除的区域将更改为背景色,如图4-12所示。

图4-11

图4-12
在橡皮擦工具选项栏中,从“模式”下拉列表中可以选择橡皮檫的种类。“画笔”和“铅笔”模式可将橡皮擦工具设置为像画笔工具和铅笔工具一样工作。“块”是指具有硬边缘和固定大小的方形,这种方式的橡皮擦无法进行不透明度或流量的设置。
06 接下来制作红脸蛋效果,红脸蛋应该是边缘模糊且半透明的效果。选择工具箱中的画笔工具,然后将前景色设置为红色,接着在工具选项栏中单击“画笔预设”选取器,在画笔预设选取器中选择一个柔边圆画笔笔尖,设置“大小”为400像素,接着在工具选项栏中设置“不透明度”为30%。然后新建一个图层,在脸颊的位置单击即可绘制红脸蛋的效果,如图4-13所示。继续在另外一侧单击,效果如图4-14所示。

图4-13

图4-14
07 接着将前景色设置为白色,然后选择一个较小的硬边圆画笔笔尖进行绘制,此时一个完整的卡通表情呈现出来,效果如图4-15所示。

图4-15
08 按照上述方法继续使用画笔工具塑造其他不同表情形象,最终效果如图4-16所示。

图4-16
要点速查:画笔工具的选项设置
画笔工具选项栏如图4-17所示。

图4-17
画笔大小:单击倒三角形
图标,可以打开“画笔预设”选取器,在这里面可以选择笔尖,设置画笔的大小和硬度。
模式:设置绘画颜色与下面现有像素的混合方法。
不透明度:设置画笔绘制出来的颜色的不透明度。数值越大,笔迹的不透明度越高;数值越小,笔迹的不透明度就越低。
流量:设置当光标移到某个区域上方时应用颜色的速率。在某个区域上方进行绘画时,如果一直按住鼠标左键,颜色量将根据流动速率增大,直至达到“不透明度”设置。
启用喷枪模式:激活该按钮后,可以启用喷枪功能,Photoshop会根据鼠标左键的单击程度来确定画笔笔迹的填充数量。例如,关闭喷枪功能时,每单击一次会绘制一个笔迹;而启用喷枪功能后,按住鼠标左键不放,即可持续绘制笔迹。
绘图板压力控制大小:使用压感笔压力可以覆盖“画笔”面板中的“不透明度”和“大小”设置。
实例041 定义画笔制作音符
文件路径 第4章\定义画笔制作音符
难易指数 ★★★☆☆
技术掌握
●定义画笔
●自定形状工具

扫码深度学习
操作思路
本案例首先运用自定形状工具绘制音符形状并将其定义为画笔,接着使用画笔工具设置画笔形状及散布设置,制作环绕在鹦鹉周围的动态音符的效果。
案例效果
案例效果如图4-18所示。

图4-18
操作步骤
01 执行菜单“文件>打开”命令,打开素材“1.jp g”,如图4-19所示。

图4-19
02 选择工具箱中的(自定形状工具),在工具选项栏中设置“填充”为“黑色”,然后在“形状”下拉面板中选择一个音符形状,接着在画面中按住鼠标左键进行绘制,如图4-20所示。

图4-20
03 接下来定义音符画笔。按住Ctrl键单击音符的图层缩览图,此时音符自动生成选区,如图4-21所示。然后执行菜单“编辑>定义画笔预设”命令,在弹出的“画笔名称”对话框中单击“确定”按钮,如图4-22所示。定义完成后使用Ctrl+D快捷键取消选区。

图4-21

图4-22
04 隐藏音符图层。选择工具箱中的画笔工具,在工具选项栏中打开“画笔预设”选取器,在画笔预设选取器中设置画笔“大小”为100像素,选择音符画笔笔尖,如图4-23所示。

图4-23
05 单击工具选项栏中的“画笔面板”按钮,在打开的“画笔”面板中勾选“形状动态”复选框,设置“大小抖动”为80%,如图4-24所示。接着勾选“散布”复选框,设置“散布”为300%,如图4-25所示。

图4-24

图4-25
06 将前景色设置为黄色,按住鼠标左键在鹦鹉周围拖曳绘制音符形状,画面最终效果如图4-26所示。

图4-26
实例042 使用“画笔”面板制作星星效果
文件路径 第4章\使用“画笔”面板制作星星效果
难易指数 ★★★☆☆
技术掌握
●画笔工具
●画笔面板

扫码深度学习
操作思路
“画笔”面板是控制各种画笔笔尖属性的设置,是Photoshop中重要的面板之一。本案例主要运用画笔工具和“画笔”面板设置笔刷种类、大小等,完成星星的制作。
案例效果
案例效果如图4-27所示。

图4-27
操作步骤
01 执行菜单“文件>新建”命令,在“新建文档”对话框中设置“宽度”为1253像素、“高度”为894像素、“分辨率”为72像素/英寸、“颜色模式”为“RGB颜色”,设置完成后单击“创建”按钮,如图4-28所示。接着选择工具箱中的(自定形状工具),在工具选项栏中设置绘制模式为“像素”,单击“形状”下拉按钮,在“自定形状”面板中选择五角星形状,设置前景色为黑色,接着在画面中按住鼠标左键拖曳绘制五角星形状,如图4-29所示。

图4-28

图4-29
02 接着执行菜单“编辑>定义画笔预设”命令,在弹出的“画笔名称”对话框中设置“名称”为1,单击“确定”按钮完成设置,如图4-30所示。执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入”对话框中选择素材“1.jpg”,单击“置入”按钮,并栅格化该素材图像,如图4-31所示。

图4-30

图4-31
03 选择工具箱中的画笔工具,设置前景色为黄色,设置背景色为白色,如图4-32所示。单击工具选项栏中的“切换画笔面板”按钮,在“画笔”面板中选择五角星画笔,设置“大小”为30像素、“间距”为210%,如图4-33所示。

图4-32

图4-33
04 勾选“形状动态”复选框,设置“大小抖动”为60%、“角度抖动”为100%,如图4-34所示。勾选“散布”复选框,设置“散布”为600%、“数量”为1,如图4-35所示。

图4-34

图4-35
05 继续勾选“颜色动态”复选框,设置“前景/背景抖动”为100%,如图4-36所示。新建一个图层,在画面中按住鼠标左键拖曳绘制,效果如图4-37所示。

图4-36

图4-37
06 接着单击选项栏中的“画笔预设”选取器,在画笔预设选取器中设置“大小”为8像素,如图4-38所示。然后在画面中按住鼠标左键拖曳绘制一些稍小的星形,如图4-39所示。

图4-38

图4-39
07 继续单击选项栏中的“画笔预设”选取器,在下拉面板中设置“大小”为50像素,如图4-40所示。然后在画面中按住鼠标左键拖曳绘制一些比较大的星形,效果如图4-41所示。

图4-40

图4-41
实例043 使用形状动态制作泡泡效果
文件路径 第4章\使用形状动态制作泡泡效果
难易指数 ★★★☆☆
技术掌握 画笔工具

扫码深度学习
操作思路
本案例首先载入笔刷素材,然后使用画笔工具并在“画笔”面板中设置“形状动态”和“散布”,在绘制时呈现出大小不同的气泡效果。
案例效果
案例对比效果如图4-42和图4-43所示。

图4-42

图4-43
操作步骤
01 执行菜单“文件>打开”命令,打开素材“1.jpg”,如图4-44所示。

图4-44
02 接下来制作泡泡效果。执行菜单“编辑>预设>预设管理器”命令,在弹出的“预设管理器”对话框中设置预设类型为“画笔”,接着在弹出的“载入”对话框中单击画笔素材“2.abr”,然后单击“载入”按钮,载入泡泡画笔,如图4-45所示。载入后,在“预设管理器”对话框中出现泡泡画笔,单击该画笔,接着单击“完成”按钮,如图4-46所示。

图4-45

图4-46
03 选择工具箱中的(画笔工具),在工具选项栏中单击“画笔预设”选取器,在画笔预设选取器最底部找到泡泡画笔。然后设置画笔“大小”为300像素,如图4-47所示。

图4-47
04 接着将前景色设置为蓝色,单击工具选项栏中的“画笔面板”按钮,在笔尖形状中勾选“形状动态”复选框,设置“大小抖动”为90%,如图4-48所示。接着勾选“散布”复选框,并设置“散布”为700%,如图4-49所示。

图4-48

图4-49
05 接着将光标移到画面左侧,按住鼠标左键并拖曳,此时画面效果如图4-50所示。将前景色切换为淡粉色,继续在画面中绘制,最终效果如图4-51所示。

图4-50

图4-51
实例044 使用颜色动态制作多彩音符
文件路径 第4章\使用颜色动态制作多彩音符
难易指数 ★★★☆☆
技术掌握
●画笔工具
●颜色动态

扫码深度学习
操作思路
本案例在使用“颜色动态”画笔时要相应地搭配“形状动态”及“散布”,这样不仅可以将音符展现得更为自然,还能为画面呈现出空间感。
案例效果
案例对比效果如图4-52和图4-53所示。

图4-52

图4-53
操作步骤
01 执行菜单“文件>打开”命令,打开风景素材“1.jpg”,如图4-54所示。

图4-54
02 接下来使用颜色动态绘制彩色的音符。执行菜单“编辑>预设>预设管理器”命令,在弹出的“预设管理器”对话框中设置预设类型为“画笔”,接着单击“载入”按钮,在弹出的“载入”对话框中单击画笔素材“2.abr”,然后单击“载入”按钮,载入音符画笔,如图4-55所示。载入完成后,在“预设管理器”对话框中单击刚刚载入的音符画笔,然后单击“完成”按钮,如图4-56所示。

图4-55

图4-56
03 选择工具箱中的(画笔工具),在工具选项栏中单击“画笔预设”选取器,在画笔预设选取器中找到音符画笔。然后设置画笔“大小”为60像素,接着将前景色设置为绿色,设置背景色为黄色,如图4-57所示。

图4-57
04 然后单击工具选项栏中的“画笔面板”按钮,勾选“形状动态”复选框,设置“大小抖动”为90%,如图4-58所示。接着勾选“散布”复选框设置“散布”为770%,如图4-59所示。

图4-58

图4-59
05 继续勾选“颜色动态”复选框,设置“前景/背景抖动”为60%、“色相抖动”为20%、“饱和度抖动”为10%、“亮度抖动”为20%、“纯度”为+20%,如图4-60所示。

图4-60
06 将光标移动到画面左上角处,从左到右拖动光标进行绘制,此时画面效果如图4-61所示。

图4-61
实例045 使用画笔工具制作游戏界面
文件路径 第4章\使用画笔工具制作游戏界面
难易指数 ★★★★☆
技术掌握
●画笔工具
●圆角矩形工具
●图层样式
●自由变换
●钢笔工具
●文字工具

扫码深度学习
操作思路
本案例主要使用画笔工具绘制出画面中的笔触效果,并配合文字工具、矢量绘图工具制作手机游戏APP界面。
案例效果
案例效果如图4-62所示。

图4-62
操作步骤
01 执行菜单“文件>新建”命令,在弹出的“新建文档”对话框中设置“宽度”为1242像素、“高度”为2208像素、“分辨率”为72像素/英寸、“颜色模式”为“RGB颜色”、“背景内容”为“透明”,设置完成后单击“创建”按钮,如图4-63所示。接着执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入嵌入对象”对话框中单击素材“1.jpg”,然后单击“置入”按钮。接着按住Shift键拖曳控制点对素材进行等比例放大,然后将素材移动到中间位置,按Enter键完成置入,接着执行菜单“图层>栅格化>智能对象”命令,将其栅格化为普通图层,如图4-64所示。

图4-63

图4-64
02 选中该图层,执行菜单“图层>图层样式>投影”命令,在弹出的“图层样式”对话框中设置“混合模式”为“正常”、颜色为黑色、“不透明度”为60%、“角度”为120度、“距离”为36像素、“大小”为18像素,如图4-65所示。此时纸张出现阴影效果,如图4-66所示。

图4-65

图4-66
03 执行菜单“图层>新建调整图层>黑白”命令,在弹出的“新建图层”对话框中单击“确定”按钮,得到调整图层。接着在打开的“属性”面板中设置“预设”为“自定”、“红色”为60、“黄色”为60、“绿色”为60、“青色”为60、“蓝色”为60、“洋红”为80,如图4-67所示。此时画面效果如图4-68所示。

图4-67

图4-68
04 按住Ctrl键加选两个图层,使用Ctrl+J快捷键进行复制,如图4-69所示。接着选择复制的图层,拖曳到“新建组”按钮上进行编组,如图4-70所示。

图4-69

图4-70
05 选择“组1”,使用Ctrl+T快捷键调出界定框,对其进行向右旋转操作,按Enter键完成变换,如图4-71所示。

图4-71
06 继续选择“组1”,使用Ctrl+J快捷键进行复制,如图4-72所示。单击“组1拷贝”图层组,使用Ctrl+T快捷键调出界定框,对其进行向右旋转操作,按Enter键完成变换,如图4-73所示。

图4-72

图4-73
07 接下来对画面的亮度进行调整。执行菜单“图层>新建调整图层>曲线”命令,在弹出的“新建图层”对话框中单击“确定”按钮,得到调整图层。接着在打开的“属性”面板中的曲线上单击添加控制点并向上拖曳,提亮旧纸张亮度。曲线形状如图4-74所示。此时画面效果如图4-75所示。

图4-74

图4-75
08 选择工具箱中的圆角矩形工具,在工具选项栏中设置绘制模式为“形状”、“填充”为红色,“半径”为50像素,然后在画面右上角位置按住鼠标左键拖曳,绘制圆角矩形作为“关闭”按钮,如图4-76所示。

图4-76
09 接着执行菜单“图层>图层样式>斜面和浮雕”命令,在弹出的“图层样式”对话框中设置“样式”为“内斜面”、“方法”为“平滑”、“深度”为100%,“方向”为“上”、“大小”为5像素、“角度”为120度、“高度”为30度、“高光模式”为“滤色”、高光颜色为白色,“不透明度”为75%、“阴影模式”为“正片叠底”、阴影颜色为红色,“不透明度”为75%,如图4-77所示。

图4-77
10 接着在“图层样式”对话框中勾选“投影”复选框,设置“混合模式”为“正片叠底”、颜色为灰黑色、“不透明度”为75%、“角度”为120度、“距离”为8像素、“大小”为18像素,设置完成后单击“确定”按钮,如图4-78所示。效果如图4-79所示。

图4-78

图4-79
11 选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“形状”、“填充”为白色、“描边”为无,然后在画面中绘制形状,如图4-80所示。接着在“图层”面板中选择红色圆角矩形图层,右击该图层,在弹出的快捷菜单中执行“拷贝图层样式”命令;再右击单击形状图层,在弹出的快捷菜单中执行“粘贴图层样式”命令,效果如图4-81所示。

图4-80

图4-81
12 接着选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置“文本颜色”为黑色,在画面顶部位置单击并输入文字,如图4-82所示。然后执行菜单“图层>栅格化>文字”命令,接着执行菜单“图层>图层样式>投影”命令,在弹出的“图层样式”对话框中设置“混合模式”为“正片叠底”、投影颜色为黑色、“不透明度”为75%、“角度”为120度、“距离”为3像素、“大小”为8像素,单击“确定”按钮完成设置,如图4-83所示。

图4-82

图4-83
13 此时文字效果如图4-84所示。

图4-84
14 同样的方法,使用横排文字工具输入其他文字,如图4-85所示。执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入嵌入对象”对话框中单击素材“2.png”,然后单击“置入”按钮,接着将素材移动到画面左侧位置,按Enter键完成置入。执行菜单“图层>栅格化>智能对象”命令,将其栅格化为普通图层,如图4-86所示。

图4-85

图4-86
15 在文字图层下方新建一个“图层1”图层,如图4-87所示。接着选择工具箱中的画笔工具,在选项栏中打开“画笔预设”选取器,在画笔预设选取器中选择一个硬边圆画笔笔尖,然后设置“大小”为10像素、“硬度”为100%,然后将前景色设置为蓝色,设置完毕后在画面中间位置按住鼠标左键拖曳,绘制不规则锯齿线,效果如图4-88所示。

图4-87

图4-88
16 选择工具箱中的圆角矩形工具,在工具选项栏中设置绘制模式为“形状”、“填充”为蓝色、“半径”为20像素,参照最下方文字的大小按住鼠标左键拖曳绘制圆角矩形,然后将该图层移动到文字图层的下方,效果如图4-89所示。接着选择圆角矩形图层,执行菜单“图层>图层样式>投影”命令,在弹出的“图层样式”对话框中设置“混合模式”为“正片叠底”、投影颜色为黑色、“不透明度”为75%、“角度”为120度、“距离”为3像素、“大小”为8像素,单击“确定”按钮完成设置,如图4-90所示。

图4-89

图4-90
17 此时的画面效果如图4-91所示。

图4-91
18 使用Ctrl+Shift+Alt+E快捷键将所有图层进行“盖印”,得到整个画面的完整效果在一个图层内,然后将盖印得到的图层移动至“图层”面板的最底端,如图4-92所示。接着使用Ctrl+T快捷键调出界定框,对其进行拖动放大,按Enter键完成变换,效果如图4-93所示。

图4-92

图4-93
19 接着执行菜单“滤镜>模糊>高斯模糊”命令,在弹出的“高斯模糊”对话框中设置“半径”为20像素,单击“确定”按钮完成设置,如图4-94所示。效果如图4-95所示。

图4-94

图4-95
20 在“盖印”得到的图层上方新建一个图层,将前景色设置为黑色,然后使用Alt+Delete快捷键进行前景色填充,如图4-96所示。接着在“图层”面板中将“不透明度”设置为75%,如图4-97所示。

图4-96

图4-97
21 最终效果如图4-98所示。

图4-98
实例046 使用画笔工具制作质感标志
文件路径 第4章\使用画笔工具制作质感标志
难易指数 ★★★☆☆
技术掌握
●圆角矩形工具
●图层样式
●画笔工具
●混合模式
●文字工具
●钢笔工具

扫码深度学习
操作思路
本案例首先使用圆角矩形工具绘制标志主体图形,接着使用画笔工具在圆角矩形上方涂抹,呈现立体质感。接着输入文字,使用“图层样式”为文字添加效果。最后利用钢笔工具绘制标点符号,从而完成标志绘制。
案例效果
案例效果如图4-99所示。

图4-99
操作步骤
01 执行菜单“文件>新建”命令,在弹出的“新建文档”对话框中设置“宽度”为1500像素、“高度”为1500像素、“分辨率”为72像素/英寸、“颜色模式”为“RGB颜色”、“背景内容”为“白色”,如图4-100所示。然后单击“前景色”图标,在弹出的“拾色器(前景色)”对话框中设置颜色为粉色,单击“确定”按钮完成设置,如图4-101所示。

图4-100

图4-101
02 接着使用前景色(填充快捷键为Alt+Delete)填充画布为粉色,如图4-102所示。然后选择工具箱中的圆角矩形工具,在工具选项栏中设置绘制模式为“形状”、“填充”为粉色、“半径”为200像素,接着在画面的中间位置按住Shift键并按住鼠标左键拖曳绘制一个圆角矩形,如图4-103所示。

图4-102

图4-103
03 接着在“图层”面板中选择“圆角矩形”图层,执行菜单“图层>图层样式>内发光”命令,设置“混合模式”为“变亮”、“不透明度”为74%、发光颜色为粉色、“阻塞”为13%、“大小”为38像素、“范围”为50%,如图4-104所示。然后在左侧列表框中勾选“光泽”复选框,设置“混合模式”为“正片叠底”、阴影颜色为白色、“不透明度”为50%、“角度”为19度、“距离”为11像素、“大小”为14像素,如图4-105所示。

图4-104

图4-105
04 继续在左侧列表框中勾选“投影”复选框,设置“混合模式”为“正常”、阴影颜色为深红色、“不透明度”为48%、“角度”为120度、“距离”为3像素、“扩展”为12%、“大小”为18像素,单击“确定”按钮完成设置,如图4-106所示。效果如图4-107所示。

图4-106

图4-107
05 新建一个图层,选择工具箱中的画笔工具,设置前景色为白色,在工具选项栏中单击“画笔预设”选取器,在画笔预设选取器中选择一个柔边圆画笔笔尖,设置画笔“大小”为200像素、“硬度”为0%。在工具选项栏中设置“模式”为“正常”、“不透明度”为50%。然后在粉色的圆角矩形上按住Shift键的同时鼠标左键拖动光标(使用画笔工具时按住Shift键可以绘制水平、垂直以及斜角45°的线条),这样可以绘制一段直线,如图4-108所示。继续进行绘制,如图4-109所示。

图4-108

图4-109
06 绘制完成后,在“图层”面板中选择该图层并将其“不透明度”设置为53%,如图4-110所示。此时画面效果如图4-111所示。

图4-110

图4-111
07 新建一个图层,继续使用画笔工具,设置前景色为深粉色,在工具选项栏中的画笔预设选取器中设置画笔“大小”为200像素、“硬度”为0%,在工具选项栏中设置“模式”为“正常”、“不透明度”为50%,在画面的中间位置按住Shift键绘制半透明的暗粉色笔触,如图4-112所示。接着按住Ctrl键加选两个半透明图层,执行菜单“图层>创建剪贴蒙版”命令,使超出圆角矩形的部分全部隐藏,如图4-113所示。

图4-112

图4-113
08 此时画面效果如图4-114所示。

图4-114
09 选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置“填充”为白色,接着在画面中单击并输入文字,如图4-115所示。然后选择文字图层,执行菜单“图层>图层样式>投影”命令,在弹出的“图层样式”对话框中,设置“混合样式”为“正片叠底”、阴影颜色为深红色、“不透明度”为40%、“角度”为120度,“距离”为9像素、“扩展”为3%、“大小”为2像素,单击“确定”按钮完成设置,如图4-116所示。

图4-115

图4-116
10 此时画面效果如图4-117所示。

图4-117
11 选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“形状”、“填充”为白色、“描边”为无,接着在文字右侧绘制一个感叹号,如图4-118所示。接着右击文字图层,在弹出的快捷菜单中执行“拷贝图层样式”命令,在形状图层上右击,在弹出的快捷菜单中执行“粘贴图层样式”命令,如图4-119所示。

图4-118

图4-119
12 最终效果如图4-120所示。

图4-120
实例047 使用画笔工具渐变制作蝴蝶文字海报
文件路径 第4章\使用画笔工具渐变制作蝴蝶文字海报
难易指数 ★★★☆☆
技术掌握
●渐变工具
●钢笔工具
●橡皮擦工具
●画笔工具
●画笔面板
●套索工具
●文字工具

扫码深度学习
操作思路
渐变工具在填充颜色时可得到从一种颜色过渡到另一种颜色的效果,颜色过渡柔和、自然。本案例主要使用渐变工具制作多彩的背景及图案,接着使用“画笔”面板制作飞舞的蝴蝶,使此画面呈现更加饱满的视觉效果。
案例效果
案例效果如图4-121所示。

图4-121
操作步骤
01 执行菜单“文件>新建”命令,在弹出的“新建文档”对话框中,设置“宽度”为1000像素、“高度”为1390像素、“分辨率”为300像素/英寸、“背景内容”为“自定义”的白色,设置完成后,单击“创建”按钮,如图4-122所示。接着选择工具箱中的(渐变工具),在工具选项栏中单击渐变色条,在弹出的渐变编辑器中编辑一个由橙到黄再到橙的渐变,然后单击工具选项栏中的“线性渐变”按钮。在画面底部按住鼠标左键向上拖曳,如图4-123所示。

图4-122

图4-123
02 释放鼠标后,此时效果如图4-124所示。

图4-124
03 新建一个图层。选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“形状”,单击“填充”,在弹出的画板中单击“渐变”按钮,然后编辑一个由黄绿色系渐变色,设置渐变方式为“线性”、“角度”为-120度,如图4-125所示。接着在画面右下方绘制三角形形状,如图4-126所示。

图4-125

图4-126
04 接着执行菜单“图层>栅格化>形状”命令,将该图层转换为普通图层。此时三角形边界过于僵硬,选择工具箱中的(橡皮擦工具),在工具选项栏中打开“画笔预设”选取器,在画笔预设选取器中选择一个柔边圆画笔,设置画笔“大小”为150像素。接着在工具选项栏中设置画笔“不透明度”为40%,设置完毕后,在画面中三角形斜边位置按住鼠标左键拖曳进行涂抹,如图4-127所示。涂抹完成后,效果如图4-128所示。

图4-127

图4-128
05 执行菜单“文件>置入嵌入的智能对象”命令,置入素材“1.png”,如图4-129所示。按Enter键完成置入,接着右击该图层,在弹出的快捷菜单中执行“栅格化图层”命令,将该图层转换为普通图层,如图4-130所示。

图4-129

图4-130
06 接下来使用画笔绘制图案。执行菜单“编辑>预设>预设管理器”命令,在弹出的“预设管理器”对话框中设置“预设类型”为“画笔”,接着单击“载入”按钮,在弹出的“载入”对话框中单击蝴蝶画笔“2.abr”,然后单击“载入”按钮,如图4-131所示。载入完成后,在“预设管理器”对话框的列表框最底部可以找到蝴蝶画笔,接着单击“完成”按钮,如图4-132所示。

图4-131

图4-132
07 选择工具箱中的(画笔工具),在工具选项栏中打开“画笔预设”选取器,在画笔预设选取器的列表框最底部找到蝴蝶画笔,设置画笔“大小”为175像素,如图4-133所示。

图4-133
08 将前景色设置为白色,接着单击工具选项栏中的“画笔面板”按钮,在打开的“画笔”面板中的左侧列表框中勾选“形状动态”复选框,并设置“大小抖动”为80%、“角度抖动”为25%,如图4-134所示。接着勾选“散布”复选框,设置“散布”为300%,如图4-135所示。

图4-134

图4-135
09 设置完成后,新建一个图层,在画面四周使用画笔工具拖曳,效果如图4-136所示。继续在画面预设选取器中选择另外一个蝴蝶画笔,将画笔笔尖设置合适的大小,并在画面中绘制,如图4-137所示。

图4-136

图4-137
10 继续单击画面预设选取器,选择一个较小的硬边圆画笔笔尖,然后单击工具选项栏中的“画笔面板”按钮,勾选“形状动态”复选框,设置“大小抖动”为70%,如图4-138所示。接着勾选“散布”复选框,再勾选“两轴”复选框,设置“散布”为900%,如图4-139所示。

图4-138

图4-139
11 接着在画面四周单击鼠标左键,此时画面元素更加丰富,效果如图4-140所示。

图4-140
12 接着调整硬边圆画笔笔尖为5像素,在画面预设选取器中勾选“间距”复选框,并设置“间距”为220%,如图4-141所示。接着在画面中绘制,如图4-142所示。

图4-141

图4-142
13 选择工具箱中的套索工具,在工具选项栏中单击“添加到选区”按钮,接着在画面中绘制不规则选区,如图4-143所示。然后选择工具箱中的渐变工具,在工具选项栏中单击渐变色条,在弹出的“渐变编辑器”对话框中编辑一个由紫色到绿色的渐变色条,接着在工具选项栏中单击“线性渐变”按钮,并在选区中由下至上进行拖曳,如图4-144所示。

图4-143

图4-144
14 释放鼠标后,画面效果如图4-145所示。接着使用Ctrl+D快捷键取消选区。

图4-145
15 接下来在图形上方绘制高光。选择工具箱中的画笔工具,在工具选项栏中打开“画笔预设”选取器,在画笔预设选取器中选择一个硬边圆画笔笔尖,设置合适的画笔大小,接着将前景色设置为白色,设置完毕后,选择需要绘制的图层,在画面中合适的位置按住鼠标左键拖曳,绘制高光形状,如图4-146所示。

图4-146
16 接下来在不规则渐变形状中输入文字。选择工具箱中的(横排文字工具),在工具选项栏中设置合适的“字体”,设置“字号”为38点,单击“居中对齐文本”按钮,颜色设置为白色,接着在画面中单击插入光标,输入文字,如图4-147所示。

图4-147
17 倾斜的文字效果使画面更具活力。使用Ctrl+T快捷键进行自由变换,此时文字周围出现界定框,将光标放在界定框右上角时,此时光标自动变为旋转箭头,如图4-148所示。接着按住鼠标左键向左侧拖曳,调整至合适位置时,按Enter键完成操作,此时效果如图4-149所示。

图4-148

图4-149
18 使用相同的方法,继续设置合适的“字体”“字号” 以及“颜色”,在画面中输入其他文字,并使用自由变换调整文字角度,画面效果如图4-150所示。

图4-150
19 接下来添加多彩的蝴蝶效果。新建一个图层,选择工具箱中的画笔工具,在工具选项栏中单击“画笔预设”选取器,在画笔预设选取器中选择蝴蝶画笔笔尖。然后单击工具选项栏中的“画笔面板”按钮,在弹出的“画笔”面板中的左侧列表框中勾选“形状动态”复选框,设置“大小抖动”为40%,“角度抖动”为30%,如图4-151所示。接着勾选“散布”复选框,再勾选“两轴”复选框,并设置“散布”为400%,如图4-152所示。

图4-151

图4-152
20 接着在文字下方绘制飞舞的蝴蝶,如图4-153所示。此时画面效果过于杂乱。所以按住Ctrl键单击该图层缩览图,此时蝴蝶定义为选区,如图4-154所示。

图4-153

图4-154
21 选择工具箱中的渐变工具,在工具选项栏中单击渐变色条,在弹出的“渐变编辑器”对话框中编辑一个蓝色系渐变色,然后单击工具选项栏中的“线性渐变”按钮,接着在选区内部拖曳,绘制渐变蝴蝶,如图4-155所示。绘制完成后使用Ctrl+D快捷键取消选区。

图4-155
22 新建图层。按同样的方法绘制其他蝴蝶并填充一个黄绿色渐变。画面最终效果如图4-156所示。

图4-156
实例048 使用历史记录画笔工具打造无瑕肌肤
文件路径 第4章\使用历史记录画笔工具打造无瑕肌肤
难易指数 ★★★☆☆
技术掌握
●“曲线”命令
●历史记录画笔工具
●“历史记录”面板
●污点修复画笔工具
●滤镜

扫码深度学习
操作思路
使用历史记录画笔工具需要在“历史记录”面板中标记步骤作为“源”,然后在画面中绘制,绘制的部分会呈现出标记的历史记录的状态。本案例利用该优势为人物打造年轻的肌肤质感。
案例效果
案例对比效果如图4-157和图4-158所示。

图4-157

图4-158
案例效果
01 执行菜单“文件>打开”命令,打开人物素材“1.jpg”,如图4-159所示。

图4-159
02 此时可以看出图片较暗。所以执行菜单“图层>新建调整图层>曲线”命令,在弹出的“新建图层”对话框中单击“确定”按钮。接着在打开的“属性”面板中的曲线上单击添加两个控制点并向上拖曳,提高画面亮度,如图4-160所示。此时画面效果如图4-161所示。

图4-160

图4-161
03 复制背景图层,然后将图片放大,此时人物面部有比较明显的眼袋、细纹及雀斑,如图4-162所示。接着选择工具箱中的(污点修复画笔工具),在工具选项栏中单击“画笔预设”选取器,设置画笔笔尖大小为20像素,然后在斑点上单击即可去除此处瑕疵,如图4-163所示。

图4-162

图4-163
04 接着使用“表面模糊”滤镜将面部大面积进行模糊,使皮肤看起来更加光滑。执行菜单“滤镜>模糊>表面模糊”命令,在弹出的“表面模糊”对话框中设置“半径”为5像素、“阈值”为15色阶,设置完成后单击“确定”按钮,如图4-164所示。此时人物皮肤效果如图4-165所示。

图4-164

图4-165
05 此时面部的皮肤虽然变得光滑了,但是头发质感也受到了影响,需要通过历史记录画笔工具隐藏头发位置的模糊效果。执行菜单“窗口>历史记录”命令,打开“历史记录”面板,然后在“表面模糊”操作的上一步操作前方单击作为“源”,如图4-166所示。接着选择工具箱中的(历史记录画笔工具),在工具选项栏中单击“画笔预设”选取器,在画笔预设选取器中选择一个柔边圆画笔笔尖,设置画笔“大小”为200像素,然后在头发位置涂抹,随着涂抹可以看到头发部分被还原回来,效果如图4-167所示。

图4-166

图4-167
06 接着在选择历史记录画笔工具的状态时,在工具选项栏中设置画笔“不透明度”为30%,然后在眉毛、眼皮、嘴唇、鼻梁等位置涂抹,最终效果如图4-168所示。

图4-168
实例049 使用历史记录艺术画笔工具制作绘画效果
文件路径 第4章\使用历史记录艺术画笔工具制作绘画效果
难易指数 ★★☆☆☆
技术掌握
●历史记录艺术画笔工具
●钢笔工具
●图层蒙版

扫码深度学习
操作思路
历史记录艺术画笔工具能够使用指定历史记录状态或“源”数据,以风格化描边的方式进行艺术绘画。本案例使用钢笔工具抠出向日葵局部,然后使用历史记录艺术画笔工具在画面中一点点涂抹,制作绘画感效果。
案例效果
案例效果如图4-169所示。

图4-169
操作步骤
01 执行菜单“文件>打开”命令,打开素材“1.jpg”,如图4-170所示。

图4-170
02 执行菜单“文件>置入嵌入的智能对象”命令,置入向日葵素材“2.jpg”,如图4-171所示。然后按Enter键确定置入此操作。选择该图层并右击,在弹出的快捷菜单中执行“栅格化图层”命令,将其转换为普通图层,如图4-172所示。

图4-171

图4-172
03 接下来使用钢笔工具搭配图层蒙版使图片与背景相框吻合。首先在“图层”面板中设置该图层的“不透明度”为50%,便于下一步骤操作。“图层”面板如图4-173所示。此时画面呈半透明效果,如图4-174所示。

图4-173

图4-174
04 选择工具箱中的(钢笔工具),在工具选项栏中设置绘制模式为“路径”,接着在画面中沿着相框走向添加锚点,如图4-175所示。绘制完成后,使用Ctrl+Enter快捷键将路径转换为选区,如图4-176所示。

图4-175

图4-176
05 此时将“图层”面板中的“不透明度”设置为100%,然后单击底部的“添加图层蒙板”按钮,此时蒙版效果如图4-177所示。画面效果如图4-178所示。

图4-177

图4-178
06 接下来执行菜单“窗口>历史记录”命令,打开“历史记录”面板。在“历史记录”面板中最后一个操作步骤前单击,标记该步骤,如图4-179所示。选择工具箱中的(历史记录艺术画笔工具),在工具选项栏中单击“画笔预设”选取器,在画笔预设选取器中选择一个柔边圆画笔笔尖,设置“画笔”大小为50像素,在工具选项栏中设置“样式”为“绷紧短”、“区域”为50像素,然后在相框内部涂抹,如图4-180所示。涂抹完成后,画面最终效果如图4-181所示。

图4-179

图4-180

图4-181
实例050 使用油漆桶工具为儿童照片制作图案背景
文件路径 第4章\使用油漆桶工具为儿童照片制作图案背景
难易指数 ★★☆☆☆
技术掌握
●渐变工具
●油漆桶工具
●定义图案

扫码深度学习
操作思路
油漆桶工具可以快速对选区中的部分、整个画布,或者是颜色相近的色块内部填充纯色或图案。在本案例中,使用油漆桶工具为画面填充半透明的纹理效果。
案例效果
案例对比效果如图4-182和图4-183所示。

图4-182

图4-183
操作步骤
01 新建一个文档。如果要编辑两种颜色的渐变,可以先设置合适的前景色与背景色,然后选择工具箱中的(渐变工具),接着单击工具选项栏中的渐变色条后面的
按钮,在下拉面板中的第一个渐变颜色就是“前景色到背景色渐变”,如图4-184所示。选择此渐变颜色,设置渐变类型为“线性渐变”
,然后在画面中按住鼠标左键拖曳,释放鼠标后即可填充渐变颜色,如图4-185所示。

图4-184

图4-185
02 执行菜单“文件>置入嵌入的智能对象”命令,将人物素材“1.jpg”置入到文档内,按Enter键确定置入操作,如图4-186所示。

图4-186
03 接下来定义图案。在Photoshop中打开图案素材“2.jpg”,如图4-187所示。执行菜单“编辑>定义图案”命令,在弹出的“图案名称”对话框中设置合适的“名称”,然后单击“确定”按钮,完成图案的定义,如图4-188所示。

图4-187

图4-188
04 接着选择工具箱中的(油漆桶工具),在工具选项栏中设置填充方式为“图案”,然后单击“图案拾色器”右侧的倒三角按钮
,在下拉面板中选择刚刚定义的图案,设置“模式”为“柔光”、“容差”为255,如图4-189所示。接着选择渐变图层,然后单击鼠标左键即可完成图案的填充操作,最终效果如图4-190所示。

图4-189

图4-190
要点速查:油漆桶工具的选项设置
填充内容:选择填充的模式,包含“前景”和“图案”两种模式。如果选择“前景”选项,则使用前景色进行填充;如果选择“图案”选项,那么需要在右侧图案列表中选择合适的图案。
容差:用来定义必须填充像素颜色的相似程度。设置较低的“容差”值会填充颜色范围内与鼠标单击处像素非常相似的像素;设置较高的“容差”值会填充更大范围的像素。
实例051 使用选区运算制作反光感按钮
文件路径 第4章\使用选区运算制作反光感按钮
难易指数 ★★★★☆
技术掌握
●填充前景色
●渐变工具
●椭圆选框工具
●钢笔工具
●选区运算
●滤镜
●文字工具
●图层样式

扫码深度学习
操作思路
本案例主要使用选区工具与钢笔工具绘制选取,并使用多种“填充”方式进行颜色的填充,最后添加文字并为其赋予内阴影的“图层样式”制作文字内陷的效果。
案例效果
案例效果如图4-191所示。

图4-191
操作步骤
01 执行菜单“文件>新建”命令,在弹出的“新建文档”对话框中设置“宽度”为297像素、“高度”为210像素、“分辨率”为300像素/英寸,设置完成后单击“创建”按钮,如图4-192所示。

图4-192
02 选择工具箱中的渐变工具,接着单击工具选项栏中的渐变色条,在弹出的“渐变编辑器”对话框中编辑一个由橙色到白色的渐变颜色,如图4-193所示。然后设置渐变类型为“径向渐变”,使用渐变工具在画面中按住鼠标左键拖曳进行填充,效果如图4-194所示。

图4-193

图4-194
03 新建一个图层,右击工具箱中的选框工具组,在工具列表中选择(椭圆选框工具),然后在画面中按住鼠标左键拖曳绘制一个椭圆选区,如图4-195所示。接着将前景色设置为橙色,使用前景色(填充快捷键为Alt+Delete)进行填充,效果如图4-196所示。

图4-195

图4-196
04 接下来制作按钮的底座。选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“形状”、“填充”为深橙色、“描边”为无,设置完成后,在椭圆左侧边缘开始绘制图形,如图4-197所示。绘制完成后,将底座图层移动至椭圆图层的下方,此时画面效果如图4-198所示。

图4-197

图4-198
05 接下来制作按钮上的高光。按住Ctrl键单击椭圆图层的缩览图,得到椭圆选区,如图4-199所示。

图4-199
06 选择工具箱中的椭圆工具,然后单击工具选项栏中的“与选区交叉”按钮,在椭圆形左上角按住鼠标左键拖曳绘制选区,如图4-200所示。当释放鼠标时会得到两圆相交部分的选区,如图4-201所示。

图4-200

图4-201
07 新建一个图层,选择工具箱中的渐变工具,在工具选项栏中单击渐变色条,在弹出的“渐变编辑器”对话框中编辑一个由白色到透明的渐变颜色,设置完成后单击“确定”按钮。接着在工具选项栏中设置渐变模式为“线性渐变”,如图4-202所示。然后按住鼠标左键拖曳进行填充,高光效果如图4-203所示。

图4-202

图4-203
08 新建一个图层,选择工具箱中的(椭圆工具),然后在椭圆下方绘制一个椭圆选区,如图4-204所示。接着设置前景色为深褐色,然后使用前景色(填充快捷键为Alt+Delete)进行填充,效果如图4-205所示。

图4-204

图4-205
09 接着执行菜单“滤镜>模糊>高斯模糊”命令,在弹出的“高斯模糊”对话框中,设置“半径”为10.0像素,单击“确定”按钮,如图4-206所示。将褐色椭圆图层移动至“背景”图层上方,此时画面效果如图4-207所示。

图4-206

图4-207
10 选择工具箱中的(横排文字工具),在工具选项栏中设置一个合适的“字体”和“字号”,文本颜色为白色,然后在画面中单击插入光标,输入文字,如图4-208所示。选择文字图层,执行菜单“图层>图层样式>内阴影”命令,在弹出的“图层样式”对话框中设置“混合模式”为“正片叠底”、“颜色”为深褐色、“不透明度”为75%、“角度”为90度、“距离”为1像素、“阻塞”为0%、“大小”为2像素,设置完成后,单击“确定”按钮,如图4-209所示。

图4-208

图4-209
11 最终文字效果如图4-210所示。

图4-210
实例052 使用渐变工具制作多彩壁纸
文件路径 第4章\使用渐变工具制作多彩壁纸
难易指数 ★★★☆☆
技术掌握
●渐变工具
●钢笔工具
●横排文字工具

扫码深度学习
操作思路
渐变工具可创造多种颜色的混合。本案例主要使用钢笔工具搭配渐变工具制作既简约又多彩的手机壁纸。在制作过程中,需注意调整“图层”面板中的不透明度,呈现半透明效果。
案例效果
案例效果如图4-211所示。

图4-211
操作步骤
01 执行菜单“文件>新建”命令,在弹出的“新建文档”对话框中设置“宽度”为1242像素、“高度”为2208像素、“分辨率”为72像素/英寸、“颜色模式”为“RGB颜色”、“背景内容”为“白色”,如图4-212所示。

图4-212
02 选择工具箱中的(钢笔工具),在工具选项栏中设置绘制模式为“路径”,接着使用钢笔工具在画面中绘制路径,如图4-213所示。绘制完成后,使用Ctrl+Enter快捷键将路径转换为选区,如图4-214所示。

图4-213

图4-214
03 选择工具箱中的(渐变工具),在工具选项栏中单击渐变色条,弹出“渐变编辑器”对话框,如图4-215所示。在“渐变编辑器”对话框中双击第一个色标,弹出“拾色器(色标颜色)”对话框,选取需要的颜色后单击“确定”按钮。再双击第二个色标,弹出“拾色器”(色标颜色)对话框,选取需要的颜色后单击“确定”按钮,两个色标的颜色设置完成后单击“确定”按钮,完成渐变颜色的编辑,如图4-216所示。

图4-215

图4-216
04 此时按住鼠标左键由画面中心位置向画面左下角拖动光标,使拖动光标形成的线与选区相交,完成渐变,如图4-217所示。

图4-217
05 单击“图层”面板底部的“新建图层”按钮,创建“图层2”图层,按照上述方法在新建的图层中创建渐变图形,并设置该图层的“不透明度”为90%,如图4-218所示。此时画面效果如图4-219所示。

图4-218

图4-219
06 使用同样的方法,继续新建一个图层,使用钢笔工具绘制路径,转换为选区后并填充渐变颜色。制作绿色渐变和橙色渐变图层,并设置这两个图层的“不透明度”为90%,如图4-220和图4-221所示。

图4-220

图4-221
07 选择工具箱中的横排文字工具,在工具选项栏中设置一个适合的“字体”和“字号”,文本颜色为白色,接着在画面中输入文字,如图4-222所示。最后在画面不同位置输入其他文字,如图4-223所示。

图4-222

图4-223
08 执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入嵌入对象”对话框中选择素材“1.png”,单击“置入”按钮,将图标素材放置在界面右上角的位置,按Enter键完成置入,最终效果如图4-224所示。

图4-224
实例053 使用渐变工具制作按钮
文件路径 第4章\使用渐变工具制作按钮
难易指数 ★★★★☆
技术掌握
●渐变工具
●多边形套索工具
●图层样式
●钢笔工具

扫码深度学习
操作思路
在使用渐变工具时,需要注意工具选项栏中渐变类型的设置,不同类型会给画面带来不同的效果。本案例主要使用渐变工具为按钮的各个部分进行填色,在绘制过程中搭配“图层样式”可使效果及层次感更明显。
案例效果
案例效果如图4-225所示。

图4-225
操作步骤
01 执行菜单“文件>新建”命令,在弹出的“新建文档”对话框中设置“宽度”为2002像素、“高度”为1506像素、“分辨率”为300像素/英寸,设置颜色为白色,设置完成后单击“创建”按钮,如图4-226所示。

图4-226
02 选择工具箱中的(渐变工具),在工具选项栏中单击渐变色条,在弹出的“渐变编辑器”对话框中编辑一个由黑色到灰色的渐变色。接着在工具选项栏中设置渐变类型为“线性渐变”
。然后从画面左下角向右上角拖曳,如图4-227所示。释放鼠标后,此时画面效果如图4-228所示。

图4-227

图4-228
03 接着右击工具箱中的套索工具组,在工具列表中选择多边形套索工具,接着在画面中绘制一个五边形,如图4-229所示。当首尾控制点相交接时,自动生成选区,如图4-230所示。

图4-229

图4-230
04 新建一个图层,接着选择工具箱中的渐变工具,在工具选项栏中单击渐变色条,在弹出的“渐变编辑器”对话框中编辑一个由黑白灰组成的渐变颜色,如图4-231所示。接着在工具选项栏中设置渐变类型为“线性渐变”。然后按住鼠标左键在画面中由上到下进行拖曳,释放鼠标后画面效果如图4-232所示。使用Ctrl+D快捷键取消选区。

图4-231

图4-232
05 接下来为该形状添加阴影效果。执行菜单“图层>图层样式>投影”命令,在弹出的“图层样式”对话框中设置“混合模式”为“正片叠底”、颜色为黑色、“不透明度”为19%、“角度”为120度、“距离”为77像素、“大小”为62像素,如图4-233所示。设置完成后,单击“确定”按钮,此时画面效果如图4-234所示。

图4-233

图4-234
06 继续使用多边形套索工具在五边形上方绘制一个较小的五边形选区,如图4-235所示。然后选择渐变工具,在工具选项栏中编辑一个蓝色系渐变颜色,并单击“线性渐变”按钮。接着新建一个图层,在画面中填充渐变,效果如图4-236所示。

图4-235

图4-236
07 使用Ctrl+J快捷键复制该渐变图层,按住Ctrl键单击该图层缩览图,此时图形周围出现选区,继续在该选区中填充一个较深的蓝色渐变,如图4-237所示。取消选区后,选择工具箱中的多边形套索工具,接着单击工具选项栏中的“添加到选区”按钮,然后在蓝色渐变图形上方绘制多个箭头形状选区,如图4-238所示。

图4-237

图4-238
08 单击“图层”面板底部的“添加图层蒙版”按钮,此时蒙版效果如图4-239所示。画面效果如图4-240所示。

图4-239

图4-240
09 接下来制作按钮的圆形部分。选择工具箱中的椭圆选框工具,接着按住Shift+Alt快捷键在画面左侧绘制一个中心等比例的正圆选区。继续选择工具箱中的渐变工具,单击选项栏中的渐变色条,在弹出的“渐变编辑器”对话框中编辑一个黑白灰具有立体效果的渐变,接着在圆形选区内进行拖曳绘制,渐变圆效果如图4-241所示。

图4-241
10 使用Ctrl+D快捷键取消选区。接着执行菜单“图层>图层样式>描边”命令,在弹出的“图层样式”对话框中设置“大小”为8像素、“位置”为“外部”、填充“颜色”为黑色,如图4-242所示。此时画面中的描边效果如图4-243所示。

图4-242

图4-243
11 复制渐变正圆图层。接着使用Ctrl+T快捷键进行自由变换,并按住Shift+Alt快捷键等比例将其缩小,此时效果如图4-244所示。接着按Enter键确定操作。

图4-244
12 接下来为小的渐变圆替换渐变颜色,按住Ctrl键单击小正圆图层缩览图,将其创建选区。然后选择工具箱中的渐变工具,在工具选项栏中单击渐变色条,在弹出的“渐变编辑器” 对话框中编辑一个蓝色系渐变,设置完成后单击“确定”按钮。接着在工具选项栏中选择“径向渐变”,然后在选区中进行填充,如图4-245所示。绘制完成后取消选区。

图4-245
13 接下来制作圆内立体效果。选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“路径”,接着在圆内绘制一个半圆形状的路径,如图4-246所示。使用Ctrl+Enter快捷键将路径转换为选区,并在内部填充一个由白到蓝的径向渐变,如图4-247所示。创建完成后取消选区。

图4-246

图4-247
14 继续选择钢笔工具,在工具选项栏中将绘制模式设置为“形状”、“填充”为白色,接着在画面中绘制一个圆角三角形,如图4-248所示。按Enter键完成操作。

图4-248
15 选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,文本颜色设置为白色,接着在画面中单击插入光标,输入文字,如图4-249所示。执行菜单“图层>图层样式>投影”命令,在弹出的“图层样式”对话框中设置“混合模式”为“正片叠底”、颜色为黑色、“不透明度”为19%、“角度”为120度、“距离”为77像素、“大小”为62像素,设置完成后,单击“确定”按钮,如图4-250所示。

图4-249

图4-250
16 最终画面效果如图4-251所示。

图4-251
实例054 使用多种填充方式制作活动卡片
文件路径 第4章\使用多种填充方式制作活动卡片
难易指数 ★★★☆☆
技术掌握
●渐变工具
●混合模式
●画笔工具
●矩形选框工具
●横排文字工具

扫码深度学习
操作思路
本案例使用渐变工具和矩形选框工具制作卡片。在制作过程中,需要注意调整不透明度及图层的混合模式,然后输入文字并添加素材,制作多彩的卡片效果。
案例效果
案例效果如图4-252所示。

图4-252
操作步骤
01 执行菜单“文件>新建”命令,在弹出的“新建文档”对话框中,设置“宽度”为1000像素、“高度”为1000像素、“分辨率”为72像素/英寸,“背景内容”为“自定义” 的淡紫色,单击“创建”按钮,如图4-253所示。此时画面效果如图4-254所示。

图4-253

图4-254
02 复制“背景”图层。接着选择工具箱中的油漆桶工具,在工具选项栏中设置绘制模式为“图案”,接着打开“图案拾取器”画板,单击右上角的按钮,在弹出的下拉菜单中执行“Web图案”命令,如图4-255所示。接着在弹出的提示框中单击“追加”按钮,如图4-256所示。

图4-255

图4-256
03 此时“图案拾取器”面板中出现更多图案。选择左对角线图案,接着在工具选项栏中设置“容差”为20,然后在画面中单击鼠标左键,此时效果如图4-257所示。

图4-257
04 接着在“图层”面板中设置该图层混合模式为“正片叠底”、“不透明度”为20%,如图4-258所示。此时画面效果如图4-259所示。

图4-258

图4-259
05 接着选择工具箱中的画笔工具,在工具选项栏中打开“画笔预设”选取器,在画笔预设选取器中选择一个柔边圆画笔笔尖,设置画笔“大小”为50像素,如图4-260所示。接着在画面底部按住Shift键水平拖曳绘制,如图4-261所示。

图4-260

图4-261
06 新建一个图层,接着选择工具箱中的矩形选框工具,在画面中绘制一个矩形选区。接着选择工具箱中的渐变工具,在工具选项栏中单击渐变色条,在弹出的“渐变编辑器”对话框中编辑一个蓝紫色渐变颜色,设置完成后,单击“确定”按钮。然后在工具选项栏中设置渐变类型为“线性渐变”,如图4-262所示。接着在矩形选框上方由上至下进行拖曳,释放鼠标后画面效果如图4-263所示。接着按Ctrl+D快捷键取消选区。

图4-262

图4-263
07 继续选择矩形选框工具,在画面中绘制一个矩形选区,按住Ctrl键,此时光标自动切换为移动工具,接着向左下角拖曳,如图4-264所示。同样的方法,继续在其他位置绘制,在绘制过程中有不想要的区域可以按Backspace键进行删除,画面效果如图4-265所示。

图4-264

图4-265
08 新建一个图层,在矩形渐变内部继续绘制一个矩形选区,接着右击,在弹出的快捷菜单中执行“描边”命令,在弹出的“描边”对话框中设置描边“宽度”为10像素、“颜色”为白色,单击“确定”按钮,如图4-266所示。此时画面效果如图4-267所示。

图4-266

图4-267
09 新建一个图层,接着在画面中继续绘制一个矩形选区,将前景色设置为白色,使用前景色(填充快捷键为Alt+Delete)进行填充,如图4-268所示。绘制完成后取消选区。

图4-268
10 选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,文本颜色设置为白色,接着在画面中输入文字,如图4-269所示。

图4-269
11 为中间字母替换颜色,可以选中该字母,在工具选项栏中将文本颜色设置为橙色,如图4-270所示。完成后单击“提交当前所有操作”按钮,完成操作,如图4-271所示。

图4-270

图4-271
12 使用同样的方法,设置合适的“字体”“字号”以及“颜色”,继续在画面中输入其他文字,如图4-272所示。

图4-272
13 最后执行菜单“文件>置入嵌入的智能对象”命令,将素材“1.png”置入文档中,如图4-273所示。按Enter键确定置入操作,最终效果如图4-274所示。

图4-273

图4-274