线条动画

制作引导线动画

教学分析

课题

制作引导线动画

教学时间

2课时（90分钟）

课程类型

讲授新课

教学设备

多媒体电脑室、投影仪

授课方式

讲授；演示；巡回指导

教学方法

启发式教学；演练结合；

以学生为主体的行为引导教学法

教学目的

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

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

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

重点

u引导线动画原理

u引导线动画的制作步骤

难点

u引导线动画的应用技巧

教学回顾

学习本课之前，学生已经熟练掌握如何在Flash中制作一般的补间运动动画以及Flash的常

用术语。这一节课继续学习如何创建引导线动画。

说明

考虑到技校学生的实际情况和培养目标，从本课程的教学需求出发，为了提高学生的学习兴

趣，增强学生的学习自主性，培养学生的实操能力，巩固所学知识点，本课教学设计安排了

较多的课堂练习时间。

教学过程

【复习旧课】

同学们，我们已经学习了一些动画效果的制作，比如“小球跳动”、“舞台灯光效果”等。不

知大家注意到没有，这些动画的运动轨迹都是直线。

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

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

时间分配：2分钟

【导入新课】

展示另一个动画：“蝴蝶在花丛中飞舞”，提问：蝴蝶的运动轨迹与前面做的动画有什么不同？

学生观察，得出结论：蝴蝶沿着花丛做曲线运动。

在Flash中如何做出像这样的曲线运动效果呢？这就是我们这一节课要介绍的引导线动画。

使用引导线做的动画，它的运动轨迹可以是一条曲线。这样，我们就可以创建更丰富更生动

的动画效果了。

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

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

时间分配：3分钟

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

学生学习新知识的兴趣。

【讲授新课】

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

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

将一个或多个图层链接到一个运动引导层，使一个或多个对象沿同一条路径运动，这种动画

形式就叫“引导线动画”。它可以使一个或多个元件完成曲线运动或不规则运动。

一个最基本的引导线动画由两个图层组成：上面一层称为“引导层”，它的图层图标为。下

面一层称为“被引导层”，图层图标与普通图标一样为。在普通图层上面创建引导层后，普

通图层就会缩进成为被引导层。

引导层用来放置引导线。引导线也就是元件的运动路径，可以使用铅笔、线条、椭圆和画笔

等绘图工具进行绘制。

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

教师活动：讲授新知识。

学生活动：听讲。

时间分配：5分钟

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

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

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

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

球转换为一个图形元件。将它命名为“小球”。

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

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

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

选项。

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

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

7．在ball层第1帧上将小球移动到引导线的起始位置(如下图1)，在第25帧上将小球移动

到引导线的结尾位置(如下图2)，即分别将元件的中心吸附在引导线上。

图1图2

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

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

教师活动：通过投影仪演示操作过程，边讲授边提问。

学生活动：边观察老师操作，边思考回答问题。

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

与到这个过程中。

设计思路：演示一个简单的引导线动画的制作过程，使学生对这个制作过程有一个感性认识。

时间分配：7分钟

现在，我们一起来回忆刚才的操作，把创建引导线动画的操作归纳起来，一共有四大步骤：

二．引导线动画的制作步骤（板书）

1、创建元件；（板书）

引导层所引导的必须是元件，包括：影片剪辑、图形、按钮以及文字等。在制作引导线动画

时，首先要做的就是创建元件。

2、编辑引导层；（板书）

创建好元件后，接下来就需要编辑引导层：首先是创建引导层，然后在引导层中绘制出引导

线，也就是元件的运动轨迹。包括：

1）添加运动引导层

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

2）添加引导线

创建好引导层后，还要在引导层画上引导线，可以使用各种绘图工具来绘制出所需的线条。

引导线是一种功能线，在生成的swf文件中是看不到引导线的，所以我们只需画出引导线，

而不必理会它的颜色和粗细。

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

3、使元件的注册中心吸附到引导线上；（板书）

要使元件沿引导线运动，必须使之吸附到引导线上。也就是在被引导层中，将首尾两个关键

帧上的元件中心分别与引导线进行衔接。

为了方便操作，可以单击绘图工具栏的“对齐对象”按钮，打开吸附到对象功能。当把元

件拖动到引导线附近时，就会自动吸附到引导线上。此时，元件中心与引导曲线上某一点重

合，同时出现表示吸附成功的一个小圆标志（如下图的黄色小圆圈所示）。

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

的关键。

4、创建元件的动画；（板书）

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

教师活动：讲授。

学生活动：听讲、思考。

设计思路：把动画制作过程归纳为几大步，方便学生记忆，使学生对这个制作过程上升到理

性认识。

时间分配：8分钟

【课堂练习】

F练习1

现在，我们进行上机练习，（提问）请大家想一想，生活中，有什么对象的运动轨迹是一条

曲线或者是不规则的线条呢？举个例子，比如雪花飞舞、小船在海里乘风破浪。还有什么？

（学生答）随风飘落的树叶、小鸟在天空中飞翔、运动员在跑道上跑步„„

根据刚才归纳的几个步骤，参照我演示的沿着曲线运动的小球动画，把你想到的动画做出来，

制作的时候，只要把小球元件改成你想到的对象就可以了。

[练习要点]注意动画能否成功的关键是元件中心有没有与引导线衔接好。我们还可以在需

要的位置插入关键帧，把该帧上的元件中心对准引导线，来更好地控制对象的运动效果。

教师活动：提问，创设情境使学生能够把所学知识应用到实际中，启发学生思考，联系实际，

调动起学习热情。在学生进行练习的同时进行巡回指导。

学生活动：积极思考，产生较大的兴趣，愉快地进行练习。

设计思路：通过本练习，使学生初步掌握引导线动画的创建过程，并能运用到实际中。

时间分配：10分钟

当大部分学生完成一个元件的引导线动画后，继续引导学生：假如要制作几片树叶沿着不同

的路径落下，能不能做出来？

只要在动画中添加多个引导层，绘制多条引导线，使它们分别引导每一个的元件的运动就可

以了。

接下来，我们来完成以下两个引导线动画的制作。请同学们仔细观察，然后自行做出动画效

果。

F练习2运动的超人

[实例效果]：超人从画面右上角进入，沿着一段弧线运动，再从画面左上角飞出，运动过程

中逐渐变大。如下图所示：

[实例说明]：本例使用引导层控制超人的运动轨迹，让超人按一条曲线的运动轨迹飞驰而过。

[制作要点分析]：

1．如何改变超人的运动方向？

我们可以在帧属性面板上对动画进行更细致的设置：选中“调整到路径”、“同步”和“对齐”

选项，就可以使元件沿着引导线自动调整运动方向。

2．如何实现超人从小逐渐变大，以及动画开始时超人的头部在下，结束时超人头部在上的

效果？

运用以前学习的知识，在起始帧设置超人的大小为5%，旋转180°,在结束帧将超人旋转

30°。

教师活动：巡回指导，着重讲解习题的制作要点。

学生活动：边观察大屏幕上的动画，边进行上机练习。

时间分配：15分钟

设计思路：预先对习题进行设计，让学生在练习过程中碰到问题（制作要点），再根据学生

的掌握情况进行讲解。

F练习3绕圈的小球

[实例效果]：两个不同颜色的小球各自围绕不同的椭圆路径做运动，两个椭圆形的运动路径

清晰可见。如下图：

[实例说明]：通过本例，使学生了解并掌握在同一个动画中创建多条引导线的方法，以及让

对象沿着一段封闭路径运动的方法。

[制作要点分析]：

1．如何让小球沿着椭圆路径运动？怎么确定运动路径的起始点和结束点？

可以把椭圆的一小部分线段删除掉，使线段出现两个端点，再在把小球元件吸咐到这两个端

点上。

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

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

3．如何在动画中显示出运动路径？

引导层的内容在生成的动画文件中是看不见的，若要把运动路径显示出来，可以在引导层上

面加上一个普通层，再把引导层的内容复制上去即可。

教师活动：巡回指导，着重讲解习题的制作要点。

学生活动：边观察大屏幕上的动画，边进行上机练习。

时间分配：15分钟

设计思路：预先对习题进行设计，让学生在练习过程中碰到问题（制作要点），再根据学生

的掌握情况进行讲解。

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

三．引导线动画的应用技巧（板书）

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

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

如：制作毛笔写字动画等。

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

如：沿着圆周运动的小球、沿着文字运动的小球；

4．选中帧属性面板中的“调整到路径”选项可以使元件沿着引导线自动调整运动的方向；

5．如果动画不能按指定路径移动，可以在需要的位置插入关键帧来控制它的位置。

教师活动：讲授。

学生活动：听讲，思考。

时间分配：5分钟

【小结】

这次课学习了在Flash中创建引导线动画的方法和一些制作技巧。请同学们根据今天所学的

知识，思考运用这种动画技术，我们还可以做出哪些丰富多彩的动画效果呢？

【布置作业】（时间分配：约20分钟）

1．课堂作业

制作本节课开始时演示的“比翼双飞”动画：两只蝴蝶在花丛中翩翩起舞，不时停留在花朵

上采蜜。如下图：

2．课外作业

根据今天所学的引导线动画的一些应用技巧，结合以前所学内容，把课堂练习1继续进行修

改，使动画效果更丰富。

【教学反馈】

上课过程中，学生学习兴趣比较浓厚，能够掌握引导线动画的制作步骤，可以独立完成习题。

个别学生设计出比较生动的动画作品。