引导路径动画信息化教学设计

《引导路径动画》信息化教学设计

1 / 17 《引导路径动画》信息化教学设计

章节 第二单元 教学

内容 引导路径动画 教学

对象 计算机应用专业一年级学生 课时计划 2课时

一、教学内容分析

《引导路径动画》是高等教育出版社出版由赵瑞建主编的《Flash 8.0动漫设计》第二单元的内容。在Flash动画制作中经常碰到一个或多个对象沿曲线运动的问题，它是运动对象沿直线运动动画的引申，通过学习引导层的使用，物体沿任意指定路径运动的问题就迎刃而解了。本节是Flash动画中必须掌握的内容，在教材中具有重要的地位和作用。

二、教学对象特及学情分析

1.教学对象为本校一年级计算机应用专业学生，具有以下特点：

（1）计算机基础比较弱；

（2）知识的分析理解和实践操作能力不够强；

（3）对flash动画制作充满好奇心。

2.学生学情分析：

在此之前，学生已经学习了 Flash的操作界面及基本工具的使用，时间轴、图层及元件的基本知识，逐帧动画、形状补间动画和动作补间动画的制作等。通过本节课的学习，既可以对前面所学知识进一步巩固和深化，又可以为后面学习如何制作复杂的音像动画打下基础。

三、教学目标

1．知识与技能目标（认知目标）

（1）理解引导层、引导线的作用；

（2）掌握制作运动对象沿任意指定路径运动的动画；

2．过程与方法目标（能力目标）

学生通过观察思考，合作探究的方法完成对知识的理解和掌握。

3．情感态度和价值观目标

感受引导路径动画的奇妙，培养探究学习精神。

（1） 教学重点、难点

重点 （1） 引导路劲动画原理；

（2） 引导路径动画的制作步骤。

难点 （1）引导线的绘制； 《引导路径动画》信息化教学设计

2 / 17 （2）运动对象与引导线的吸附操作。

五、教学策略选择与学习方法

1．教学方法：演示讲解法、小组任务驱动法

2．学习方法：合作探究法、知识迁移法

六、教学环境及资源准备

教学媒体类型 教学媒体运用方式 作用

（原创）主课件 Flash player10.0 课堂教学和课后学习

资源库 校园精品课程 课前自主学习和课后复习

教学网站推荐 [我要自学网]

[eNet硅谷动力]

[我要学flash网]

[flash动画设计 大家论坛]

[FLASH技术交流] 自主学习与经验交流

七、教学过程

【知识回顾】

同学们，前几节课我们已经学习了一些动画效果的制作，比如“运动的小球”、“游动的小鱼”、“苹果落地”等。不知大家注意到没有，这些动画的运动轨迹都是直线或线段呢？

教师活动：打开课件展示动画，引导学生回顾所学。

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

时间分配：3分钟 《引导路径动画》信息化教学设计

3 / 17 【导入新课】

展示另一个动画：“蝴蝶在花丛中飞舞”，提问：蝴蝶的运动轨迹与前面做的动画有什么不同？学生观察，得出结论：蝴蝶沿着花丛做曲线运动。

此时引导学生：在Flash中如何做出像这样的曲线运动效果呢？这就是我们这一节课要介绍的引导路径动画。使用引导路径动画，可以实现物体沿任意曲线运动的动画。这样，我们就可以创建更丰富更生动的动画效果了。

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

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

时间分配：3分钟

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

4 / 17 【讲授新课】

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

1、 什么是引导层和被引导层？

引导层：为实现对象沿着某条曲线运动而设置的图层，用来添加对象的运动轨迹，可以使用铅笔、线条、椭圆和画笔等绘图工具进行绘制。“引导层”位于“被引导层”的上方，层图标为。

被引导层：用来放置被引导对象元件，位于“引导层”的下方，图层图标与普通图标一样为 。在普通图层上面创建引导层后，普通图层就会缩进成为被引导层当创建运动动画后，对象就会沿着引导线运动起来。

创建后的引导层和被引导层（如下图）

2、 什么是引导路径动画？

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

教师活动：讲授新知识。

学生活动：听讲。

时间分配：8分钟

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

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

1． 新建flash文档，设置舞台的高度和宽度值，将图层1重命名为“小球”层。(如下图)

2． 在”小球”层的第1帧画一个小球，（提问）怎么把它转换为元件？（提示）按F8将小球转换为一个图形元件。将它命名为“小球”。 《引导路径动画》信息化教学设计

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

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

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

6． 在“小球”l层的第25帧上按F6插入关键帧。

7． 在小球的第1至第25帧之间创建补间动画。(如下图)

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

图1 图2

9． 测试影片，观察效果。（小球可以做曲线运动，但运动轨迹不可见）

10．如何让小球的运动轨迹可见？（学生思考，讨论）

11．在动画中引导层的上面添加一个图层，命名为“运动轨迹”层。将绘制的引导线复制《引导路径动画》信息化教学设计

6 / 17 后原位粘贴到“运动轨迹”层（原位粘贴快捷键：Ctrl+Shift+V），这样就可以看见小球的运动轨迹了。(如下图)

12． 测试影片，观察效果。（小球可以做曲线运动，且运动轨迹可见）

教师活动：通过广播教学演示操作过程，边讲授边提问。

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

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

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

时间分配：10分钟

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

二．引导路径动画的制作步骤

1、创建元件

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

2、编辑引导层

1）添加运动引导层

2）添加引导线

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

3、创建元件的动画

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

4、使元件的注册中心吸附到引导线上

教师活动：讲授。

学生活动：听讲、思考。

设计思路：把动画制作过程归纳为几大步，方便学生记忆，使学生对这个制作过程上《引导路径动画》信息化教学设计

7 / 17 升到理性认识。

时间分配：5分钟 《引导路径动画》信息化教学设计

8 / 17 【课堂练习】

任务驱动，实践探究：将学生两两组成小组，相互讨论，共同完成任务。

 练习1 小球曲线运动

[实例说明]：根据刚才所学，将小球沿曲线运动的动画效果做出来。（要求运动轨迹可见）如下图：

[要点提示]：注意动画能否成功的关键是元件中心有没有与引导线衔接好。我们还可以在需要的位置插入关键帧，把该帧上的元件中心对准引导线，来更好地控制对象的运动效果。

教师活动：在学生进行练习的同时进行巡回指导。

学生活动：积极思考，探究实践。

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

时间分配：10分钟

[作业点评]学生自我评价与教师评价相结合（时间：8分钟）

当大部分学生完成作业之后，又进一步引导学生：根据我们所学的引导路径定义，一条引导线是否可以引导多个对象沿同一路径运动呢？

[知识拓展] 在“红球”图层的上方添加一个“篮球”图层，并在图层内添加一个篮球元件，创建动作补间动画，设置篮球的起点位置在红球之前。最后观察效果。 (如下图) 《引导路径动画》信息化教学设计

9 / 17

测试动画效果：能实现两个小球沿同一路径运动。

设计思路：通过实践检验法，让学生更深刻地理解了引导路径动画的含义。

学生活动：动脑思考，操作实践。

时间分配：8分钟

 练习2 蝶恋花

[实例说明]：使用引导层控制蝴蝶的运动轨迹，让蝴蝶沿着一条曲曲折折的运动轨迹翩翩起舞。 (如下图)

[要点提示]：