当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 时尚字体 > 空间错位字效

空间错位字效

  • 2021-11-13
  • 来源/作者: 本站原创    / 佚名    
  • 23 次浏览

本实例制作的字效是将文字嵌套在笔杆形状的图像上,产生空间错位的视觉效果,如图4-2所示。这种特效字可以使文字与图像之间产生关联感,从而进一步增强文字的效果。

4-2  完成效果

技术提示

制作本例的文字嵌套效果,是使用绘制图层蒙版的方法,在文字的嵌套部分绘制蒙版,使其下面的图案显示出来,形成空间错位的文字效果。图4-3出示了该实例的制作流程图。

4-3  制作概览

制作步骤

1)启动Photoshop,执行“文件”\“新建”命令,打开“新建”对话框,参照图4-4所示设置对话框,创建一个名为“空间错位字体”的新文档。

4-4  设置“新建”对话框

2)在“图层”调板中新建“图层1”,打开本书附带光盘\Chapter-04\“笔刷.psd”文档,如图4-5所示。

4-5  附带光盘文件

3)确定“笔刷”文档为激活状态,在“图层”调板中,按下<Ctrl>键的同时单击“图层1”前的图层缩览图,将该图层中图像的选区载入。使用工具箱中的选框工具,将创建的选区拖动到“空间错位字体”文档中,如图4-6所示。

4-6  创建选区

4)设置前景色为天蓝色(R42G

113B229),使用前景色填充选区。然后向右移动选区,如图4-7所示。

4-7  填充颜色并移动选区

5)再对选区进行填充。按照此操作方法,制作出如图4-8所示的图像效果。

4-8  填充颜色

6)打开本书附带盘\Chapter-04\“花纹.psd”文件,如图4-9所示。

4-9  附带光盘文件

7)使用工具箱中的“移动”工具,将“花纹”文档中的花纹图像拖动到“空间错位字体”文档的上方,生成“图层2”,如图4-10所示。

4-10  添加花纹图像

8)在“图层”调板中,将“图层2”的混合模式设置为“叠加”,如图4-11所示。

4-11  设置图层混合模式

9)新建“图层3”,使用工具箱中的“钢笔”工具,绘制出如图4-12所示的路径。

4-12  绘制路径

10)将路径转换为选区后,填充为黑色。然后取消选区,为图像添加“投影”效果,如图4-13所示。

4-13  设置“投影”效果

11)新建“图层4”,使用工具箱中的“画笔”工具在视图中绘制斜线,如图4-14所示。

4-14  绘制斜线

12)接着使用工具箱中的“橡皮擦”工具,对绘制斜线进行修改,如图4-15所示。

4-15  修改图像

14)使用工具箱中的“横排文字”工具,在视图中创建红色(R255G0B0)文本,如图4-16所示。

4-16  创建文本

15)在“图层”调板中,将该文字图层的填充值设置为85%。然后双击该文字图层的空白处,打开“图层样式”对话框。参照图

4-17、图4-18所示设置对话框。

4-17  设置图层样式

4-18  设置图层样式

16)单击“图层”调板底部的“添加图层蒙版”按钮,为文字图层添加图层蒙版。设置前景色为黑色,使用工具箱中的“画笔”工具,在添加的蒙版上编辑,如图4-19所示将一部分图像隐藏。

4-19  编辑蒙版

17)在“图层”调板中,将“图层2”复制,创建“图层2 副本”。然后将该图层拖动到当前调板的最上方,并将该图层的混合模式设置为“正常”,接着调整该图层中图像的位置,如图4-20所示。

4-20  调整图像

18)将“图层2 副本”的不透明度设置为30%,然后对文字图层的图层样式里的混合选项进行设置,如图4-21所示。

4-21  设置混合选项

19)确定“图层2副本”为可编辑状态,然后按下<Ctrl+G>键,创建剪贴蒙版,效果如图4-22所示。

4-22  创建剪贴蒙版

20)按下<Ctrl+Shift+Alt>键的同时依次在“图层”调板中的文字图层的图层缩览图和图层蒙版缩览图上单击,得到如图4-23所示的选区。

4-23  创建选区

21)在“图层2 副本”为可编辑状态下,单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令,打开“色相/饱和度”对话框,如图4-24所示设置对话框。

4-24  设置“色相/饱和度”对话框

22)使用工具箱中的“横排文字”工具,在视图中创建出如图4-25所示的文字。

4-25  创建文本

23)然后为该文字添加“投影”和“描边”效果,如图4-26所示。

4-26  设置图层样式

24)最后在视图的下方添加一些文字信息,并对整个图像添加黑色描边效果,完成该实例的制作,如图4-27所示。在本书的附带光盘中有该实例的完成效果,读者可打开进行查看,其路径为:附带光盘\Chapter-04\“空间错位字体.psd”。

4-27  实例完成效果