冀教版八年级信息技术全第一单元第二课第一节创建补间动画教学设计

冀教版第一单元

第二课第一节

创建补间动画

所属课程：八年级信息技术

所属专业：信息技术教学

所属课时：一课时

设计人：

工作单位：

联系电话：

创设补间动画

一、教材分析

本节课是河北教育出版社《信息技术》第一单元第二课创建补间动画

的第一课时。教材以几种动物之间的形变为例，但对绘画基础要求较高。

因此，在实际授课中，我以基础的图形变化为例，重点使学生掌握形状补

间动画原理。

二、学情分析

学生通过前面的学习已经熟悉了Flash的基本知识和操作，并且能利用

这些基本知识制作出简单的动画。但这些动画一眼看去非常复杂。教学中

要注意引导，注重搭设台阶，面向全体学生，使不同层次的学生都能有所

收获。教学中所设计的综合探究任务贴近生活，能激发学生的学习兴趣。

三、教学目标

知识与技能：

1.了解形状补间动画原理

2.学会制作Flash形状补间动画。

过程与方法：

掌握形状补间动画的制作要领，会制作简单的形状补间动画，培养学

生丰富的想象力与创造力。

情感、态度与价值观：

1.通过学生动手操作，体验成功的喜悦，激发学生学习热情。

2.促进学生审美能力的提高，培养学生的自主探究以及协作精神和竞争

意识。

四、教学重点及难点

教学重点

1.部分选取工具的使用；

2.图象的编辑打散处理；

3.创建形状补间动画的方法

教学难点

文字的“分离”（即打散），外部图形的转换（位图转换为矢量图）

五、教学方法

任务驱动法实例演示法

六、设计思想

本节课本着以学生为主体、教师为主导的原则，以学生自主探究为主，

教师指导为辅，采用任务驱动法，使学生自主探究，培养学生自学、创新

的能力。

七、教学过程

教学

教师活动预设学生活动设计意图

环节

大家一定看过动画版的《西游吸引学生

激记》，谁来说说你看完这部动画学生认真聆听、观看注意力，

趣片，留给你印象最深是什么？激发学习

导播放Flash动画，引出今天要学兴趣

入的知识一一创建形状补间动画

自在一个关键帧中绘制

主一个图形，然后在另

学一个关键帧中更改该

习什么是形状补间动画，这样的动图形的形状或者绘制培养学生

画能达到什么样的效果？另一个图形，设置动的自学能

阅读课本P.8—P.9看哪位同学学作方式。这样制作的力，为学

合的又快又好。动画就是形状补间动习新知做

作画。效果：形状补间好铺垫。

探动画可将一个图形通

究过形状、位置、大小、

颜色、透明度等的变

化变成另一图形。

学如何制作形状补间动画呢？下使学生知

习面就由老师以“方形”变成“圆学生认真学习，掌握道形状补

新形”为例来讲解制作形状补间动制作过程间动画的

知画的基本方法。制作过程

布置任务：学生按照下列步骤完

任务1、利用工具箱中的工具绘成任务1、打开

制简单且带有填充色的图形，制FlashMX,单击第一培养学生

作形状补间动画；制作中如果遇帧，在舞台上画一（或自主操

到什么问题求助老师，也可以相导入、或文字工具写作、勤于

互探讨。看哪位同学完成的又快入）图形；2、在时间动手的能

又好。轴某一帧，插入空白力，尝试

关键帧，在舞台上画创新的成

（或导入、或文字工功与失

具写入）另一图形；3、败。

分单击该帧前的任意一

组帧，在属性面板中，说明手工

创选择“补间一形状”。绘制图形

作4、选择“控制一测试与外部导

任务2、通过导入外部图形完成影片”，测试动画，保入图形的

形状补间动画，如:孙悟空变成公存作品。区别，即:

鸡。（引导学生去研究出现的问矢量图与

题，思考为何会实现不了动画）位图的区

共这是因为手动绘制的图形与外别；

同部导入的图形是不同的，手动绘

进制的图形为矢量图，外部导入的

步图形为位图，而在形状补间动画选中起始帧，点“修

中，必须为矢量图。因此必须把改一位图f转换位图

导入的图形转化成矢量图。如何为矢量图”，再将结束培养学生

转换呢？哪位同学能给出解决帧也进行相应的转自学的能

办法？换。力

哪位同学还有什么问题？老师，我在第一帧绘

制圆，在第10帧绘制

方形，在时间轴上击

右键创建补间动画，

可是时间轴上却是淡

紫色，测试效果也不

对。

大家想一想，他的问题出在哪？出在在时间轴上击右培养学生

怎样解决？键创建补间动画，应自主探

师：非常好，刚才这两位同学自该在属性面板中设置究，自我

已学会了解决办法，值得我们学补间为形状。解决办解决问题

习。下面再给5分钟时间，继续法：先选中第一帧，的能力

完善自己作品。点修改一分离，再选

中最后一帧，点修改

一分离就可以了

学生1演示，圆形变

现在我们欣赏几位同学的作品。成方形。

请同学们来评价一下第1位同评价：动作太快，看选择部分

作学的作品，你觉得这幅作品哪里不清楚。有代表性

品精彩，哪里仍需改进？解决办法：增加普通的作品进

展帧。行展示，

示学生2演示：孙悟空培养学生

变成张猪八戒的图分析判

成片，把两张图片分别断、及口

果转换后设置补间属头表达能

交性。力，使学

流如何解决呢？评价：他做的很成功，生学会欣

办法：先删除补间。在第5帧上时间很短，没看清楚，赏别人的

击右键“转换为关键帧”，就使能否使他们多停留一优点，弥

1—5帧显示相同的内容。同样会儿。补自己的

对结束帧也进行这样的处理。然不足。

后在第5帧与结束帧之间创建

补间。

同学们的表现都很出色，在制作1、我在制作5变4过

过程中都能很好的解决自己遇程中没有成功，通过

归到的困难，下面我们总结一下制讨论知道文字工具输

纳作形状补间动画时需注意的事入的文字必须经过分

总项：离才能成功。文字工培养学生

结教师展示：具输入的内容需要分口头表

体形状补间动画好，动画设计离不离（打散）;达、归纳

验了，首尾两个关键帧，设置补间2、外部导入的图形需总结、逻

成为形状，文字工具需打散，外部要将位图转换成矢量辑思维能

功图片要转换，手动绘图不用管，图；手工绘制的图形力

补间形状最关键。如果有外边框，将其

删除效果更好。

通过这节课的学习我们学会了：

1、制作形状补间动画。

课2、位图转换成矢量图，通常导归纳总结：你掌握了归纳总结

堂入的图片都是位图，要做形状补什么知识？有什么收本节课的

小间动画必须将位图转换成矢量获？还有哪些不足？学习内

结图，手工绘制的图形本身就是矢容。

量图，不需转换；文字工具输入

的文字需要分离。

八、当堂检测

1要使用外部图片创建形状补间动画时，必须先将他们（）

A组合B转化位图为矢量图C对齐D变形

3、创建形状补间动画时，应（）

A、选中起始帧，在属性面板中设置“补间一