当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 动态字体 > 使用蒙版制作文字的变化

使用蒙版制作文字的变化

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

该实例是通过创建剪贴蒙版的方法,编辑文字和图像的动画效果。创建剪贴蒙版可以使用图层的内容来蒙盖它上面的图层,上面的图层将只通过底部图层上的形状显示。图10-252出示了该例的制作流程。

10-252  完成效果

技术提示

本实例在制作过程中应用了“浮雕效果”滤镜、“高斯模糊”滤镜和“径向模糊”滤镜,以创建图像的特殊效果。剪贴蒙版的创建可通过执行“创建剪贴蒙版”命令来完成,图10-253出示了该例的制作流程。

10-253  制作概览

制作步骤

1.在Photoshop中组织画面

・创建剪贴蒙版

1)启动Photoshop,执行菜单栏中的“文件”\“新建”命令,如图10-254所示,设置“新建”对话框,创建一个新文档。

10-254  设置“新建”对话框

2)打开本书附带光盘\Chapter-10文件夹中的“游戏.jpg”文件。使用“移动”工具,将游戏图片拖动到“使用蒙版制作文字的变化”文档中,生成“图层 1”,如图10-255所示。

10-255  复制游戏图片

3)在“图层”调板中,拖动“图层 1”到“创建新的图层”按钮处复制,创建“图层 1 副本”。

4)执行“滤镜”\“风格化”\“浮雕效果”命令,制作浮雕图像,如图10-256所示。

10-256  设置“浮雕效果”对话框

5)在“图层”调板中,设置“图层 1 副本”的“混合模式”为“叠加”,这时的图像将更清晰、立体感更强,如图10-257所示。

10-257  更改图层混合模式

6)然后按下<Ctrl+E>键,将“图层 1 副本”向下合并到“图层 1”中。

7)再次将合并后的“图层 1”复制,创建“图层 1 副本”。执行“图像”\“调整”\“色相/饱和度”命令,为“图层 1 副本”中的图像着色,如图10-258所示。

10-258  设置“色相/饱和度”对话框

8)再执行“滤镜”\“模糊”\“高斯模糊”命令,将图像模糊,如图10-259所示。

10-259  执行“高斯模糊”命令

9)选择工具箱中的“椭圆选框”工具

,在工具选项栏中设置“羽化”为10像素,然后按下<Shift>键,同时拖动鼠标,绘制如图10-260所示的正圆形选区。

10-260  绘制椭圆形选区

10)新建“图层 2”。设置前景色为黑色,按下<Alt+Delete>键,用黑色填充选区,如图10-261所示,之后取消选区。

10-261  填充选区

11)在“图层”调板中,将“图层 1”拖动到“图层 2”的上方,调整图层顺序。然后执行“图层”\“创建剪贴蒙版”命令,创建剪贴蒙版,如图10-262所示。

10-262  创建剪贴蒙版

12)选择工具箱中的“横排文字”工具,输入如图10-263所示的一组白色文字。然后执行“图层”\“图层样式”\“投影”命令,为文字添加“投影”和“描边”效果。

10-263  设置文字

13)接着在“横排文字”工具的工具选项栏中,单击“创建变形文本”按钮,如图10-264所示,设置文字的变形效果。

10-264  设置文字的变形效果

14)然后按下<Ctrl+G>键,将“DON’T CRY”文字图层也加入到剪贴蒙版中。

15)将“DON’T CRY”文字图层隐藏。参照上面设置文字的方法,再编辑如图10-265所示的一组文字,并将该文字图层也加入到剪贴蒙版中。

10-265  编辑文字

16)在“图层”调板中新建“图层 3”。然后按下<Ctrl>键,同时单击“图层 2”,将“图层 2”的选区载入。

17)确定“图层 3”为可编辑图层。执行“编辑”\“描边”命令,如图10-266所示设置对话框,为选区描上白色的边线。然后取消选区。

10-266  描边选区

18)再执行“图层”\“图层样式”\“斜面和浮雕”命令,如图10-267所示,为白色边线添加“斜面和浮雕”效果。

10-267  设置“斜面和浮雕”效果

19)在“图层”调板中,将“图层 3”与“图层 2”建立链接。然后将“图层 1”复制,创建“图层 1 副本 2”,并将“

图层 1 副本 2”拖动到调板的最顶层,如图10-268所示。

10-268  “图层”调板

20)选择工具箱中的“矩形选框”工具,创建如图10-269所示的矩形选区。

10-269  创建选区

21)按下<Ctrl+C>键,将选区内的图像复制;再按下<Ctrl+V>键,将复制的图像粘贴到新图层中,即“图层 4”。

22)执行“编辑”\“自由变换”命令,将粘贴的图像放大至满画布显示,如图10-270所示。

10-270  变换图像

23)再执行“滤镜”\“模糊”\“径向模糊”命令,将图像模糊,如图10-271所示。

10-271  “径向模糊”对话框

24)再按下<Ctrl+F>键,重复执行一次“径向模糊”滤镜,直到生成满意的模糊效果,如图10-272所示。

10-272  再次模糊图像

25

)新建“图层 5”,参照上面绘制黑色椭圆形的方法,再绘制如图10-273所示的黑色椭圆形。

10-273  绘制椭圆形

26)在“图层”调板中,拖动“图层 4”到调板的最顶层,调整图层顺序。确定“图层 4”为可编辑图层,然后按下<Ctrl+G>键,创建剪贴蒙版,如图10-274所示。

10-274  创建剪贴蒙版

27)将“图层 3”复制,创建“图层 3 副本”,并将“图层 3 副本”拖动到“图层”调板的最顶层。然后执行“自由变换”命令,放大副本中的边线图像,如图10-275所示。

10-275  放大边线图像

・编辑文字

1)接下来再将“图层 1 副本 2”拖动到“图层”调板的最顶层,调整图层顺序。

2)选择工具箱中的“横排文字”工具,在画面的右下角输入如图10-276所示的一组文字。

10-276  输入文字

3)然后执行“图层”\“图层样式”\“斜面和浮雕”命令,为文字添加“斜面和浮雕”、“渐变叠加”和“描边”效果,如图10-277

所示。

10-277  添加图层样式效果

4)新建“图层 6”,再综合使用路径等绘图工具,在文字的空隙处,绘制如图10-278所示的头骨图像。

10-278  绘制图像

5)按下<Ctrl+Shift>键,同时在“图层”调板中,依次单击“NEIGHB URS FROM HELL”文字图层和头骨图像所在的图层,将其选区载入,如图10-279所示。

10-279  载入选区

6)执行“选择”\“修改”\“扩展”命令,扩展选区,如图10-280所示。

10-280  扩展选区

7)新建“图层 7”,再将“图层 7”放置到“NEIGHB URS FROM HELL”文字图层的下方,调整图层顺序。

8)使用白色前景色填充选区,然后取消选区。接着为填充后的图像添加“投影”和“描边”效果,如图10-281所示。

10-281  填充选区并编辑图像

9)最后再设置如图10-282所示的两组文字效果,完成该实例在Photoshop中的编辑。

10-282  编辑文字

10)参照图10-283所示,在“图层”调板中调整图层的显示或隐藏,为接下来编辑动画效果做准备。

10-283  设置图层的可视性

 

1)单击Photoshop工具箱中的“在ImageReady中编辑”按钮,将程序转换到ImageReady CS中,当前的文件也会被直接传送到ImageReady CS中进行编辑。

2)执行“窗口”\“动画”命令,打开“动画”调板,当前视图中的图像将成为翻转动画的第1帧,如图10-284所示。

10-284  1帧动画

3)单击“动画”调板中的“复制当前帧”按钮,创建第2帧。然后在“图层”调板中调整图层的显示或隐藏,编辑第2帧动画,如图10-285所示。

10-285  编辑第2帧动画

4)再创建第3帧。在“图层”调板中,使“图层 2”成为可编辑图层。

5)使用工具箱中的“移动”工具

,将蒙版和与其链接着的“图层 3”中的白色边线,一起移动到如图10-286所示的位置,完成第3帧动画的设置。

10-286  设置第3帧动画

6)参照上面设置动画帧的方法,继续设置第47帧动画,如图10-287所示。

10-287  设置第47帧动画

7)在“动画”调板中确定第7帧动画处于选中状态。然后单击调板底部的“过渡”按钮,如图10-288所示,设置第6帧与第7帧动画之间的过渡帧。

提示:在插入3个过渡帧之后,当前调板中的动画帧增加为10个。

10-288  设置过渡帧

8)接着在第10帧之后,继续设置第1113帧动画,如图10-289所示。

10-289  设置第1113帧动画

9)然后在第12帧与第13帧动画之间插入3

个过渡帧,如图10-290所示。

10-290  插入过渡帧

10)继续在第16帧之后,设置第1718帧动画,如图10-291所示。第18帧动画的设置,除了隐藏图层外,还需要使用“移动”工具,移动文字的位置。

10-291  设置第1718帧动画

11)然后在“动画”调板中,向右拖动第17帧动画到第18帧的后面,调换动画帧的位置,如图10-292所示。

10-292  调换动画帧的位置

12)接着再设置第17帧和第18帧之间的过渡帧,如图10-293所示。

10-293  添加过渡帧

13)接下来设置动画帧的延迟时间。在“动画”调板中,将第16帧和第17帧动画同时选中,然后将这些动画帧的延迟时间设置为0.5秒,如图10-294所示。

10-294  设置延迟时间

14)继续设置第1116帧的延迟时间为0.2秒;第1822帧的延迟时间为0.1秒;第23帧的延迟时间为5秒;而第710帧的延迟时间不变。

15)最后执行“文件”\“存储优化结果”命令,将文件存储为GIF格式文件,完成该实例的制作。

读者在制作过程中如遇到问题,可打开本书附带光盘\Chapter-10文件夹中的“使用蒙版制作文字的变化.gif”文件进行查看。

 << 上一页  [11]