运动动画教学案例

制作运动补间动画

一、教材分析：

本课是《FLASH制作运动补间动画》，利用Flash制作连续运动的动画，是

Flash动画制作重要的学习内容之一，对学生来说这是一项非常重要的技能。掌

握了这项技能，学生会在以后的动画制作学习中如虎添翼，能全面提高学生的动

画制作能力和信息素养。

二、学情分析：

由于我校处于城乡结合部，学生的起点低，接触电脑的机会也不多，为这

门课的学习带来很大困难，但学生对新知识的渴望还是比较强烈，学习积极性较

高，态度认真，具有吃苦耐劳的学习精神。

八年级学生经过一年的信息技术学习，基本上掌握信息技术的一些应用，部

分学生能够熟练操作电脑，对电脑网络也有一定的了解。在学习本节内容之前，

学生通过《制作逐帧动画》的学习，基本上掌握了计算机动画的基本原理和逐帧

动画的制作，有进一步学习动画制作的渴望和要求。本节课将学习“运动补间动

画”的制作，并为以后进一步学习制作“遮罩动画”和“路径动画”打基础。学

生对动画信息很感兴趣，但动画信息的加工与处理相对复杂，在教学中要充分利

用学生的兴趣来克服学习上的困难，完成教学任务。

三.教学目标

1.知识与技能：

①、知道Flash中“库”、“元件”、“图层”、“补间动画”等概念的含

义并掌握相应的操作，

②、能使用Flash制作运动补间动画。

2.过程与方法：

创设情境导入新课，学生进行自主探究学习、小组合作交流学习等方式，激

发学生的学习兴趣，让学生从简到繁，由浅入深地掌握制作“运动补间”动画的

方法。老师则层层递进地进行讲解并及时指导。

3.情感态度与价值观：

①、通过欣赏、分析、制作动画，培养学生的操作能力和审美情趣；

②、在作品评价时，培养学生公正，正确评价的能力，并让学生在评比中产

生脱颖而出的竞争意识；

③、培养学生互帮互助、团结协作的精神，增进学生之间的友谊。

四.重点、难点：

1.重点：“元件”的制作和使用；

①、“图层”的添加和删除；

②、创建“运动补间动画”；

2.难点：

掌握制作“弹动篮球”运动补间动画的步骤方法；

五.教学理念和教学策略设计：

1.教学理念：

课堂上，我以任务驱动型教学为主，做学生学习的引导者，关键时刻对学生

进行必要的启发、引导。教师是学习的有力助手，学生才是学习的主人。教师尊

重学生的选择、鼓励他们大胆创新，勇于实践。

2.教学策略设计：

以学生感兴趣的事件引入，引导学生认真观察，启发学生思考；对知识点

讲解深入浅出，形像比喻；演示关键步骤，指导鼓励学生创新；鼓励学生比、学、

赶、帮，结成互助互帮小组，共同提高，让基础差的得到提高，让基础好的有成

就感。我采用的教学方法是：

1.兴趣激励法：以弹动的篮球这个学生熟知而又渴望的运动动画入手，观

看教师自制的运动动画，激起学生的学习动画的强烈兴趣。

2.视频案例教学法：播放事先教师准备的视频案例，通过观赏，让学生明

确学习任务，学生心中有目标，带着任务去学习，让任务成为学习的驱动力。

3.直观演示法：对于关键步骤或操作难度较高的步骤，利用多媒体投影、

红蜘蛛控制软件演示进行集体辅导，是降低操作难度有效方法之一。

4.合作学习法：学生五人一组，结成学习小组，由基础好的同学任组长，

互帮互学，帮中学、学中帮，共同提高。

5.展示评比法：对于完成较好的组或学生，通过演示或展示，进行自评、

互评、组评，来让学生体验学习的乐趣，体验成功。

六.教学环境：

网络教室，红蜘蛛电子教室控制软件。

七.课前准备：

教师事先准备好的视频案例、PPT课件、FLASH动画，检查学生机flash软

件的情况；了解并调整学生的分组情况。

八.教学过程

教师活动学生活动教学策略及意图

（一）新课导入

同学们上体育课的时候都玩过篮

球是不是呀？那么同学们有没有想过一个大部分学生回答都玩过

篮球是如何弹动的呢？用学生感兴趣的

问题导入新课

课件演示一个弹动篮球的动画。学生观看动画。激趣导入。

请同学们观察一下在这个小动画中有几个学生描述弹动篮球的过程。

对象在运动，分别在做什么运动？

教师分析总结：分别有位置的移动、大小

的变化、旋转的效果等，从而导入“运动

补间”动画的制作。

教师告诉学生弹动篮球的动画就是一

个运动动画，从而引出运动动画的概念。

教师多媒体给出运动动画的概念：

在一个关键帧上放置一个元件，然后学生掌握运动动画的概念。

在另一个关键帧改变这个元件的大小、颜学生反映出对这

色、位置、透明度等，Flash根据二者之一概念的模糊。

间的帧的值创建的动画被称为动作补间动

画。

跟形状补间动画不同的是，动作补间

动画首尾两帧上的对象,必须是元件实例，

且必须是同一个元件的实例。包括影片剪

辑、图形元件、按钮、文字、位图、组合学生理解运动动画的概念。

等等,但不能是形状，只有把形状“组合”

或者转换成“元件”后才可以做“动作补

间动画”。

（二）新课教学

先了解几个概念：

“库”、“元件”、“图层”

课件显示这几个概念。

什么是“元件”？（复习）

元件是对象的集合。在动画制作过程中学生分组讨论，交流意“库”、“元

将制作好的内容转换成元件，既方便管理见，先就字面上对“库”、件”、“图层”

又可以重复使用，并且重复使用同一个元“元件”、“图层”这几个是Flash几个重

件不会增加文件的大小。概念进行理解。要概念，先让学

元件有三种类型：图形元件、影片剪生了解。

辑元件和按钮元件。

什么是“库”？

库是Flash显示Flash文档中的媒

体元素列表的位置。

什么是“图层”？

Flash对对象实行分层管理，即将不学生对“库”的理解是

同的对象放置在不同的图层中，这样在修集中放物品地方；对“元

改其中一个对象时不会影响到其他的对件”理解就是“零件”；对

象。“图层”理解是一层一层

请同学们谈谈自己对“库”、“元件”、的画等。

“图层”这几个概念的理解。

教师具体形象地讲解这几个概念的涵Flash中许多概

义：念，特别是一些

我们把需要的素材放在一个目录里备工具、命令的名

用，这个目录是不是相当于“库”？称与生活的实例

在Flash中把需要的素材先导入到一致。与生活中

“库”中，方便随时使用。再看第二个问的实例类比，学

题，提示一下，这里的“元件”和我们平就像制造汽车，先生产零生容易理解。

时说的“零件”差不多，哪位同学能说一件，再用零件组装成汽车。

下自己对“元件”的理解？或者举个例子

比喻一下。

在制作复杂的动画时，先用素材制作

一个个独立的零件，也就是“元件”，再确实是个好方法

用“元件”制作动画，同学们说这是不是

一个非常好的方法。

下面我们来看什么是“图层”？如果鱼在水草中。如果水草画的

有两片透明胶片，在一片透明胶片上画上不好，修改水草胶片；如果

水草，在另一片透明胶片上画条鱼，两片鱼画的不好，只修改鱼的胶

透明胶片重叠在一起，会是什么结果啊？片，两个胶片的修改互不影

同学们想想，为什么要这么做？这么响。

做有什么优点？

回答的非常好，还有没有其它优点？改变两个胶片的重叠顺序，

提示一下，鱼跟水草的位置关系。可以让鱼在水草前或鱼在

水草后。

对极了，这就是使用“图层”的好处，

和前面讲的“库”、“元件”，都是Flash

常用的方法，掌握这些方法，我们才能在

Flash殿堂里漫步。下面我们进行“弹动

篮球”动画的制作。

第一步：播放视频

教师播放弹动篮球的视频案例，学学生欣赏视频，把任务抛

生认真观看视频中弹动篮球的制作步出来，让学生心中有任务，

骤。这个视频案例就是我们今天的学习带着任务去学习。

内容，通过这个视频案例来进行我们的动

画学习之旅。

首先学生启发引导学生去讨论“运动

补间”动画的制作过程，然后由教师讲解

运动补间动画的原理。

1、首先要创建元件

2、确定两个关键帧，起始关键帧、终

止关键帧

3、创建补间动画

教师进行广播教学，对一些学生没有学生观看教师演示操作，建演示操作步骤，

看清楚的步骤进行重复演示。操作要点：立初步印象，体验flash的降低操作难度。

1、新建一个大小为300PxX400px操作。

的Flash文档。

2、制作篮球和投影影片元件元件“篮球”的

进行广播教学，下面演示制作篮球制件方法是我们

元件的步骤，完成篮球元件的制作。上一节课学习的

操作要点：内容，引导学生

新建影片剪辑元件，命名为“篮温故而知新。

球”，进入篮球影片剪辑元件。

①、点击库面板左下方的新建元件学生进行制作“篮球”元

按钮，弹出新建元件对话框。件和投影元件的操作。

②、在此对话框输入元件名称为篮球，元学生进行训练操作。然后学

件类型为影片剪辑，点击确定。生在老师的指导下进行训

③、在篮球的影片剪辑中绘制篮球，将笔练操作。

触颜色改为无色，将填充颜色改为红黑相

间的渐变颜色，利用填充桶工具、颜色工

具把篮球制作成带皮革效果的棕色球。

④、在篮球影片剪辑中再新建一个图层，

命名为线条，在球体上面绘制线条，完成

后在修改菜单项中进行组合图形。这样就

完成了篮球元件的制作。

⑤、对篮球元件制作运动动画，使得篮球

元件沿顺时针旋转。

再新建一个元件，名称命名为投影，类型

为影片剪辑。单击确定。

①、进入投影影片剪辑编辑区，画一个没

有边框且黑色的椭圆。

②、在修改菜单项中选择形状一柔化填充

边缘。

③、完成“投影”元件的制作。

3、制作篮球弹动的动画

教师继续播放“弹动篮球”的视频案例，

学生观看动画的制作过程

进行广播教学，演示“篮球弹动的动画”。

操作要点：

(1)回到“场景1”学生按要点进行操作，有问广播教学的演示

(2)把图层1双击修改为“篮球”图层，题寻求老师和其他同学的能够指导学生操

在“篮球”图层里把刚制件好的“篮球”帮助。作，起到手把的

元件拖放到最高位置，并调整好大小。教的效果。

(3)在第10帧上插入关键帧，并把篮球

元件放置在最低点，在i-io帧的时间轴上

任意位置处创建补间动画。

(4)新建一个图层2双击修改为“投影”

图层，在“投影”图层里把刚制作好的“元

件”拖放到适当位置，并调整影子最大且

颜色最淡。

(5)在第10帧上插入关键帧，并把投影

元件放置在合适的位置，并调整影子最小

且颜色最深，在i-io帧的时间轴上任意位

置处创建补间动画。

(6)在篮球图层和投影图层上分别复制第

一帧的元件，在20帧上粘贴，最后在这两

层上创建运动补间动画。

(7)完成动画,在控制菜单下中测试影片，

查看测试效果。

学生依照老师演示进行操作。

老师在学生中间进行巡视，对操作困难的学生操作，完成自己的作

学生进行单独辅导。并注意观察完成较好品。

的同学，

被选中的学生进行演示操学生演示操作，

（三）展示评比作，对操作成功，完成比较体验成功，增加

每组选出一人进行演示操作（利用多好的给予称赞，不成功的让学习的兴趣。

媒体投影让学生演示）。其指定一个帮手来完成任自我评价，互评

对完成的作品进行评价。务。更能激发学生的

让学生首先进行自评，然后学习热情。

进行互评。

（四）课堂作业

同学们做的非常好，不知不觉中，我

们的又完成一个动画作品的制作，恭喜大学生根据刚学到的运动渐以活动训练为主

家动画制作的水平又提高了，不过要想成变进行任意发挥。线、让学生在实

为动画制作高手，我们还要继续学习，在践活动中掌握动

已有的基础上还要会设计、会创新。画的基本原理和

制作。

每组选出一人进行展示操作（利用极做好的同学举手要求展示。先做好先展不。

域电子教室的学生演示功能）。让更多的学生参

与展示

九、拓展练习，巩固升华。

把弹动篮球制作完成的同学，下面请同学们把书翻到P24页，制作风铃摇晃

动画，看哪位同学做的又快又好。

十、教学评价

评

价

项评价内容及评分等级

目

优秀(12~15)良好（9~11）继续努力（9分以下）

学

习

对学习FLASH运动补间对学习FLASH运动补间对学习FLASH运动补

态

动画有强烈地求知欲，学动画有较强烈地求知欲，间动画没有强烈地求

度

习态度端正。学习态度较端正。知欲，学习态度不端

正。

分优秀(12~15)良好（9~11）继续努力（9分以下）

工

合小组成员分工明确，任务小组成员分工较明确，任小组成员分工不明确，

作分配合理，有小组分工职务分配较合理，有小组分任务分配不合理，无小

责名单；工职责明细单；组分工职责明细单；

信优秀（16~20）良好(12~15)继续努力（12分以下）

息

加准确合理能够自主地制作较准确合理能够自主地制不能准确合理能够自

工出FLASH运动补间动画作出FLASH运动补间动主地制作出FLASH运

画动补间动画

优秀（16~20）良好(12~15)继续努力（12分以下）

作

品

具有明确的中心思想，作具有明确的中心思想，作具有明确的中心思想，

要

品包含个以上的运动过品包含个以上的运动过作品包含个以上的

求222

程，能够流畅地运行；程，能够流畅地运行；运动过程，能够流畅地

运行；

作

优秀(24~30)良好（18~23）继续努力（18分以下）

品

展

作品内容完整，完全符合作品内容较为完整，较符作品内容不够完整，不

示

教师要求。合教师要求。符合教师要求。

十一、教学反思

比如这节课我上完以后，很多老师就给我很多的意见，当然有优点也有缺

点，对我的帮助和启发很大，也引发我一些思索。首先我想谈谈本节课中可供借

鉴之处：

1、教学方法、学习方法的使用

在本节课中，我主要使用了任务驱动法、启发式教学法，而学生则进行自主

探究学习、小组交流合作学习等学习方法，一步步的探索完成任务的方法。任务

驱动在信息技术课堂中的应用很为广泛，甚至到了泛滥的地步了。然而如何用好

任务驱动却值得我们思考。本节课首先以欣赏教师自作的flash动画导入，既提

高了学生的学习兴趣，老师则进行启发式教学，引导学生学会发现问题，善于提

出问题，掌握学习规律，一步步地去探究解决问题的方法，提高学习能力。在本

节课中，主要让学生体会“提出问题一＞实践尝试一＞猜想假设一＞实践验证”的

学习方法，提高学生的探究热情，让学生体会到自己探究出解决问题方法的快乐。

2、因材施教，关注所有学生