利用动作补间动画制作的.docx

第3章制作简单动态演示课件
3.3利用动作补间动画制作课件
【学习目标】
掌握元件的概念，并学会灵活运用各类元件
理解动作补间动画并学会合理运用
学会制作美观实用的动作补间动画
初步理解ActionScript语法
【学习内容】
元件的概念
简单补间动作的生成
多图层补间动画的创作
影片剪辑的应用
按钮元件的应用
简单的ActionScript代码的添加
【学习重点】
元件的概念
多图层补间动作
按钮元件的应用
【学习难点】
影片剪辑元件的应用
按钮元件的应用
多图层动作补间动画的创作
【课时安排】
6课时（含操作）
【教学过程】
1．导入：
我们已经掌握了逐帧动画和形状补间动画的创作方法，Flash中动画的另一种重要形式就是动作补间动画。今天开始，我们将一起来学习利用动作补间动画制作课件的方法。
2．新课：
◎第一、二课时：
在制作动作补间动画时，主要是对元件进行操作。那什么是元件呢？元件是一种可以重复使用的对象，被存储在当前文件的库里，从库里拖入舞台的是元件的实例，实例其实就是元件在舞台上的一次使用，重复使用实例不会增加文件的大小。元件简化了文档的编辑，也完善了文档的交互性。
第3章制作简单动态演示课件
3.3利用动作补间动画制作课件
一、元件
※操作：演示实例——旋转的星
图-SEQ图_-\*ARABIC1
首先请看一个实例——“旋转的星”（运行效果如图-1所示）：一个星星渐渐出现，并伴随着旋转。在本例中，由暗到明、由小变大的星形就是一个图形元件的实例。现在，我们就通过本实例来学习有关元件及动作补间的概念及运用。
图-SEQ图_-\*ARABIC2
首先要做的事情是创建一个图形元件：单击“插入”菜单中的“新建元件”命令或者按键盘快捷键“Ctrl+F8”,创建一个新的元件。此时，弹出“创建新元件”对话框，如图-2所示，从对话中可以看出元件的类型可以分为影片剪辑元件、按钮元件和图形元件三大类。
三类元件的作用分别为：
影片剪辑元件是Flash影片中的一个动画片段；
按钮元件可以创建用于响应鼠标单击、滑过或其他动作的交互式按钮；
图形元件可用于静态图像，并可用来创建连接到主时间轴的可重复使用的动画片段。
为即将要创建的元件起个名字，当然起个见名知意的名字是非常重要的，然后根据需要选择合适的元件类型。我们即将完成的“旋转的星”案例中的星形只是一个图形，所以创建图形元件即可。现在，我们就创建一个名为“星形”的图形元件，单击“确定”进入元件编辑界面，运用“多角星形工具”绘制一个五角星。
图-SEQ图_-\*ARABIC3
元件编辑好后，单击时间轴上的“场景1”按钮返回主场景。创建好的元件都会自动在“库”面板中显示。面板结构如图-3所示。
图-SEQ图_-\*ARABIC4
现在，我们就运用“星形”元件的一个实例在创建一个旋转的星形动画。从库面板中选择“星形”元件并拖动的舞台上，创建一个实例，调整位置和大小，然后在第60帧处插入一个关键帧，再次调整该位置星形实例的大小和位置。准备工作完成，下面就是动画的实现了。在第1帧至59帧之间的任意位置右击鼠标，选择“创建补间动画”命令，创建动作补间，如图-4所示。测试就得到一个由小到大变化的星形动画，如何让该动画由暗到明变化呢？这就需要用到“Alpha”属性了。在第一个关键帧选择对象，这时属性面板为“实例：星形”的属性（如图-5所示），在“颜色”下拉列表框“Alpha”，并将其值设置为0%，这时候舞台中的元件实例就变成完全透明的了，而由于最后一个关键帧的图形仍然是清晰的，因此就实现了由暗到明的变化过程。

图-SEQ图_-\*ARABIC5
【注意】把元件从库面板中拖到舞台上，就创建了该元件一个实例，而同一元件的不同实例具有独立的属性，如色调、透明度、亮度、大小等，改变这些属性并不会影响元件和此元件的其他实例，但修改元件时，会对这个元件的所有实例产生影响。
那星形的旋转又是如何实现的呢？这就要提到补间属性的设置了。选择补间帧，属性面板转换为帧属性，我们可以看到动作补间属性面板如图-6所示。其中缓动与前面的形状补间的作用相同，起到调节动画变化速率的作用。旋转选项就是用来控制动画运行时旋转方向和资料的。我们想让星形旋转出现，就要设置旋转选项。在本例中，将旋转设置为顺时针1周。

图-SEQ图_-\*ARABIC6
现在，我们旋转的星的动画就全部完成了，可以测试影片看一下运行效果了。
※学生操作完成本案例，教师巡视辅导
刚才我们完成了一颗星星的运动，那如何完成多颗星星的运动呢？有同学说，我们在两个关键帧处多添加几个星形元件的实例不就可以了吗？现在我们试试是否可以？拖动一个元件实例到第一个关键帧，调整大小和位置，这时候我们注意一下时间轴的变化，原来的带箭头实线现在变成