第二章Flash动画制作初步

第二章Flash动画制作初步

第5节制作引导线动画

教学对象：高中一年级

教学课时： 2课时

教学目标：

（一）知识目标

1、理解创建引导线动画的基本原理

2、掌握创建引导线动画的方法和一些应用技巧

3、培养学生的观察力和想象力，能够举一反三运用所学知识制作相应的动画作品。

（二）能力目标

通过动画的制作，培养学生的观察力、动手操作能力、综合运用能力。

（三）情感目标

培养学生浓厚的学习兴趣，引导学生探索性自主学习，培养学生创新精神及能力

教学重点：1、引导线动画原理

2、引导线动画的制作步骤

教学难点：引导线动画的应用技巧

教学方法：启发式教学；演练结合；以学生为主体的行为引导教学法

教学准备：多媒体网络教室、投影仪、Flash8.0

教学过程：

一、复习旧课，导入新课

【复习旧课】

同学们，我们已经学习了一些动画效果的制作，比如“小球跳动”、“舞台灯光效果”等。不知大家注意到没有，这些动画的运动轨迹都是直线。

教师活动：使用投影仪在大屏幕上展示动画，引导学生回顾所学。

学生活动：观看动画，思考。

【导入新课】

展示另一个动画：“写字”，提问：笔尖的运动轨迹与前面做的动画有什么不同？学生观察，得出结论：笔尖写字做曲线运动。在Flash中如何做出像这样的曲线运动效果呢？这就是我们这一节课要介绍的引导线动画。使用引导线做的动画，它的运动轨迹可以是一条曲线。这样，我们就可以创建更丰富更生动的动画效果了。

教师活动：继续在大屏幕上展示动画，提问。

学生活动：观看动画，回答问题。

设计思路：通过把这次课要学习的动画与前面学过的动画做比较，吸引学生的注意力，激发学生学习新知识的兴趣。

二、讲授新课

我们首先来了解引导线动画的制作原理：

（一）引导线动画的制作原理

将一个或多个图层链接到一个运动引导层，使一个或多个对象沿同一条路径运动，这种动画形式就叫“引导线动画”。它可以使一个或多个元件完成曲线运动或不规则运动。

一个最基本的引导线动画由两个图层组成：上面一层称为“引导层”，它的图层图标为。下面一层称为“被引导层”，图层图标与普通图标一样为。在普通图层上面创建引导层后，普通图层就会缩进成为被引导层。

引导层用来放置引导线。引导线也就是元件的运动路径，可以使用铅笔、线条、椭圆和画笔等绘图工具进行绘制。

被引导层用来放置被引导的元件，当创建运动动画后，元件就会沿着引导线运动起来。

教师活动：讲授新知识。

学生活动：听讲。

下面，我们通过一个简单的实例具体学习如何制作引导线动画。

【演示】制作沿着曲线运动的小球动画

1．新建影片，设置影片的高度和宽度值，将图层1重命名为ball层。如下图：

2．在ball层的第1帧画一个小球，（提问）怎么把它转换为元件？（学生答）按F8将小球转换为一个图形元件。将它命名为“小球”。

3．在图层面板中单击“添加引导层”按钮，添加一个引导层。(如下图)

4，在引导层的第1帧用铅笔工具画一条曲线。(如下图)

（提问）怎么使画出的线段比较平滑呢？（学生答）在铅笔工具的选项面板里选中“平滑”选项。

5．在引导层的第30帧按F5插入帧。

6．在ball层的第25帧上按F6插入关键帧。

7．在ball层第1帧上将小球移动到引导线的起始位置(如下图1)，在第25帧上将小球移动到引导线的结尾位置(如下图2)，即分别将元件的中心吸附在引导线上。

图1 图2

8．在小球的第1至第25帧之间创建补间动画。

9．测试、保存影片。时间轴如下图：

教师活动：通过投影仪演示操作过程，边讲授边提问。学生活动：边观察老师操作，边思考回答问题。

在演示的过程中，有一些操作是学生已经学过的，可以结合全体提问的方式，使学生一起参与到这个过程中。

设计思路：演示一个简单的引导线动画的制作过程，使学生对这个制作过程有一个感性认识。现在，我们一起来回忆刚才的操作，把创建引导线动画的操作归纳起来，一共有四大步骤：（二）引导线动画的制作步骤：

1、创建元件：引导层所引导的必须是元件，包括：影片剪辑、图形、按钮以及文字等。在制作引导线动画时，首先要做的就是创建元件。

2、编辑引导层：创建好元件后，接下来就需要编辑引导层：首先是创建引导层，然后在引导层中绘制出引导线，也就是元件的运动轨迹。包括：

（1）添加运动引导层：单击时间轴面板中的“添加运动引导层”按钮，就可以在当前层的上方添加一个引导层。

（2）添加引导线：创建好引导层后，还要在引导层画上引导线，可以使用各种绘图工具来绘制出所需的线条。引导线是一种功能线，在生成的swf文件中是看不到引导线的，所以我们只需画出引导线，而不必理会它的颜色和粗细。

（3）在被引导层的某一帧按F6插入关键帧，再在引导层插入帧，将它延长到该帧处。

3、使元件的注册中心吸附到引导线上：要使元件沿引导线运动，必须使之吸附到引导线上。也就是在被引导层中，将首尾两个关键帧上的元件中心分别与引导线进行衔接。

为了方便操作，可以单击绘图工具栏的“对齐对象”按钮，打开吸附到对象功能。当把元件拖动到引导线附近时，就会自动吸附到引导线上。此时，元件中心与引导曲线上某一点重合，同时出现表示吸附成功的一个小圆标志（如下图的黄色小圆圈所示）。

注意：这个步骤非常重要，元件中心能否正确吸附到引导线上，是引导线动画能否创建成功的关键。

4、创建元件的动画：选择元件所在图层的第1帧，单击右键选择“创建补间动画”。

教师活动：讲授。

学生活动：听讲、思考。

【课堂练习】

练习1 检查学生学习效果，完成一个小球的引导线动画

当学生完成一个元件的引导线动画后，继续引导学生：假如要制作几片树叶沿着不同的路径落下，能不能做出来？只要在动画中添加多个引导层，绘制多条引导线，使它们分别引导每一个的元件的运动就可以了。接下来，我们来完成以下两个引导线动画的制作。请同学们仔细观察，然后自行做出动画效果。

练习2 绕圈的小球[演示实例效果]：两个不同颜色的小球各自围绕不同的椭圆路径做运动，两个椭圆形的运动路径清晰可见。如图：

[制作要点分析]：

1．如何让小球沿着椭圆路径运动？怎么确定运动路径的起始点和结束点？可以把椭圆的一小部分线段删除掉，使线段出现两个端点，再在把小球元件吸咐到这两个端点上。

2．如何实现两个小球各自围绕椭圆轨迹做运动而不会互相干扰？

可以在动画中添加多个引导层，绘制多条引导线，使它们分别引导不同的元件。

3．如何在动画中显示出运动路径？引导层的内容在生成的动画文件中是看不见的，若要把运动路径显示出来，可以在引导层上面加上一个普通层，再把引导层的内容复制上去即可。

三、【小结】

下面，我们对引导线动画的一些实际应用技巧做一个总结：

引导线动画的应用技巧：

1．一个引导线动画中可以创建多条引导线；一条引导线可以引导多个不同的元件；

2．需要显示运动路径时，可以增加一个普通层，再把引导层的内容复制到该层上即可。比如：制作毛笔写字动画等。

3．如果要让对象沿着封闭路径运动，应删除掉封闭路径的一小部分，才能做出引导效果。如：沿着圆周运动的小球、沿着文字运动的小球；