- 中文版Photoshop平面广告设计与制作全视频实战228例
- 周彬
- 12504字
- 2025-02-21 15:33:42
第5章 文字的使用
本章概述
在设计作品中,文字是常见的元素。Photoshop能够创建多种文字类型,如创建点文字、段落文字、区域文字、路径文字等。想要创建这些文字,就需要使用文字工具组中的横排文字工具和直排文字工具。本章主要针对文字工具以及文字的编辑操作进行练习。
本章重点
⃟掌握文字工具的使用方法
⃟掌握文字的编辑方法
/佳/作/欣/赏/

实例055 使用文字工具制作对页杂志广告
文件路径 第5章\使用文字工具制作对页杂志广告
难易指数 ★★☆☆☆
技术掌握
●横排文字工具
●“段落”面板

扫码深度学习
操作思路
本案例主要使用横排文字工具设置不同的字体、字号,在画面相应位置输入文字,并调整其段落属性,制作简约的页面效果。
案例效果
案例效果如图5-1所示。

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

图5-2
02 接下来输入文字。选择工具箱中的(横排文字工具),在工具选项栏中设置合适的“字体”,“字号”为200点、文本颜色为白色,然后在画面中间单击插入光标,输入文字,如图5-3所示。

图5-3
03 使用同样的方式,在主标题下方输入不同“字体”和“字号”的新文字,如图5-4所示。

图5-4
04 接下来创建段落文字。选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”,“字号”为15点、文本颜色为白色,然后在操作界面下方按住鼠标左键并向右下角拖曳创建文本框,如图5-5所示。

图5-5
05 在文本框中输入文字,如图5-6所示。输入完成后选中文字图层,执行菜单“窗口>段落”命令,在打开的“段落”面板中设置“对齐方式”为“居中对齐”,如图5-7所示。

图5-6

图5-7
06 此时的文字效果如图5-8所示。选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,文本颜色设置为白色,然后在画面下方单击插入光标,输入文字,最终画面效果如图5-9所示。

图5-8

图5-9
要点速查:文字工具的选项
文字工具选项栏如下所示。

切换文本取向:在工具选项栏中单击“切换文本取向”按钮,可以将横向排列的文字更改为直向排列的文字,也可以执行菜单“类型>取向>水平/垂直”命令。
设置字体系列:在工具选项栏中单击“设置字体系列”倒三角按钮,在下拉列表中选择合适的字体。
设置字体大小:输入文字后,如果要更改字体的大小,可以直接在工具选项栏中输入数值,也可以在下拉列表中选择预设的字体大小。若要改变部分字符的大小则需要选中需要更改的字符后进行设置。
消除锯齿:输入文字后,可以在工具选项栏中为文字指定一种消除锯齿的方式。选择“无”方式时,Photoshop不会应用消除锯齿;选择“锐利”方式时,文字的边缘最为锐利;选择“犀利”方式时,文字的边缘就比较锐利;选择“浑厚”方式时,文字会变粗一些;选择“平滑”方式时,文字的边缘会非常平滑。
设置文本对齐:文本对齐方式是根据输入字符时光标的位置来设置文本对齐方式。
切换字符和段落面板:单击该按钮即可打开“字符”和“段落”面板。
取消所有当前编辑:在创建或编辑文字时,单击该按钮可以取消文字操作状态。
提交所有当前编辑:文字输入或编辑完成后,单击该按钮提交操作并退出文字编辑状态。
实例056 使用直排文字工具制作文艺书籍封面
文件路径 第5章\使用直排文字工具制作文艺书籍封面
难易指数 ★★☆☆☆
技术掌握 直排文字工具

扫码深度学习
操作思路
直排文字工具与横排文字工具的用法相同。顾名思义,直排文字工具是在画面中添加竖排的文字。本案例使用直排文字工具在书籍封面中输入文字。
案例效果
案例效果如图5-10和图5-11所示。

图5-10

图5-11
操作步骤
01 执行菜单“文件>打开”命令,打开素材“1.jpg”。选择工具箱中的直排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置文本颜色为土红色。在画面右上角单击插入光标,如图5-12所示。输入文字,按Ctrl+Enter快捷键完成文字的输入,如图5-13所示。

图5-12

图5-13
02 继续使用直排文字工具,在标题文字的右下角单击,插入光标。然后在工具选项栏中设置合适的“字体”和“字号”,输入文字,按Ctrl+Enter快捷键完成文字的输入,如图5-14所示。继续使用选择直排文字工具,在工具选项栏中选择一个合适的“字体”,设置“字号”为18点,设置“对齐方式”为“顶对齐文本”,然后在封面左下角单击,输入多行文字,在每行结束后按Enter键开始下一行文字的输入,效果如图5-15所示。

图5-14

图5-15
03 接下来复制部分背景图层中的内容和书名、作者的文字图层,移动到画面左侧,作为书脊,此时封面内容制作完成,如图5-16所示。书籍的立体展示效果如图5-17所示。

图5-16

图5-17
提示 直排文字的对齐方式
使用直排文字工具创建出的文字对象,设置对齐方式的按钮有所不同,即(顶对齐文本)、(居中对齐文本)和
(底对齐文本)。
实例057 创建段落文字制作杂志页面
文件路径 第5章\创建段落文字制作杂志页面
难易指数 ★★★☆☆
技术掌握
●横排文字工具
●段落文字
●“字符”面板

扫码深度学习
操作思路
“段落文字”是在文本框内部创建的文字,当输入的文字超出文本框时,将自动进行换行,使文字以文本框的大小排列。
案例效果
案例效果如图5-18所示。

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

图5-19
02 将前景色设置为灰色,然后使用前景色(填充快捷键为Alt+Delete)进行填充,此时画面效果如图5-20所示。

图5-20
03 执行菜单“文件>置入嵌入的智能对象”命令,然后将素材“1.jpg”置入文档中,如图5-21所示。按住鼠标左键,将图片素材拖曳到最右侧,然后按Enter键确定置入操作,如图5-22所示。

图5-21

图5-22
04 在置入图片所在图层上右击,在弹出的快捷菜单中执行“栅格化图层”命令,将图层转换为普通图层,如图5-23所示。

图5-23
05 删除素材上的部分画面。选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“路径”,然后在素材的右侧绘制一个四边形路径,如图5-24所示。绘制完成后使用Ctrl+Enter快捷键将其转换为选区,如图5-25所示。

图5-24

图5-25
06 选择图案素材图层,单击“图层”面板底部的“添加图层蒙版”按钮,基于选区添加图层蒙版,如图5-26所示。此时画面效果如图5-27所示。

图5-26

图5-27
07 在画面的左侧添加文字。选择工具箱中的横排文字工具,在工具选项栏中单击“切换字符和段落面板”按钮,打开“字符”面板,设置合适的字体,设置文字的“大小”为14点,文字“颜色”设置为紫色,如图5-28所示。设置完成后在画面的左侧部分单击鼠标左键插入光标,输入文字,如图5-29所示。

图5-28

图5-29
08 改变文字的颜色。在文字上单击鼠标左键插入光标,然后按住鼠标左键拖曳选中文字“NO.1”,如图5-30所示。在“字符”面板中设置字体“颜色”为灰色,如图5-31所示。

图5-30

图5-31
09 然后再使用同样的方法将文字“Part”设置为黑色,此时文字效果如图5-32所示。

图5-32
10 在画面的左侧添加一段文字。选择工具箱中的横排文字工具,然后打开“字符”面板,设置合适的字体,设置文字的“大小”为4点、“行距”为5、所选字符的“字间距”为-20、文字“颜色”为黑色,如图5-33所示。执行菜单“窗口>段落”命令,打开“段落”面板,设置段落的“对齐方式”为“最后一行左对齐”,如图5-34所示。

图5-33

图5-34
11 在画面中按住鼠标左键拖曳绘制出文本框,如图5-35所示。

图5-35
12 设置完成后,在文本框内单击鼠标左键插入光标,输入文字,然后单击工具选项栏中的“提交当前所有操作”按钮,完成文字的输入,效果如图5-36所示。使用同样的方法,创建其他两段段落文字,如图5-37所示。

图5-36

图5-37
13 最终效果如图5-38所示。

图5-38
要点速查:详解“段落”面板
对于段落文字可以通过“段落”面板进行段落参数的设置。在“段落”面板中可以对段落文字进行“对齐方式”“缩进”“连字”选项进行设置。执行菜单“窗口>段落”命令,打开“段落”面板,如图5-39所示。

图5-39
左对齐文本:文字左对齐后,段落右端参差不齐,如图5-40所示。

图5-40
居中对齐文本:文字居中对齐后,段落两端参差不齐,如图5-41所示。

图5-41
右对齐文本:文字右对齐后,段落左端参差不齐,如图5-42所示。

图5-42
最后一行左对齐:最后一行左对齐后,其他行左右两端强制对齐,如图5-43所示。

图5-43
最后一行居中对齐:最后一行居中对齐后,其他行左右两端强制对齐,如图5-44所示。

图5-44
最后一行右对齐:最后一行右对齐后,其他行左右两端强制对齐,如图5-45所示。

图5-45
全部对齐:在字符间添加额外的间距,使文本左右两端强制对齐,如图5-46所示。

图5-46
左缩进:用于设置段落文本向右(横排文字)或向下(直排文字)的缩进量。图5-47所示为设置“左缩进”为20点时的段落效果。

图5-47
右缩进:用于设置段落文本向左(横排文字)或向上(直排文字)的缩进量。图5-48所示为设置“右缩进”为20点时的段落效果。

图5-48
首行缩进:用于设置段落文本中每个段落的第1行向右(横排文字)或第1列文字向下(直排文字)的缩进量。图5-49所示为设置“首行缩进”为100点时的段落效果。

图5-49
段前添加空格:设置光标所在段落与前一个段落之间的间隔距离。图5-50所示为设置“段前添加空格”为100点时的段落效果。

图5-50
段后添加空格:设置当前段落与另外一个段落之间的间隔距离。图5-51所示为设置“段后添加空格”为100点时的段落效果。

图5-51
避头尾法则设置:不能出现在一行的开头或结尾的字符称为“避头尾字符”。Photoshop提供了基于标准JIS的宽松和严格的避头尾集,宽松的避头尾设置忽略长元音字符和小平假名字符。选择“JIS宽松”或“JIS严格”选项时,可以防止在一行的开头或结尾出现不能使用的字母。
间距组合设置:间距组合用于设置日语字符、罗马字符、标点和特殊字符在行开头、行结尾和数字的间距文本编排方式。选择“间距组合1”选项,可以对标点使用半角间距;选择“间距组合2”选项,可以对行中除最后一个字符外的大多数字符使用全角间距;选择“间距组合3”选项,可以对行中的大多数字符和最后一个字符使用全角间距;选择“间距组合4”选项,可以对所有字符使用全角间距。
连字:勾选“连字”复选框后,在输入英文单词时,如果段落文本框的宽度不够,英文单词将自动换行,并在单词之间用连字符连接起来。
实例058 使用变形文字制作人像海报
文件路径 第5章\使用变形文字制作人像海报
难易指数 ★★★★☆
技术掌握
●横排文字工具
●文字变形

扫码深度学习
操作思路
本案例首先使用渐变工具绘制渐变背景,使用横排文字工具在背景中输入文字,接着利用为文字变形功能制作艺术性文字效果。
案例效果
案例效果如图5-52所示。

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

图5-53
02 选择工具箱中的渐变工具,单击工具选项栏中的渐变色条,在弹出的“渐变编辑器”对话框中编辑一个由紫色到蓝色的渐变颜色,如图5-54所示。在工具选项栏中设置渐变类型为“线性渐变”,最后使用渐变工具在画面内按住鼠标左键拖曳进行填充,效果如图5-55所示。

图5-54

图5-55
03 接下来制作暗角效果。执行菜单“图层>新建调整图层>曲线”命令,在弹出的“新建图层”对话框中单击“确定”按钮,然后在打开的“属性”面板中高光位置上单击添加控制点,并向右下方拖曳,降低画面的亮度,曲线形状如图5-56所示。效果如图5-57所示。

图5-56

图5-57
04 单击曲线调整图层的图层蒙版缩览图,然后选择工具箱中的(画笔工具),在工具选项栏中打开“画笔预设”选取器,在画笔预设选取器中选择一个柔边圆画笔笔尖,设置画笔“大小”为1500像素,如图5-58所示。将前景色设置为黑色,在蒙版中心的位置进行涂抹,效果如图5-59所示。

图5-58

图5-59
05 执行菜单“文件>置入嵌入的智能对象”命令,将音符素材“1.png”置入到文档中,如图5-60所示。选择工具箱中的(椭圆工具),在工具选项栏中设置绘制模式为“形状”、“填充”为黄色、“描边”为无,然后按住鼠标左键并按住Shift键在画面中绘制一系列大小不一的正圆,效果如图5-61所示。

图5-60

图5-61
06 选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置文本颜色为白色,然后在画面中单击插入光标,输入文字,如图5-62所示。单击工具选项栏中的“创建文字变形”按钮,在弹出的“变形文字”对话框中设置“样式”为“扇形”,选中“水平”单选按钮,设置“弯曲”为+30%,设置完成后,单击“确定”按钮,如图5-63所示。

图5-62

图5-63
07 此时的画面效果如图5-64所示。使用同样的方法,在画面不同位置输入其他文字,并进行文字变形,效果如图5-65所示。

图5-64

图5-65
08 选择工具箱中钢笔工具,在工具选项栏中设置绘制模式为“形状”、“填充”为无、“描边”为粉色、“像素”为25像素,设置完成后,在画面下方绘制一个有弧度的粉色路径,如图5-66所示。然后在“图层”面板中选择粉色图层,使用Ctrl+J快捷键将形状进行复制,然后向下移动。使用Ctrl+T快捷键调出界定框,拖动控制点进行缩放,如图5-67所示。按Enter键结束变换操作。

图5-66

图5-67
09 使用同样的方法,复制和变换另外一个矩形,效果如图5-68所示。

图5-68
10 输入新的文字。选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置文本颜色为白色,然后在画面右侧单击插入光标,输入字母,如图5-69所示。使用同样方法,在字母旁边不同位置输入其他字母,效果如图5-70所示。

图5-69

图5-70
11 选择工具箱中的矩形工具,在工具选项栏中设置“填充”为粉色、“描边”为无,然后在字母下方绘制多个小粉色矩形,如图5-71所示。

图5-71
12 执行菜单“文件>置入嵌入的智能对象”命令,将人物素材“2.png”置入文档中,并选择人物图层,右击,在弹出的快捷菜单中执行“栅格化图层”命令,如图5-72所示。然后单击“图层”面板底部的“添加图层蒙版”按钮,为该图层添加图层蒙版,如图5-73所示。

图5-72

图5-73
13 然后选择工具箱中的画笔工具,在工具选项栏中打开画笔预设选取器,在画笔预设选取器中选择一个柔边圆画笔笔尖,设置画笔“大小”为150像素,将前景色设置为黑色,设置完毕后在画面中头发边缘位置按住鼠标左键拖曳进行涂抹,效果如图5-74所示。

图5-74
14 接下来创建人物阴影。新建一个图层,按住Ctrl键单击人物图层的缩览图得到人物选区,如图5-75所示。然后将前景色设置为紫色,使用Alt+Delete快捷键填充人物选区,使用Ctrl+D快捷键取消选区,此时画面效果如图5-76所示。

图5-75

图5-76
15 选择新建的图层,执行菜单“滤镜>模糊>高斯模糊”命令,在弹出的“高斯模糊”对话框中设置“半径”为150.0像素,设置完成后,单击“确定”按钮,如图5-77所示。效果如图5-78所示。

图5-77

图5-78
16 然后将阴影图层移动至人物图层下方,最终效果如图5-79所示。

图5-79
实例059 创建路径文字制作甜美版面
文件路径 第5章\创建路径文字制作甜美版面
难易指数 ★★★☆☆
技术掌握
●横排文字工具
●文字路径

扫码深度学习
操作思路
想要创建“路径文字”时,首先需要绘制一个路径,然后使用横排文字工具将光标移动到路径上方,单击并输入文字,即可得到沿着路径排列的文字。
案例效果
案例效果如图5-80所示。

图5-80
操作步骤
01 执行菜单“文件>打开”命令,打开背景素材“1.jpg”,如图5-81所示。

图5-81
02 选择工具箱中的(横排文字工具),在工具选项栏中设置合适的“字体”和“字号”,设置文本颜色为红色,然后在画面右侧单击插入光标,输入文字,如图5-82所示。使用同样的方法,在画面中不同位置输入新的文字,如图5-83所示。

图5-82

图5-83
03 选择工具箱中的(椭圆工具),在工具选项栏中设置绘制模式为“路径”,然后按住Shift键并拖动鼠标左键绘制正圆路径,如图5-84所示。

图5-84
04 选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置文本颜色为粉色,将光标移到路径上方,光标变为形状时单击即可在路径上方插入光标,如图5-85所示。输入文字,然后单击工具选项栏中的“提交当前所有操作”按钮
,此时画面效果如图5-86所示。

图5-85

图5-86
05 执行菜单“文件>置入嵌入的智能对象”命令,将人物素材“2.png”置入画面右侧,按Enter键确认置入操作,最终画面效果如图5-87所示。

图5-87
实例060 使用文字工具制作趣味字符字
文件路径 第5章\使用文字工具制作趣味字符字
难易指数 ★★★☆☆
技术掌握
●横排文字工具
●图层样式
●滤镜

扫码深度学习
操作思路
本案例主要使用横排文字工具在画面中输入文字,使用“图层样式”为文字添加渐变效果,最后添加模糊滤镜,使文字呈现出一定的运动感。
案例效果
案例效果如图5-88所示。

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

图5-89
02 接下来为“背景”图层填充颜色。将前景色设置为黑色,然后使用Alt+Delete快捷键进行填充,将“背景”图层填充为黑色,如图5-90所示。

图5-90
03 选择工具箱中的(自定义形状工具),在工具选项栏中设置绘制模式为“路径”,单击“形状”按钮,在下拉面板中选择一个兔子形状,然后在画面中按住鼠标左键拖曳进行绘制,如图5-91所示。

图5-91
04 选择工具箱中的(横排文字工具),在工具选项栏中设置合适的“字体”和“字号”,设置文本颜色为白色,然后将鼠标移到兔子路径中,光标变为
形状后单击,如图5-92所示。输入文字,如图5-93所示。

图5-92

图5-93
05 在路径中输满文字,效果如图5-94所示。输满文字之后,单击工具选项栏中的“提交当前所有操作”按钮。

图5-94
06 接下来为文字添加渐变叠加效果。选择文字图层,执行菜单“图层>图层样式>渐变叠加”命令,在弹出的“图层样式”对话框中,勾选“渐变叠加”复选框,设置“混合模式”为“正常”、“不透明度”为100%,设置“渐变”为七彩渐变,设置“样式”为“线性”、“角度”为90度、“缩放”为100%,设置完成后单击“确定”按钮,如图5-95所示。此时画面效果如图5-96所示。

图5-95

图5-96
07 使用Ctrl+J快捷键将文字图层复制,在“图层”面板中右击该图层,在弹出的快捷菜单中执行“栅格化图层样式”命令。接着执行菜单“滤镜>模糊>动感模糊”命令,在弹出的“动感模糊”对话框中设置“角度”为0度、“距离”为500像素,如图5-97所示。此时画面效果如图5-98所示。

图5-97

图5-98
08 选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置文本颜色为白色,然后在画面右侧单击插入光标,输入文字,如图5-99所示。使用同样的方法,在该文字之下输入绿色文字,如图5-100所示。

图5-99

图5-100
09 最终画面效果如图5-101所示。

图5-101
实例061 创意文字设计
文件路径 第5章\创意文字设计
难易指数 ★★★☆☆
技术掌握
●横排文字工具
●钢笔工具
●图层样式

扫码深度学习
操作思路
在本案例的制作过程中,首先输入文字,然后利用矢量工具为文字添加绿色和白色的元素,并借助图层样式丰富画面效果。
案例效果
案例效果如图5-102所示。

图5-102
操作步骤
01 执行菜单“文件>打开”命令,在弹出的“打开”对话框中选择素材“1.jpg”,单击“打开”按钮,如图5-103所示。效果如图5-104所示。

图5-103

图5-104
02 接下来要制作单个字母A的文字设计。在“图层”面板的底部单击“创建新组”按钮,然后双击创建的新组,命名为A组,如图5-105所示。选择工具箱中的横排文字工具,在工具选项栏中设置“字体”和“字号”,设置消除锯齿方法为“锐利”、“填充”为深红色,在画面中单击输入文字,如图5-106所示。

图5-105

图5-106
03 继续选择工具箱中的椭圆工具,在工具选项栏中设置绘制模式为“形状”、“填充”为深绿色,在字母A下方按住鼠标左键并拖曳绘制椭圆形状,如图5-107所示。接着执行菜单“图层>创建剪贴蒙版”命令,效果如图5-108所示。

图5-107

图5-108
04 执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入”对话框中选择“2.png”,单击“置入”按钮,完成置入,如图5-109所示。将置入的素材放置到适当位置,按Enter键完成变换,如图5-110所示。

图5-109

图5-110
05 选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“形状”、“填充”为白色,在字母A上方拖曳绘制积雪形状,如图5-111所示。

图5-111
06 以上制作的图层全部在“A组”中。在“图层”面板中选择“A组”,执行菜单“图层>图层样式>描边”命令,在弹出的“图层样式”对话框中设置“大小”为13像素、“位置”为“外部”、“混合模式”为“正常”、“不透明度”为100%、“颜色”为白色,如图5-112所示。接着勾选“内发光”复选框,设置“混合模式”为“滤色”、“不透明度”为63%、发光颜色为白色、“方法”为“柔和”、“大小”为7像素、“范围”为50%,单击“确定”按钮,完成设置,如图5-113所示。效果如图5-114所示。

图5-112

图5-113

图5-114
07 根据制作字母A的方法,制作字母R和字母T,效果如图5-115所示。

图5-115
08 接下来制作文字的阴影。在“图层”面板中选择“A组”,按住Ctrl键加选“R组”“T组”,接着按Ctrl+J快捷键进行全部复制,再按Ctrl+E快捷键合并图层,如图5-116所示。将合并后的图层拖曳到原有文字图层的下方,如图5-117所示。使用Ctrl+T快捷键调出界定框,将其纵向缩小并移动到适当位置,如图5-118所示。

图5-116

图5-117

图5-118
09 按住Ctrl键单击该图层缩览图,在工具箱中设置前景色为黑色,使用Alt+Delete快捷键将阴影填充为黑色,如图5-119所示。接着执行菜单“滤镜>模糊>高斯模糊”命令,在弹出的“高斯模糊”对话框中设置“半径”为10.0像素,单击“确定”按钮,完成设置,如图5-120所示。效果如图5-121所示。

图5-119

图5-120

图5-121
10 单击“图层”面板底部的“添加图层蒙版”按钮,然后选中图层蒙版缩览图。在工具箱中选择画笔工具,设置前景色为黑色,在工具选项栏中单击“画笔预设”选取器,在画笔预设选取器中设置“大小”为200像素、“硬度”为0%,在画面中按住鼠标左键横向拖曳涂抹,如图5-122所示。擦除部分阴影,使阴影效果更真实,如图5-123所示。

图5-122

图5-123
实例062 多彩破碎效果艺术字
文件路径 第5章\多彩破碎效果艺术字
难易指数 ★★★★☆
技术掌握
●横排文字工具
●画笔工具
●混合模式
●图层蒙版

扫码深度学习
操作思路
本案例主要使用到椭圆工具、混合模式、图层蒙版等功能制作带有碎片感的背景部分,主体文字部分使用到了横排文字工具和“图层样式”进行制作,文字上的色彩部分主要使用到了剪贴蒙版功能。
案例效果
案例效果如图5-124所示。

图5-124
操作步骤
01 执行菜单“文件>打开”命令,或按Ctrl+O快捷键,在弹出的“打开”对话框中选择素材“1.jpg”,单击“打开”按钮,如图5-125所示。首先制作粉色图形。新建一个图层,设置前景色为粉色,选择工具箱中的椭圆工具,在工具选项栏中设置绘制模式为“像素”,在画面中间位置按住Shift键并按住鼠标左键拖曳绘制正圆,如图5-126所示。

图5-125

图5-126
02 接着按住Ctrl键单击该图层缩览图,得到正圆形的选区,如图5-127所示。接着单击“图层”面板底部的“添加图层蒙版”按钮,如图5-128所示。

图5-127

图5-128
03 接下来需要制作圆形边缘破碎的效果。选择工具箱中的画笔工具,在工具选项栏中单击画笔预设选取器,在画笔预设选取器中单击按钮,执行“方头画笔”命令,如图5-129所示。在弹出的提示框中单击“追加”按钮,如图5-130所示。在画笔预设选取器中可以看到方头画笔,选择方头画笔,如图5-131所示。

图5-129

图5-130

图5-131
04 接着使用F5键,打开“画笔”面板,在“画笔”面板中选择“画笔笔尖形状”,设置“大小”为42像素、“圆度”100%,勾选“间距”复选框,并设置为146%,如图5-132所示。接着勾选“形状动态”复选框,设置“大小抖动”为100%、“最小直径”为26%、“角度抖动”为52%、“圆度抖动”为63%、“最小圆度”为25%,如图5-133所示。勾选“散布”复选框,设置“散布”为1000%、“数量”为1、“数量抖动”为0%,如图5-134所示。

图5-132

图5-133

图5-134
05 设置前景色为黑色,接着在画面中粉色正圆左下角按住鼠标左键拖曳绘制,绘制的部分被隐藏,如图5-135所示。设置前景色为灰色,接着在画面中粉色正圆左上角按住鼠标左键拖曳绘制,如图5-136所示。

图5-135

图5-136
06 接下来为粉色正圆添加纹理。执行菜单“文件>置入嵌入的智能对象”命令,置入素材“2.jpg”,调整到合适位置后按Enter键完成置入。执行菜单“图层>栅格化>智能对象”命令,将该图层栅格化为普通图层,如图5-137所示。在“图层”面板中设置图层混合模式为“颜色加深”,效果如图5-138所示。接着执行菜单“图层>创建剪贴蒙版”命令,效果如图5-139所示。

图5-137

图5-138

图5-139
07 使用同样的方法,制作一个黄色半圆,如图5-140所示。

图5-140
08 选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“路径”,在画面中间位置绘制路径,如图5-141所示。使用Ctrl+Enter快捷键将路径转换为选区,如图5-142所示。新建一个图层,设置前景色为黄色,使用Alt+Delete快捷键为选区填充前景色,使用Ctrl+D快捷键取消选区,如图5-143所示。

图5-141

图5-142

图5-143
09 接下来绘制碎片效果。新建一个图层,将前景色设置为粉色,背景色设置为浅粉色。接着选择画笔工具,调出“画笔”面板。在保留之前设置的“形状动态”“散布”等画笔参数的基础上勾选“颜色动态”复选框,设置“前景/背景抖动”为100%,如图5-144所示。在画面左侧按住鼠标左键并拖曳绘制大量的粉色碎片,如图5-145所示。继续在画面左侧绘制,如图5-146所示。

图5-144

图5-145

图5-146
10 更改前景色为黄色,背景色为稍浅一些的黄色。使用同样的方法,在画面右侧绘制,如图5-147所示。执行菜单“文件>置入嵌入的智能对象”命令,置入素材“3.png”,将卡通素材移动到画面的右下角按Enter键完成置入,如图5-148所示。

图5-147

图5-148
11 接下来制作艺术文字。选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置“填充”为白色,在画面中单击输入文字,如图5-149所示。选择文字图层,执行菜单“图层>图层样式>描边”命令,在弹出的“图层样式”对话框中设置“大小”为2像素、“位置”为“外部”、“混合模式”为“正常”、“不透明度”为100%、“填充类型”为“颜色”、“颜色”为白色,如图5-150所示。

图5-149

图5-150
12 勾选“投影”复选框,设置“混合模式”为“正常”、投影颜色为黑色、“不透明度”为50%、“角度”为150度、“距离”为14像素、“扩展”为0%、“大小”为0像素、单击“确定”按钮完成设置,如图5-151所示。效果如图5-152所示。

图5-151

图5-152
13 按住Ctrl键单击文字图层的缩览图得到文字选区,如图5-153所示。接着执行菜单“选择>修改扩展”命令,在弹出的“扩展选区”对话框中设置“扩展量”为50像素,单击“确定”按钮完成设置,如图5-154所示。效果如图5-155所示。

图5-153

图5-154

图5-155
14 新建一个图层,设置前景色为紫色,使用Alt+Delete快捷键为选区填充颜色,使用Ctrl+D快捷键取消选区,如图5-156所示。接着在“图层”面板中,将紫色图形图层移动到文字图层下方,效果如图5-157所示。

图5-156

图5-157
15 选择紫色图形的图层,执行菜单“图层>图层样式>描边”命令,在弹出的“图层样式”对话框中设置“大小”为7像素、“位置”为“外部”、“混合模式”为“正常”、“不透明度”为100%、“填充类型”为“颜色”、“颜色”为白色,如图5-158所示。勾选“投影”复选框,设置“混合模式”为“正片叠底”、投影颜色为黑色、“不透明度”为30%、“角度”为150度、“距离”为18像素、“扩展”为0%、“大小”为0像素,单击“确定”按钮完成设置,如图5-159所示。效果如图5-160所示。

图5-158

图5-159

图5-160
16 接下来制作文字上的纹理。在白色文字图层上方新建一个图层。然后选择工具箱中的画笔工具,设置合适的笔尖大小,选择柔角画笔,然后将前景色设置为粉色,通过单击的方式进行绘制,如图5-161所示。接着将前景色设置为黄色与紫色,继续进行绘制,如图5-162所示。

图5-161

图5-162
17 绘制完成后,选择该图层,执行菜单“图层>创建剪贴蒙版”命令,此时文字表面出现不同的颜色,效果如图5-163所示。

图5-163
18 新建一个图层,选择工具箱中的矩形选框工具,在画面中按住鼠标左键拖曳绘制矩形选区,如图5-164所示。选择工具箱中的渐变工具,在工具选项栏中单击渐变色条,在弹出的“渐变编辑器”对话框中编辑一个白色到透明色渐变,单击“确定”按钮完成设置。接着将光标移动到矩形选区按住鼠标左键拖曳填充渐变,如图5-165所示。

图5-164

图5-165
19 使用Ctrl+T快捷键调出界定框,将光标定位在界定框一角处,按住鼠标左键拖曳进行旋转,并移动到合适位置,效果如图5-166所示。执行菜单“图层>创建剪贴蒙版”命令,效果如图5-167所示。

图5-166

图5-167
20 接着选择该图层,使用Ctrl+J快捷键进行复制,并使用同样的方法为文字图层创建剪贴蒙版。接着将该图层进行移动位置,效果如图5-168所示。使用同样的方法再次复制另外两份,并移动到下方文字上。最终完成效果如图5-169所示。

图5-168

图5-169
实例063 喜庆风格创意广告
文件路径 第5章\喜庆风格创意广告
难易指数 ★★★★☆
技术掌握
●横排文字工具
●图层样式
●钢笔工具
●椭圆工具

扫码深度学习
操作思路
本案例使用到多款矢量工具绘制画面的基本图形,使用文字工具与“图层样式”功能制作主体文字,最后添加一些卡通装饰元素,完成画面的制作。
案例效果
案例效果如图5-170所示。

图5-170
操作步骤
01 执行菜单“文件>打开”命令,或按Ctrl+O快捷键,在弹出的“打开”对话框中选择素材“1.jpg”,单击“打开”按钮,如图5-171所示。

图5-171
02 首先制作基础背景。选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为“路径”,接着在画面的下方绘制一个闭合路径,如图5-172所示。使用Ctrl+Enter快捷键将路径转换为选区,如图5-173所示。设置前景色为黄色,使用Alt+Delete快捷键为选区填充颜色,再使用Ctrl+D快捷键取消选区,如图5-174所示。

图5-172

图5-173

图5-174
03 执行菜单“文件>置入嵌入的智能对象”命令,置入素材“2.png”,调整到合适位置后按Enter键完成置入,如图5-175所示。继续使用同样的方法,置入素材“3.png”,如图5-176所示。

图5-175

图5-176
04 为了使彩旗具有立体效果,我们为彩旗制作投影效果。选择彩旗图层,执行菜单“图层>图层样式>投影”命令,在弹出的“图层样式”对话框中设置“混合模式”为“正片叠底”、投影颜色为深棕色、“不透明度”为75%、“角度”为130度、“距离”为30像素、“扩展”为0%、“大小”为40像素,单击“确定”按钮完成设置,如图5-177所示。效果如图5-178所示。

图5-177

图5-178
05 接下来制作主体图形。选择工具箱中的椭圆工具,在工具选项栏中设置绘制模式为“形状”、“填充”为深红色,在画面中间位置按住Shift+Alt快捷键并按住鼠标左键拖曳绘制正圆,如图5-179所示。接着选择彩旗图层,执行菜单“图层>图层样式>拷贝图层样式”命令;接着选择红色正圆图层,执行菜单“图层>图层样式>粘贴图层样式”命令,使之具有相同的图层样式,效果如图5-180所示。

图5-179

图5-180
06 选择工具箱中的椭圆工具,在工具选项栏中设置绘制模式为“形状”、“填充”为黄色、“描边”为棕色、描边大小为16点,在画面中间位置按住鼠标左键拖曳绘制正圆,如图5-181所示。使用同样的方法,为其粘贴投影效果,如图5-182所示。

图5-181

图5-182
07 接着选择工具箱中的钢笔工具,在工具选项栏中设置绘制模式为形状、“填充”为紫色,在画面中正圆右侧按住鼠标左键拖曳绘制形状,如图5-183所示。使用同样的方法,在画面中正圆的左侧绘制形状,如图5-184所示。

图5-183

图5-184
08 继续选择钢笔工具,在工具选项栏中设置“填充”为深紫色,同样的方法,再绘制一组形状,如图5-185所示。使用同样的方法,制作形状,如图5-186所示。接着为该图形添加投影图层样式,使用粘贴的方法即可。效果如图5-187所示。

图5-185

图5-186

图5-187
09 接下来添加文字。选择工具箱中的横排文字工具,在工具选项栏中设置合适的“字体”和“字号”,设置“填充”为紫色,在画面中单击输入文字,如图5-188所示。接着使用Ctrl+T快捷键调出界定框,将光标定位在界定框外,按住鼠标左键并拖曳进行旋转,然后移动到适当位置,按Enter键完成变换,如图5-189所示。

图5-188

图5-189
10 接着将投影图层样式粘贴给文字图层,文字效果如图5-190所示。使用同样的方法,制作其他文字,如图5-191所示。

图5-190

图5-191
11 最后置入前景卡通素材“4.png”,调整到合适位置后,按Enter键完成置入,如图5-192所示。

图5-192