移动渐变动画的制作教案

移动渐变动画的制作

课题：移动渐变动画的制作

教学年级：高一

执教者：陈信乐

教材版本：教育科学出版社

教学目的：

一、知识目标

1、掌握移动渐变动画的制作方法；

2、理解图层的概念和重命名的意义；

3、理解关键帧、空白关键帧、普通帧在动画制作中的作用；

4、理解帧面板参数的设置对动画的影响。

二、能力目标

１、学会插入及重命名图层的方法；

２、学会用菜单和快捷键在时间轴上添加普通帧；

３、掌握移动渐变动画的制作方法。

三、情感目标

1、通过制作Flash动画，激发和保持学生学习Flash软件的兴趣；

2、培养学生尊重科学、应用科学的意识。

教学重点：

1、移动渐变动画的制作思想；

2、根据动画效果设置帧面板参数；

3、在时间轴上插入普通帧。

教学难点：

1、移动渐变动画的制作思想；

2、根据动画效果设置帧面板参数；

3、在时间轴上插入普通帧。

教学准备：多媒体电脑教室，学生机安装Flash 8软件；逐帧动画实例和移动渐变动画实例各一个。

教学课时：1课时

教学步骤：

一、导入

师：上节课我们学习了逐帧动画的制作，我们再来看一下我们上节课的作品“变化的圆环”，同学们请注意，在圆环在变化过程中，它的位置有没有变动？

生：没有。

师：现在我要和班里的一名同学做个游戏，请同学们注意，在这个过程中篮球发生了怎样的变化？

生：篮球的位置发生了改变。

师：我已经把刚才的游戏做成了动画“滚动的篮球”，请同学们欣赏一下。这个动画属于Flash的移动渐变动画。运用移动渐变动画轻易就能制作出具有移动、缩放、旋转效果的动画，还能控制动画行进的速度。今天我们就来学习移动渐变动画的制作。

板书课题：移动渐变动画的制作

二、新授

1、准备工作

请同学们在D盘新建以自已名字命名的文件夹，用来存放自已的作品。

2、介绍图层概念

师：现在咱们分析一下“滚动的篮球”这个动画，我将篮球场、运动员和篮球放置在不同的图层上。为什么要这样呢？

师：打个比方说，图层就像透明的玻璃纸。在一张张透明的玻璃纸上作画，透过上面的玻璃纸可以看见下面纸上的内容，但是无论在上一层上如何涂画都不会影响到下面的玻璃纸。上面图层的图像会覆盖下面图层的图像。最后将玻璃纸叠加起来，通过改变各层玻璃纸上图像的相对位置即可得到最后的合成效果。

3、Flash中的关键帧、空白关键帧、普通帧

特点：

（1）关键帧——顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。此类帧比较特殊，比如一个物体从最大变成最小，它的最大时刻和最小时刻就是称之为关键帧，即是动画开始“变化”的前后时刻，这里的变化包括了形状，透明度，颜色，位置以及被其他物体替换等多个效果。

（2）空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。

（3）普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。区别：

（1）关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格。

（2）同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作；如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象。

（3）关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。

4、制作移动渐变动画的三个步骤

板书：起始关键帧——结束关键帧——设定补间动画

5、教师示范

具体步骤：

（1）整体设计、创意：篮球在球场上来回滚动

（2）设置电影属性：新建一个FLASＨ文件，设置“影片属性”：

大小：800×600；背景：默认；帧频：12fps

（3）导入素材或制作元件：将“篮球场”图片导入到库中，新建元件“篮球”、“运动员”（4）引用元件及制作动画效果：

①制作“篮球场”图层：“图层1”命名为“篮球场”，将库中的“篮球场”图片拖放到此图层的第1帧，然后在此图层的第120帧插入普通帧。

②制作“运动员”图层：新建一个图层并命名为“运动员”，将库中的“运动员”元件拖放到此图层的第1帧，放置在篮球场的适当位置。然后在此图层的第120帧插入普通帧。

③制作“篮球”图层：新建一个图层并命名为“篮球”，将库中的“篮球”元件放置在第1、

60、120帧，将“篮球”元件大小分别设置为25×25、20×20、25×25。

设置移动渐变过渡：

第一步：在时间轴的第1到60帧任意位置单击鼠标；

第二步：在属性面板中选“动画”补间；

第三步：在属性面板中，设置“缓动”和“旋转”属性：

缓动：－50 旋转：顺时针5次

第四步：在时间轴的第60到120帧任意位置单击鼠标；

第五步：在属性面板中选“动画”补间；

第六步：在属性面板中，设置“缓动”和“旋转”属性：

缓动：－50 旋转：逆时针5次

（5）测试动画效果：如不满意，再反复修改（3）、（4）两步，直到满意为止

（6）保存、输出：首先要保存成*.fla格式的文件，然后导出为*.swf格式的文件

6、学生模仿练习

教师在学生中巡视，对有疑问的学生进行个别指导，发现存在的共性问题。

7、教师纠错并示范：

错误：

（1）有些同学没有新建图层，将不同的素材与元件放置在一个图层中。导致动画无法完成；（2）有些同学没有在关键帧后插入普通帧，导致动画没有背景。

解决方法：

（1）新建图层，在图层中放置相应的素材与元件；

（2）在关键帧后插入普通帧。

三、课堂小结

1、什么是图层？

2、关键帧、空白关键帧、普通帧的作用？

3、制作移动渐变动画的步骤是什么？

四、作业

制作小船在面上来回穿梭的动画。

提醒学生注意：小船在河面上穿梭，至少需要3个图层，分别是河流、小船、船夫。板书设计：

移动渐变动画的制作

步骤：

创建起始关键帧——创建结束关键帧——创建补间动画

教学反思：

“移动渐变动画的制作”这节课是学生学习Flash动画制作软件的第二课。本课的知识点较多，包括：图层的概念；关键帧、空白关键帧、普通帧的作用；还有最重要的移动渐变动画的制作步骤。

这节课要求1课时上完，因此如何突破难点，规避次要的知识点，就成为教学设计中首先要解决的问题。为此，我将本节课设置成三个层次：分别是单向滚动的篮球；双向滚动的篮球；给滚动的篮球添加背景。按照学生的思维，由简到繁、步步推进，在此过程中把知识点穿插讲解。

在布置作业时，对学生进行点拨，点到为止，启发他们运用本节课的知识点完成作业。

通过这样的教学设计，相信学生们大部分都能顺利的制作移动渐变动画，从而完成本课的教学目的。