翻转动画Flash制作详解

翻转动画——世界名画欣赏

旋转、缩放、移动是课件中常用的动画方式，包括文字、图像、图形等对象的动作动画。而翻转则是让动画对象以一个轴作翻转的过程，如书的翻页，文字的翻转等。

一、运行结果

运行该动画，一幅幅外国名画沿着它的一条边自右向左翻转，向学生展示其风貌，如图1所示。

图1

二、知识要点

本例表现的是一种书页翻动的效果：翻动前，图像按所在层进行上下排列，上层的图像在上面，下层的图像在下面；翻动到左侧后下面一层的图像将遮挡上层的图像。

三、操作步骤

1．设置文件属性及视图

(1)执行“开始”—“Macromedia”—“Macromedia Flash MX 2004”命令，启动程

序，并创建一个新Flash文档。

(2)选择“修改”→“文档”命令，在文档属性对话框中，按图2所示进行设置，背

景选择青色。以上参数也可以在属性面板中修改。

#669999

图2

(3)选择“视图”→“标尺”命令，在窗口中显示标尺。

(4)将鼠标放在左侧纵向标尺上，按住鼠标向右拖动，产生一条竖向的参考线，并拖

动到编辑区的中央，标尺为350的位置。

2．输入文字

(1)选择“绘图”工具栏上的“文字”工具，设置文字为：字体（华文行楷）、

加粗、字号（55）、文字颜色（金黄色），在编辑区中输入文字“世界名画欣赏”。

(2)用鼠标拖动文本框右上角的调整点，向左移动，使文字变成竖排，并将其放在适

当的位置，如图3所示。

图3

3．制作文字动画

(1)在图层1的20帧单击鼠标右键，在快捷菜单中选择“插入关键帧”命令，插入

一个关键帧。

(2)选中图层1的第1帧，选择工具面板中的“任意变形工具”，将图层1中的

文字旋转180度角，并缩小。

(3)选中图层1的第1帧，在属性面板中，选择“补间”下拉列表中的“动作”，并

保持右边“缩放”选项已被选中，如图4所示。按下回车键可观看动画效果。

图4

4．制作第一页的翻页动画

(1)单击“时间轴”面板上的新建图层按钮，新建图层2。

(2)选中图层2的第1帧，执行“文件”→“导入”→“导入到舞台”命令，打开“导

入”对话框，选择素材中要导入的“外国名画1”图像文件，点击打开按钮，当出现对话框询问“此文件看起来是图像序列的组成部分，是否导入序列中的所有图像？”时，选择“否”，将指定的图像导入编辑区。如图5所示。

图 5

(3)选择工具箱中的“选择工具”，将图像移动到舞台的右边，并将左边与参考

线对齐。

(4)选择工具箱中的“任意变形工具”，在图像的中央出现一个空心圆形，它便

是图形的中心点。

(5)用鼠标拖动圆形中心点，将其施动至图像的左边沿（注：本步操作的目的是为了

在让图像翻页旋转时，能以该点为中心轴旋转）。如图6所示。

图6

(6)分别在图层2的第20帧和40帧上单击鼠标右键，在快捷菜单中选择“插入关键

帧”命令。

(7)选中图层2的第40帧，执行“修改”—“变形”—“水平翻转”命令，将图像

翻转到左面，如图7所示。

图7

(8)选中图层2的第20帧，在属性面板中，选择“补间”下拉列表中的“动作”。按

下回车键可观看翻页动画效果。

(9)可以看到，图像翻页时，左面的文字消失了，原因是图层1的画面没有在21~40

帧显示。在图层1的第40帧上，单击鼠标右键，选择“插入帧”命令，填补文字帧画面到40帧，按下回车键可观看翻页动画效果。

5．制作第二页的翻页动画

(1)选中图层1为当前图层，单击“时间轴”面板上的新建图层按钮，新建图层

3。

(2)选中图层3的第1帧，执行“文件”—“导入”—“导入到舞台”命令，打开

“导入”对话框，选择素材中要导入的“外国名画2”图像文件，点击打开按钮，当出现对话框询问“此文件看起来是图像序列的组成部分，是否导入序列中的所有图像？”时，选择“否”，将指定的图像导入编辑区。如图8所示。

图8

(3)选择工具箱中的“选择工具”，将图像移动到舞台的右边，并将左边与参考

线对齐。

(4)选择工具箱中的“任意变形工具”，在图像的中央出现一个空心圆形，用鼠

标拖动圆形中心点，将其施动至图像的左边沿。请参看图6所示。

(5)分别在图层3的第40帧和60帧上单击鼠标右键，在快捷菜单中选择“插入关键

帧”命令。

(6)选中图层3的第60帧，执行“修改”—“变形”—“水平翻转”命令，将图像

翻转到左面。

(7)选中图层3的第40帧，在属性面板中，选择“补间”下拉列表中的“动作”。按

下回车键可观看翻页动画效果。

(8)可以看到，图像翻页时，左面的图像消失了，原因是图层2的画面没有在41~60

帧显示。但是，我们不能在图层2上延续帧画面，因为图层2在图层3之上，它

会将图层3的画面覆盖住。解决的办法是：将图层2的画面在图层1上显示并延

续。

(9)鼠标单击选中图层2的第40帧，选择“复制帧”命令，然后，鼠标单击选中图

层1的第40帧，选择“粘贴帧”命令。

(10)在图层1的第60帧上，单击鼠标右键，选择“插入帧”命令，按下回车键可观

看翻页动画效果。

6．制作第三、四页的翻页动画

请参考制作第二页的翻页动画过程，制作其余两页的翻页动画。最后，按Ctrl+Enter

在测试窗口中观察动画运行效果。

7.保存文件

单击“文件”—“保存”或“另存为”命令，打开图9所示保存文件窗口，选择保存位置，输入保存的文件名为“翻转动画”，保存的类型为“Flash MX 2004文档(*.fla)”，单击“保存”按钮，即完成Flash文档文件保存。（注：在制作过程中应该养成随时存盘的习惯。）

图9

8.导出Flash动画影片

选择“文件”—“导出”—“导出影片”命令，将其保存为.swf 动画文件。如图10所示