《Flash CS3动画制作》制作文字动画（模块八）

模块八制作文字动画主讲老师：***FlashCS3动画制作任务实训教程学习目标熟悉几种常见文字效果的制作方法熟练掌握火焰字的制作方法熟练掌握滤光字的制作方法熟练掌握倒影字的制作方法熟练掌握霓虹灯字的制作方法熟练掌握打字效果的制作方法任务一

常见文字效果制作任务目标利用简单的知识制作最为常见的几种文字效果。通过本实例了解并掌握制作空心字、彩色字和立体字的方法与技巧，完成后的最终效果如图所示。常见文字效果操作一

制作空心字（1）新建一大小为300×200像素，背景颜色为白色，帧频为12fps名为“空心字”的Flash文档。（2）在工具箱中单击按钮选择文本工具，在“属性”面板中对文本的字体、颜色和大小等进行如图8-2所示设置。设置字体操作一

制作空心字（3）在场景中输入“空心字”文本，得到如图所示效果。（4）选中“空心字”，连续两次按“Ctrl+B”键，将文本打散，效果如图所示。

输入空心字打散的空心字效果操作一

制作空心字（5）在工具箱中单击按钮选择墨水瓶工具，在“属性”面板中对墨水瓶工具进行如图所示设置。设置墨水瓶工具操作一

制作空心字（6）在场景中对文字进行描边处理，得到如图所示效果。（7）在工具箱中单击按钮选中选择工具，将空心字红色的填充色部分删除，即可得到如图所示效果。（8）按“Ctrl+S”键保存该动画。

对空心字描边空心字效果操作二

制作彩色字（1）新建一大小为350×200像素，背景颜色为白色，帧频为12fps名为“彩色字”的Flash文档。（2）在工具箱中单击按钮选择文本工具，在“属性”面板中对文本的字体、颜色、大小等进行如图所示设置。设置字体操作二

制作彩色字（3）在场景中央输入如图8-9所示文本。（4）选中“彩色字”，连续两次按“Ctrl+B”键，将文本打散。（5）在工具箱中单击按钮选择颜料桶工具，在“属性”面板中单击“填充颜色”按钮，在弹出的如图8-10所示列表框中选择最下方的彩色。选择颜色

输入文本选择颜色操作二

制作彩色字（6）在右侧的如图所示“颜色”面板中对颜色进行更为细致的处理。（7）使用颜料桶工具在文本中对颜色进行填充即可得到如图所示效果。（8）按“Ctrl+S”键保存该动画。

“颜色”面板彩色字效果操作三

制作立体字（1）新建一大小为300×200像素，背景颜色为白色，帧频为12fps名为“立体字”的Flash文档。（2）在工具箱中单击按钮选择文本工具，在“属性”面板中对文本的字体、颜色、大小等进行如图所示设置。设置字体操作三

制作立体字（3）在场景中输入如图所示“LT”文本。（4）使用制作空心字的方法制作出该文本的空心字效果，得到如图所示效果。

输入文本得到空心字效果操作三

制作立体字（5）将空心字复制一个，并按照如图8-16所示进行放置。（6）在工具箱中单击按钮选择线条工具，在“属性”面板中选择笔触颜色为黑色，笔触大小为1的实线，将复制得到的部分连接起来。得到如图所示效果。

复制空心字连接空心字线段操作三

制作立体字（7）使用选择工具将字体中多余的线条删除，得到如图所示效果。（8）按“Ctrl+S”键保存该动画。删除多余线段得到立体字任务二

文字特效动画制作任务目标学习常见文字特效动画的制作方法。具体目标要求如下：（1）掌握使用遮罩层制作火焰字的方法与技巧。（2）掌握使用动作补间动画与遮罩层相结合制作滤光字的方法与技。（3）掌握使用脚本语句制作倒影文字的方法与技巧。（4）掌握使用脚本语句制作霓虹灯字的方法与技巧。（5）掌握使用脚本语句制作打字效果的方法与技巧。操作一

制作火焰字运用影片剪辑元件和遮罩层的相关知识制作如图所示火焰字动画。火焰字效果操作一

制作火焰字（1）新建一大小为550×400像素，背景颜色为黑色，帧频为30fps名为“火焰字”的Flash文档。（2）选择【插入】→【新建元件】菜单命令，在打开的如图所示“创建新元件”对话框创建一个“火焰”影片剪辑元件。创建“火焰”影片剪辑元件操作一

制作火焰字（3）选择【文件】→【导入】→【导入到舞台】菜单命令，在打开的如图所示“导入”对话框中选择火焰0001文件，单击“打开”按钮。导入图片到舞台操作一

制作火焰字（4）在系统打开的如图所示提示对话框中，单击“是”按钮即可将序列中所有的图片导入到“火焰”影片剪辑元件场景中，此时将自动呈现火焰燃烧的逐帧动画，效果如图所示。

系统提示信息导入的逐帧动画效果操作一

制作火焰字（5）单击“场景1”按钮，返回主场景，将图层1命名为“火焰”。拖动3次“火焰”影片剪辑元件到场景中，将其放置到如图所示的不同位置。（6）分别选中场景中的3个影片剪辑，在“属性”面板的“混合”下拉列表框选择“萤幕”选项，得到如图所示效果。放置影片剪辑元件设置影片剪辑的混合模式操作一

制作火焰字（7）新建“文字”图层，选择文本工具，在“属性”面板中对文本进行如图所示设置。设置文字属性操作一

制作火焰字（8）在场景中如图所示位置输入图中所示的文字。（9）在“文字”图层单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令，即可将该图层转换为遮罩层，如图所示。（10）至此即完成本动画的制作，按“Ctrl+Enter”键即可预览到创建的如图所示火焰字效果。

输入文字时间轴状态操作二

制作滤光字运用动作补间动画和遮罩层的相关知识制作如图所示滤光字动画。滤光字效果操作二

制作滤光字（1）新建一大小为400×200像素，背景颜色为黑色，帧频为18fps名为“滤光字”的Flash文档。（2）选择【插入】→【新建元件】菜单命令，打开“创建新元件”对话框创建一个“文字”图形元件，如图所示。新建“文字”图形元件操作二

制作滤光字（3）在工具箱中单击按钮选择文本工具，在“属性”面板中对文本的字体、颜色和大小等进行如图所示设置。设置文字属性操作二

制作滤光字（4）在图形元件“文字”的场景中输入“滤光效果”文本，如图所示。（5）新建“图层2”。选中“图层1”中的“文字”元件按“Ctrl+C”键，然后在图层2中按“Shift+Ctrl+V”键把该元件原位复制到“图层2”中。（6）选中“图层2”中的“文字”元件，按小键盘的方向键将其向左和向下各移动2个像素，使文字产生立体感。输入文字操作二

制作滤光字（7）选中“图层2”中的“文字”元件，按两次“Ctrl+B”键将其打散。（8）选择颜料桶工具，按“Shift+F9”键打开“颜色”面板并进行如图所示设置。在“混色器”下拉菜单中选择“线型渐变”。其中3个滑块的颜色分别为#FEA030、#FAC16D和#F4F4F4；Alpha值均100%。设置文字渐变色操作二

制作滤光字（9）使用颜料桶工具在打散的文字上单击为其上色，得到如图所示效果。（10）选择工具箱中的渐变变形工具，然后用鼠标左键单击“效”字的正面，并拖动白色空心小圆圈（旋转渐变控制点）旋转文字的渐变色。再拖动白色空心小方块（移动渐变控制点）进行调节。为文本上色操作二

制作滤光字（11）创建一个“滤光”图形元件。单击“工具”面板中的矩形工具，然后在该元件的场景按住鼠标左键拉出一个矩形。在属性面板中设置这个矩形的宽和高为80px和200px。（12）按“Shift+F9”键，在打开的“颜色”面板中进行如图所示设置。在“类型”下拉列表框中选择“线性”选项。3个滑块的颜色均为白色，Alpha值分别为0%、100%和0%。（13）设置完成后，用颜料桶工具在矩形上单击，可得到如图所示效果。

设置矩形的渐变色绘制矩形并填充渐变色操作二

制作滤光字（14）复制出一个矩形框，得到如图所示效果。（15）返回主场景。将“图层1”重命名为“文字”图层，在“库”面板中将“文字”元件拖到“图层1”的场景中。在第30帧处插入帧。（16）新建“滤光”图层，从“库”面板中把“滤光”元件拖拽到该层中。复制矩形操作二

制作滤光字（17）新建“遮罩”图层，把“文字”图层中的“文字”元件原位复制到该层中。（18）按住“Ctrl”键，然后用鼠标左键点选“文字”和“遮罩”层第30帧，并按F5键插入帧。再选中的第30帧，然后按“F6”键插入关键帧。（19）选中“滤光”层中的“滤光”元件。然后按“Ctrl+T”键打开“变形”面板，设置元件的倾斜度为30度，如图所示，得到如图所示效果。“变形”面板变形元件后的效果操作二

制作滤光字（20）用鼠标右键单击“滤光”层的第1帧，在弹出快捷菜单中选择“创建补间动画”命令。把第30帧的“滤光”元件向右下方移动，得到如图所示效果。（21）用鼠标右键单击“遮罩”层，在弹出的快捷菜单中选择“遮罩”命令，将其转换为遮罩层。移动元件操作二

制作滤光字（22）至此即完成本动画的制作，其时间轴状态如图所示，按“Ctrl+Enter”键即可预览滤光字效果。时间轴状态操作三

制作倒影文字运用脚本的相关知识制作如图所示倒影文字效果。倒影文字效果操作三

制作倒影文字（1）新建一大小为630×430像素，背景颜色为黑色，帧频为30ps名为“打字效果”的Flash文档。（2）选择【文件】→【导入】→【导入到库】菜单命令，将“水面.jpg”图片素材导入到库中。（3）选择【插入】→【新建元件】菜单命令，打开“创建新元件”对话框创建一个“元件1”影片剪辑元件。（4）选择矩形工具，在该影片剪辑元件的场景中绘制宽和高、颜色、效果如图所示。

矩形大小设置设置矩形渐变色绘制的矩形效果操作三

制作倒影文字（5）将图层1命名为“水面”。将“库”面板中的“水面.jpg”拖动到场景中，调整其大小，放置到如图所示位置。放置背景图片操作三

制作倒影文字（6）新建“文字”图层，选择文本工具，在“属性”面板中对文字进行如图所示设置。设置文本属性操作三

制作倒影文字（7）然后在场景中如图所示位置输入文字“倒影文字效果”文本。输入文本操作三

制作倒影文字（8）选中刚输入的文字，选择【修改】→【转换为元件】菜单命令，打开“转换为元件”对话框，在该对话框“类型”中选中“影片剪辑”单选按钮，单击“确定”按钮。将文字转换为影片剪辑元件。（9）选择转换为影片剪辑元件的文字，复制该元件，并使用任意变形工具对其进行垂直翻转，得到如图所示效果。复制并翻转文本操作三

制作倒影文字（10）选择翻转的影片剪辑元件，在打开的“属性”面板中将其进行命名，并选中“使用运行时位图缓存”复选框，如图所示。设置影片剪辑元件操作三

制作倒影文字（11）新建“渐变板”图层，将“库”面板中的“元件1”影片剪辑元件拖到到如图所示位置。放置图形元件操作三

制作倒影文字（12）新建“as”图层，按“F9”键，在打开的面板中输入如图所示脚本。输入脚本操作三

制作倒影文字（13）至此即完成本动画的制作，其时间轴状态如图所示，按“Ctrl+Enter”键即可预览倒影文字效果。时间轴状态操作四

制作霓虹灯字运用脚本相关知识制作如图所示霓虹灯字动画霓虹灯字效果操作四

制作霓虹灯字（1）新建一大小为400×200像素，背景颜色为黑色，帧频为30ps名为“霓虹灯字”的Flash文档。（2）将图层1命名为“文字”图层。选择工具箱中的文本工具，在“属性”面板中对文字属性进行如图所示设置。（3）在场景左侧输入“霓虹灯字”文本，按一次“Ctrl+B”键对文字进行打散处理。设置字体样式属性操作四

制作霓虹灯字（4）使用选择工具选中“霓”字，选择【修改】→【转换为元件】菜单命令，打开如图所示的“转换为元件”对话框，在该对话框中选中“影片剪辑”单选按钮，单击“确定”按钮。“转换为元件”对话框操作四

制作霓虹灯字（5）在“属性”面板中将该影片剪辑元件命名为“z1”。（6）用相同的方法分别将“虹”、“灯”和“字”文本转换为影片剪辑元件，并将其分别命名为“z2”、“z3”和“z4”。（7）新建“as”图层，按“F9”键，在打开的“动作-帧”面板中输入脚本。（8）至此即完成了本动画的制作，按“Ctrl+Enter”键即可预览创建的霓虹灯字效果。操作五

制作打字效果运用脚本的相关知识制作如图所示打字效果动画。打字效果操作五

制作打字效果（1）新建大小为550×400像素，背景颜色为白色，帧频为30ps名为“打字效果”的Flash文档。（2）选择【文件】→【导入】→【导入到库】菜单命令，将“屏幕.jpg”图片素材导入到库中。（3）将图层1命名为“屏幕”图层。将“库”面板中的“屏幕.jpg”拖动到场景中，调整其大小，放置到如图所示位置。设置背景操作五

制作打字效果（4）新建“文本”图层，使用文本工具拖动出与背景图片中显示器屏幕大小相同的文本框，如图所示。绘制文本框操作五

制作打字效果（5）选中该文本框，将其设置为动态文本，并将其命名为“dt”，并对字体样式、字号和字体颜色等进行如图所示设置。（6）新建“as”图层，按“F9”键，在打开的“动作-帧”面