扭曲变化字
- 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
)再使用工具箱中的“移动”工具
图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 设置“文字变形”对话框
(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>键,同时在“动画”调板中,单击第1~12帧动画,将所有的动画帧同时选中。
(12)然后单击其中任意一帧缩略图下方的空白处,在弹出的快捷菜单中选择“0.1秒”命令,将所有动画帧的延迟时间设置为0.1秒,如图10-219所示。
图10-219 设置延迟时间
(13)完成延迟时间的设置后,单击工具箱中的“预览文档”按钮或“在iexplore中预览”按钮
(14)最后执行“文件”\“存储优化结果”命令,将文件存储为GIF格式文件。读者在制作过程中如遇到问题,可打开本书附带光盘\Chapter-10\文件夹中的“扭曲变化字.gif”文件进行查看。