
3.2 利用图层样式制作水果文字
3.2.1 设计思路
将文字拟物化是文字设计的常用手段之一,在本案例中文字拟物的目标是“草莓”这种水果,在基础字形的选择上使用了一种较为柔和的圆角字体,字体形态基本保持不变。为了突出表现“草莓”的特质,在文字的质感上进行了一定的加工,使其表面产生一种“草莓”表面的质感。同时在文字上添加了草莓叶子的元素以强化突出草莓的特征。图3-39和图3-40所示为优秀的文字设计。

图3-39

图3-40
3.2.2 流程解析
本案例中先制作不规则分布的粉红色圆点背景,然后使用图层的样式制作水果文字,并为其添加了“斜面浮雕”的样式,这样才能制作出草莓的效果。在本案例中,主要使用到了文字工具、画笔工具、形状工具、图层样式等。制作流程如图3-41所示。

图3-41
3.2.3 案例效果
案例效果如图3-42所示。

图3-42
3.2.4 操作精讲
Part1 制作背景部分
(1)执行“文件”→“新建”命令,在弹出的窗口中设置文档大小为A4,创建完成后单击“确定”按钮,如图3-43所示。新建一个横版A4大小的文件,如图3-44所示。

图3-43

图3-44
(2)新建图层。单击工具箱中的“画笔工具”按钮,将前景色设置为淡粉色,选择一个圆形柔角画笔,将笔尖调大至1000像素,画笔硬度设置为0,在画面中进行多次绘制,如图3-45所示。在选择栏中降低“不透明度”的数值,继续绘制面积更大的半透明粉色效果,制作出具有层次的效果,如图3-46所示。

图3-45

图3-46
(3)使用快捷键F5调出“画笔”面板,在“画笔笔尖形态”复选框中选择一个硬角画笔,设置“大小”为350像素,“间距”为170,如图3-47所示。勾选“形状动态”,设置“大小抖动”为60%,如图3-48所示。勾选“散布”,勾选“两轴”,散布为1000%,“数量”为2,如图3-49所示。

图3-47

图3-48

图3-49
(4)画笔动态设置完成后,新建图层,在画面中进行绘制。此时画面中呈现出大量不规则分布的圆形笔触,在绘制过程中可以在选项栏中降低画笔的不透明度,如图3-50所示。选择该图层,设置该图层的“不透明度”为20%,画面效果如图3-51所示。

图3-50

图3-51
(5)单击工具箱中的“圆角矩形工具”按钮,在选项栏中设置绘制模式为“形状”,设置“填充”类型为“渐变”,然后编辑一种浅粉色系的渐变,设置渐变类型为“径向”。在矩形工具选项栏中设置圆角矩形的圆角“半径”为50像素。在画面中绘制一个圆角矩形,如图3-52所示。

图3-52
(6)选择该圆角矩形,执行“图层”→“图层样式”→“图案叠加”命令,在图层样式对话框中设置“混合模式”为“滤色”,“不透明度”为100%,“图案”为“纱布”,“缩放”为1000%,参数设置如图3-53所示。继续在左侧样式列表中勾选“投影”样式,设置“混合模式”为“正片叠底”,颜色为深红色,“不透明度”为75%,“角度”为130度,“距离”为50像素,“扩展”为20%,“大小”为80像素,参数设置如图3-54所示。画面效果如图3-55所示。

图3-53

图3-54

图3-55
(7)制作装饰用的虚线效果。将该圆角矩形图层进行复制,在该图层上单击鼠标右键,执行“清除图层样式”命令,如图3-56所示。选择该图层,在圆角矩形工具的状态下,在选项栏中设置“填充”为“无”,“描边”为灰色,“宽度”为5点,设置“描边类型”为虚线,此时画面效果如图3-57所示。

图3-56

图3-57
(8)将该灰色虚线图层复制,将描边颜色更改为红色,并将其向左上角轻移,效果如图3-58所示。使用同样的方法制作一个白色的虚线,如图3-59所示。

图3-58

图3-59
(9)执行“文件”→“置入”命令,置入蝴蝶结素材2.png,在该图层上右击执行“栅格化图层”命令,如图3-60所示。放置在合适的位置,效果如图3-61所示。背景部分制作完成。

图3-60

图3-61
Part2 制作水果文字部分
(1)单击工具箱中的“横排文字工具”按钮,选择合适的字体、字号,颜色设置为红色,如图3-62所示。在画面中圆角矩形背景的左侧单击鼠标左键并输入文字,如图3-63所示。

图3-62

图3-63
(2)选择该文字图层,执行“图层”→“图层样式”→“斜面和浮雕”命令,在“斜面和浮雕”对话框中设置“样式”为“枕状浮雕”,“方法”为“平滑”,“深度”为100%,“方向”为“上”,“大小”为10像素,“软化”为0像素,“角度”为130度,“高度”为50度,勾选“使用全局光”,修改“光泽等高线”形状,“高光模式”为“叠加”,颜色为白色,“不透明度”为75%,“阴影模式”为“正片叠底”,颜色为浅红色,“不透明度”为55%,参数设置如图3-64所示。勾选“等高线”,设置“等高线”形状,勾选“消除锯齿”,“范围”为50%,参数设置如图3-65所示。

图3-64

图3-65
(3)勾选“描边”,设置“大小”为3像素,“位置”为“外部”,“混合模式”为“正常”,“不透明度”为100%,“填充类型”为“颜色”,“颜色”为红色,如图3-66所示。勾选“内阴影”,设置“混合模式”为“正片叠底”,颜色为深红色,“距离”为0像素,“阻塞”为0%,“大小”为15像素,参数设置如图3-67所示。

图3-66

图3-67
(4)勾选“投影”,设置“混合模式”为“正片叠底”,颜色为灰色,“距离”为10像素,“扩展”为0%,“大小”为5像素,参数设置如图3-68所示。单击“确定”按钮,效果如图3-69所示。

图3-68

图3-69
(5)将该图层进行复制,在该图层样式上单击鼠标右键执行“清除图层样式”命令,如图3-70所示。选择该图层,执行“图层”→“图层样式”→“斜面和浮雕”命令,在图层样式窗口中设置“样式”为“内斜面”,“方法”为“平滑”,“深度”为100%,“方向”为“上”,“大小”为65像素,“软化”为0像素,“角度”为70度,取消勾选“使用全局光”,“高度”为65度,修改“光泽等高线”,勾选“消除锯齿”,“高光模式”为“滤色”,颜色为白色,“不透明度”为75%,“阴影模式”为“正片叠底”,颜色为红色,“不透明度”为25%,参数设置如图3-71所示。

图3-70

图3-71
(6)在左侧列表中勾选“纹理”,设置“图案”为“灰色花岗岩花纹纸”,“缩放”为40%,“深度”为50%,参数设置如图3-72所示。文字效果如图3-73所示。

图3-72

图3-73
(7)制作文字上的高光。复制刚刚制作的文字图层,更改“斜面和浮雕”的图层样式的参数,设置“样式”为“浮雕效果”,“方法”为“平滑”,“深度”为100%,“方向”为“上”,“大小”为25像素,“软化”为0像素,“角度”为80度,取消勾选“使用全局光”,“高度”为30度,修改“光泽等高线”,勾选“消除锯齿”,“高光模式”为“滤色”,颜色为白色,“不透明度”为72%,“阴影模式”为“正片叠底”,颜色为黑色,“不透明度”为0%,参数设置如图3-74所示。勾选“纹理”,设置“图案”为“灰色花岗岩花纹纸”,“缩放”为100%,“深度”为20%,参数设置如图3-75所示。文字效果如图3-76所示。

图3-74

图3-75

图3-76
(8)此时的高光还不太明显,将刚刚制作图层进行复制。此时画面效果如图3-77所示。

图3-77
(9)为文字添加绿色渐变,让文字更加像草莓。新建图层,按住Ctrl键单击文字图层的缩览图,得到文字的选区,如图3-78所示。为了制作更加精细,需要一个字母一个字母的制作。单击工具箱中的“矩形选框工具”按钮,在选项栏中单击“与选区交叉”按钮
,在字母F的上方绘制,在选区绘制时选区要大于字母F的选区,但是不要碰到字母R的选区,绘制完成后,画面中留下了字母F的选区,如图3-79所示。

图3-78

图3-79
(10)单击工具箱中的“渐变工具”按钮,在渐变编辑器中编辑一个由淡绿色到透明的渐变,如图3-80所示。渐变编辑完成后,设置该渐变为“线性渐变”,在画面中拖曳填充,如图3-81所示。

图3-80

图3-81
(11)设置该图层的“不透明度”为50%,使用同样的方法继续制作,效果如图3-82所示。

图3-82
(12)制作文字上的黄色“种子”。执行“编辑”→“预设”→“预设管理器”命令,在弹出的“预设管理器”窗口中设置“预设类型”为“画笔”,单击“载入”按钮,如图3-83所示。载入画笔素材2.abr到Photoshop中,此时预设管理器中显示了我们需要使用的画笔类型,如图3-84所示。

图3-83

图3-84
(13)新建图层,命名为“种子”。单击工具箱中的“画笔工具”按钮,使用快捷键F5调出“画笔面板”。在“画笔笔尖形状”复选框中选择刚刚载入的画笔,设置“大小”为50像素,“间距”为200%,勾选“形状动态”,设置“大小抖动”为40%,“角度抖动”为40%,参数设置如图3-85所示。画笔动态设置完成后,在文字上方多次单击绘制出形态各异的种子效果。效果如图3-86和图3-87所示。

图3-85

图3-86

图3-87
(14)利用图层样式制作出种子的立体效果。选择“种子”图层,执行“图层”→“图层样式”→“斜面和浮雕”命令,在“图层样式”窗口中,设置“斜面和浮雕”中的“样式”为“内斜面”,“方法”为“平滑”,“深度”为100%,“方向”为“上”,“大小”为2像素,“软化”为0像素,“角度”为130度,勾选“使用全局光”,“高度”为50度,修改“光泽等高线”,勾选“消除锯齿”,“高光模式”为“滤色”,颜色为白色,“不透明度”为75%,“阴影模式”为“正片叠底”,颜色为灰绿色,“不透明度”为75%,参数设置如图3-88所示。勾选“等高线”,设置等高线的形状,勾选“取消锯齿”,“范围”为50%,参数设置如图3-89所示。

图3-88

图3-89
(15)勾选“投影”样式,设置“混合模式”为“正片叠底”,颜色为深红色,“不透明度”为75%,“角度”为130度,勾选“使用全局光”。“距离”为1像素,“扩展”为3%,“大小”为3像素,修改“等高线”形状,取消勾选“消除锯齿”,参数设置如图3-90所示。此时“种子”效果如图3-91所示。

图3-90

图3-91
(16)将“种子”图层复制,复制后的图层是带有图层样式的。双击图层样式再次打开图层样式窗口,取消勾选“投影”图层样式,修改“斜面和浮雕”设置“斜面和浮雕”中的“样式”为“枕状浮雕”,“方法”为“平滑”,“深度”为100%,“方向”为“上”,“大小”为15像素,“软化”为0像素,“角度”为160度,取消勾选“使用全局光”,“高度”为60度,修改“光泽等高线”,勾选“消除锯齿”,“高光模式”为“高光”,颜色为白色,“不透明度”为90%,“阴影模式”为“正片叠底”,颜色为黑色,“不透明度”为50%,参数设置如图3-92所示。勾选“等高线”,设置“等高线”形状为“画圆步骤”,取消勾选“消除锯齿”,“范围”为50%,参数设置如图3-93所示。

图3-92

图3-93
(17)勾选“纹理”,设置“图案”为“灰色花岗岩花纹纸”,“缩放”为100%,“深度”为100%,参数设置如图3-94所示。此时效果如图3-95所示。

图3-94

图3-95
(18)导入草莓素材3.png放置在字母F上方,在该图层上右击执行“栅格化智能图层”命令,如图3-96所示。选择“草莓”图层,单击图层面板底部的“添加图层蒙版”按钮,为该图层添加图层蒙版。选择蒙版,使用黑色的画笔在蒙版中进行涂抹,将草莓在蒙版中进行隐藏,只保留叶子部分。效果如图3-97所示。

图3-96

图3-97
(19)此时主体文字就制作完成了。将制作文字的图层选中,单击“创建新组”按钮,将其进行编组,命名为“文字”,如图3-98所示。选中“文字”图层组。使用快捷键Ctrl+Alt+E将其盖印,如图3-99所示。

图3-98

图3-99
(20)此时文字的颜色还不够鲜艳。执行“图层”→“新建调整图层”→“色相/饱和度”命令,在属性面板中设置“饱和度”为50%,单击“创建剪贴蒙版”按钮,如图3-100所示。此时画面效果如图3-101所示。

图3-100

图3-101
(21)此时文字颜色更加饱和,但是叶子部分的颜色过于鲜艳。这时可以在蒙版中将调色效果进行隐藏。选中“色相/饱和度”调整图层的图层蒙版,使用黑色的画笔在叶子部分进行涂抹,效果如图3-102所示。本案例制作完成,效果如图3-103所示。

图3-102

图3-103