当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 动态字体 > 扭曲变化字

扭曲变化字

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

该例制作的字效是使一组文字由一种扭曲形态,变化成另一种扭曲形态的动态效果。文字的扭曲变形效果,可在Photoshop中的“变形文字”对话框中设置,效果如图10-196所示。

10-196  完成效果

技术提示

本例在制作时,首先在Photoshop中设置完成文字最初的扭曲形态,然后将程序转换到ImageReady CS中,继续设置文字的另外两种扭曲形态,并设置相应的动画帧。最后在动画帧之间创建过滤帧,产生文字连续的扭曲变形动画。图10-197出示了该例的制作流程图。

10-197  制作概览

制作步骤

1.编辑静态文字

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

10-198  “新建”对话框

2)打开本书附带光盘\Chapter-10\文件夹中的“编织花纹.jpg”文件。使用“移动”工具,将花纹图案拖动到“扭曲变化字”文档中,生成“图层 1”,如图10-199所示。

10-199  复制编织花纹图案

3)执行“图层”\“图层样式”\“内阴影”命令,如图10-200所示,为“图层 1”添加“内阴影”、“渐变叠加”和“描边”效果。

10-200  设置图层样式

4)完成图层样式的设置后,选择工具箱中的“横排文字”工具,输入如图10-201所示的一组文字。

10-201  输入文字

5)然后单击工具选项栏中的“创建变形文本”按钮,如图10-202所示,设置文字的变形效果。

10-202  变形文字

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

7)执行“编辑”\“变换”\“垂直翻转”命令,将文字垂直翻转。

8)然后选择“横排文字”工具,在其工具选项栏中单击“创建变形文本”按钮,如图10-203所示,更改文字的变形效果。

提示:为方便观察文字变形的效果,在该图中已暂时将“FLUXION”文字图层隐藏。

10-203  更改文字的变形效果

9

)再使用工具箱中的“移动”工具,将翻转并变形后的文字移动到原“FLUXION”文字的下端,如图10-204所示。

10-204  移动文字位置

10)选择“编辑”\“自由变换”命令,然后向右拖动变换控制柄左侧中间的控制点,将文字稍微缩小,使两组文字的下端对齐,如图10-205所示。

10-205  变换文字

11)在“图层”调板中,单击“添加图层蒙版”按钮,为“FLUXION 副本”图层添加图层蒙版。

12)设置前景色为黑色,然后选择“画笔”工具,配合使用不同大小的柔角笔刷和不透明度设置,在翻转的文字上涂抹以绘制蒙版,将部分文字遮盖,如图10-206所示。

10-206  绘制蒙版

13)接下来使“FLUXION”文字图层成为可编辑图层。然后在“样式”调板中单击“带投影的蓝色凝胶”样式,将该样式应用到文字图层中,如图10-207所示。

10-207  应用预设样式

14)在“图层”调板中,拖动“FLUXION”文字图层中的“投影”样式到“删除图层”按钮上删除,如图10-208所示。

10-208  删除“投影”样式

15)然后双击“内阴影”效果,在打开的“图层样式”对话框中,如图10-209所示,更改“内阴影”、“内发光”、“斜面和浮雕”效果的部分参数。

10-209  更改图层样式

16)最后再设置两组装饰性的文字,完成静态文字的编辑,如图10-210所示。

10-210  完成效果

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

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

10-211  “动画”调板和第1帧动画

3)单击“动画”调板中的“复制当前帧”按钮,创建第2帧动画。然后在“图层”调板中,使“FLUXION”文字图层成为可编辑图层。

4)选择工具箱中的“文字”工具,在其工具

选项栏中单击“创建文字变形”按钮,在打开的“文字变形”对话框中,如图10-212所示,取消文字的变形效果。

10-212  设置“文字变形”对话框

5)使用同样的操作方法,再取消“FLUXION 副本”文字图层中文字的变形效果,完成第2帧动画的编辑,如图10-213所示。

10-213  编辑第2帧动画

6)在“动画”调板中单击“复制当前帧”按钮,创建第3帧动画。然后再更改“FLUXION”文字图层中文字的变形效果,如图10-214所示。

10-214  更改文字变形效果

7)接着再更改“FLUXION 副本”文字图层中文字的变形效果,完成第3帧动画的编辑,如图10-215所示。

10-215  编辑第3帧动画

8)在“动画”调板中单击第1帧动画,将该动画帧选中。接着单击调板底部的“过渡”按钮,在打开的对话框中,如图10-216所示进行设置,设置由第1帧动画到第2帧动画之间的过渡帧。

10-216  设置过渡帧

9)再在“动画”调板中单击第5帧动画,然后单击“过渡”按钮,如图10-217所示,设置第5帧动画与下一帧动画之间的过渡帧。

10-217  添加过渡帧

10)再选中第9帧动画,然后单击“过渡”按钮,如图10-218所示,设置第9帧动画与第1帧动画之间的过渡。

10-218  设置过渡帧

11)按下<Ctrl>键,同时在“动画”调板中,单击第112帧动画,将所有的动画帧同时选中。

12)然后单击其中任意一帧缩略图下方的空白处,在弹出的快捷菜单中选择“0.1秒”命令,将所有动画帧的延迟时间设置为0.1秒,如图10-219所示。

10-219  设置延迟时间

13)完成延迟时间的设置后,单击工具箱中的“预览文档”按钮或“在iexplore中预览”按钮

,可预览到文字的动画效果。

14)最后执行“文件”\“存储优化结果”命令,将文件存储为GIF格式文件。读者在制作过程中如遇到问题,可打开本书附带光盘\Chapter-10\文件夹中的“扭曲变化字.gif”文件进行查看。