传统补间动画---案例

一、科目：Flash CS4动画设计师
二、教师：计算机中心－杨芳、万方
三、课 题：传统补间动画----案例30
四、课 型：视频课
五、教材分析：

通过案例30的学习让，进一步了解传统补间动的设置方法，以及传统补间

动画的属性设置及相关复选的设置。
六、教学目的：
掌握传统补间动画的设置
掌握传统补间动画的相关属性设置
七、教学重点：
传统补间动画的相关属性设置
八、教学难点：
传统补间动画的相关属性设置
九、教学设计思想：

借助上节课所讲解的基本知识点来进一步阐述传统补间动画的设置方法，
以及传统补间动画所能设置出的动画特效让其体现得淋漓尽致！
十、媒体设计思路：

投影仪、计算机、案例30
十一、教学流程：

1、传统补间动画的设置
2、“循环”属性设置
3、“旋转”属性设置
十二、新课引入：

前面的内容所学习的我们已经涉及到了传统补间动画的相关设置，在本节
课中我们继续学习传统补间动画的设置。
十三：教师活动（教学内容）：

【实例30】摆动模式指针表
“摆动的模拟指针表”动画播放后的2幅画面如图所示。可以看到，最左边
的彩珠玗模拟指针表摆起到原处后，撞击中间的彩珠环模拟指针表，右边的彩珠
环模拟表摆起，当该彩珠环模拟指针表回到原处后，又撞击左边的彩珠环模拟指
针表再摆起，周而复始，有断运动。彩珠环模拟指针表在摆动中还会变颜色。

该动画的制作方法：
（1）新建一个名称为“【实例30】摆动模拟指针表，fla”的Flash文档，设
置舞台工作区的宽为700像素， 高为320像素， 背景为黄色，打开“【实例30】
模拟指针表，fla”的Flash文档。切换到“【实例30】摆动模拟指针表fla”的Flash
文档，打开“库”面板，在其中框中选择“【实例13】模拟指针表fla”的Flash
选项，右击“库”面板内的“模拟制作表”影片剪辑元件，弹出其快捷菜单，单
击该快捷菜单内的“复制”命令，将影片剪辑元件复制到贴板内。
（2）在“库”面板内的下拉列表中选择“【实例30】摆动模拟指针表fla”的
Flash选项，右击“库”面板内的空白处，弹出其快捷菜单，单击 该快捷菜单内
的“粘贴”菜单命令，将剪切板内的“模拟指针表”影片剪辑元件粘贴到“库”
面板内。
（3）创建并进入“摆动模拟指针表”影片剪辑元件编辑状态。将“库”面板
内的“模拟指针表”影片剪辑元件拖动到舞台工作区内，调整其宽为148像素，
再绘制一条2pts、红色、长为160像素的垂直线，如图4-1-5所示。将其组成组
合，然后，回到主场景。

图4-1-5“模拟指针表”影片剪辑元件
（4）选中主场景“图层1”图层第1帧，利用“颜色”面板设置填充色为黄
色到白色再到金黄色线性渐变色，绘制一个无轮廊线的长条矩形，单击工具箱中
的“渐变变形工具”按钮，单击矩形内的填充，拖动填充的控制柄，改变填充，
作为横梁。如图4-1-6所示

图4-1-6 调整栋梁图形的填充
（5）将“库”面板中的“摆动模拟指针表”影片剪辑元件拖动到横梁图形下
边正中间处，形成一个“摆动模拟指针表”影片剪辑实例。在“图层1”图层之
上增加一个“图层2”图层选中“图层2”图层第1帧，将“库”面板中的“摆
动模拟指针表”影片剪辑元件拖动到“摆动模拟指针表”影片剪辑实例的左边。
形成一个实例对象。选中“图层1”图层第120帧，按【F5】键，使“图层1”
图层第1~120帧内容一样。
（6）使用工具箱内的“任意变形工具”选中左边的“摆动模拟指针表”影片
剪辑实例，拖动该影片剪辑实例的中心点标记，使其移到摆线的顶端，如图4-1-7
所示。

图4-1-7
（7）创建“图层2”图层第1~60帧动作动画，选中“图层2”图层第30帧，
按【F6】键，创建一个关键帧，保证该帧“摆动模拟指针表”影片剪辑实例的圆
形中心点标记移到单摆线的顶端，以确定单摆的旋转中心在旋转调整“摆动模拟
指针表”影片剪辑实例的位置，如图4-1-8所示。

图4-1-8
（8）选中“图层2”图层第30帧的“摆动模拟指针表”影片剪辑实例，在
其“属性”面板内的“样式”下拉表中选择“色调”选项，再调整色调为60%，
红色为160，调整“摆动模拟指针表”影片剪辑实例的颜色，从而实现摆动模拟
指针表变色摆动的动画。
（9）选中“图层2”图层第120帧，按【F5】键，右击“图层2”图层第60
帧，弹出帧快捷菜单，单击该快捷菜单中的“删除补间”菜单命令。使该帧不具
有动画属性。
（10）在“图层2”图层之上增加一个“图层3”图层。将“图层2”图层第
60帧的“摆动模拟指针表”影片剪辑实例复制并粘贴到“图层3”图层第1帧。
然后调整该影片剪辑实例位于右边。选中该图层的第61帧，按【F6】键，创建
一个关键帧。
（11）右击“图层3”图层中第61帧，按【F6】键，弹出帧快捷菜单命令，
单击该快捷菜单中的“创建传统补间”菜单命令，使图层中第61帧，弹出帧快
捷菜单命令的属性。选中“图层3”图层第120帧，按【F6】键，创建“图层3”
图层中第61~120帧的动作动画。
（12）选中“图层3”图层第90帧，按【F6】键，创建一个关键帧，将该帧
的“摆动模拟指针表”影片剪辑实例的圆形中心点标记移到单摆线的顶端，以确
定单摆的旋转中心，再旋转调整“摆动模拟指针表”影片剪辑实例到其位置。
然后，按照上述方法，选中“图层3”图层第90帧中的“摆动模拟指针表”影
片剪辑实例，在其“属性”面板内的“样式”下拉列表框中选中“色调”选项，
在调整色调为60%，蓝色为160，调整“摆动模拟指针表，影片剪辑实例的颜色
为蓝色。
至此，整个动画制作完毕，该动画的时间轴如图所示：
十四、学生活动（互动、提问）：
互动一： 如何调整对像的中心点标记？
互动二：如何设置“循环”和“旋转”？
十五、作业（测验）设计：

1、看样图完成下列程序：

该动画播放后，可以看到，画面中的3个模拟指针表围绕彩球转圈，3个模
拟指针表之间的夹角为120度，而且指针指示的钟点也都不一样。
2、习题1、2
十六、教学评价（反思）：

通过此节课复习上节课所讲到的基本知识点，让学生进一步掌握。并且大多

数学生现在已经能够独立完成此案例并合理的利用所学知识点完成课后习题。