第2课 动作补间动画 教学设计2

教学课题
第二课 动作补间动画

所用教材
人教版8年级上册
教学工具
多媒体教室，教材，课件

教 学 目 标
知识目标
1.了解元件和实例的概念
2.理解动作补间动画原理；


能力目标
1.会在Flash动画中导入图片
2.学会制作简单的动作补间动画（透明度、大小、旋转等）。


情感目标
通过同学之间的合作探究，培养学生互相帮助，增进同学之间的友好感情；

重点
1、创建一个图形元件。
2、利用图形元件来制作动作补间动画。

难点
1. 改变对象的不透明度。
2. 旋转对象。

教学
方法
以“任务驱动”与“比较法”引入新课，以强烈鲜明的对比效果激发学生的学习兴趣，提高学生的主动性和思维积极性。教学过程中以教师讲解，演示和学生实际操作有机结合的方式进行授课，便于学生理解和掌握，加强学生主动参与度。

教 学 过 程

环节
教师活动
学生活动

讲 授 新 课 及 内 容
导入新课：
上节课，大家初步了解了Flash的窗口，制作一些简单的动作补间动画。下面再通过几个例子，进一步学习制作动作补间动画的有关知识和操作方法。
下面请同学们欣赏一下老师带来的电子相册，可以吗？
你们看完这个动画以后，觉得有什么变化吗?
看这一幅照片从舞台的左上角进入，飞到舞台的右下角又运动到了舞台中间，变小淡出，在变大淡入，接着顺时针旋转一圈，是吗，好不好看？你们也想做这样的电子相册吗？那我们今天来学习如何导入图片，如何改变对象的大小，如何改变对象的不透明度，如何旋转对象。好我们一起来操作。
一、利用导入的图片制作动画
现在我们来学习导入图片的方法。导入图片很简单。
1.导入图片
第一步：启动Flash，前执行“插入一新建元件”命令，在“创建新元件”对话框里输入适当的元件名，如“小孩子”，在行为栏中选定“图形”选项，再单击“确定”按钮，就可以进入元件编辑状态。
第二步：执行“文件——导入”命令，在“导入”对话框中打开想要的图片，单击打开按钮就可。
制作动画
导入图片后再把它应用到舞台中，就可以制作动画作品了。
第1步：单击“场景1”图标，进入场景编辑状态。
第2步：执行“窗口——库”命令，打开“库”面板，在“库”面板中单击“小孩子”图形元件名，然后把“小孩子”元件拖到舞台中。
欣赏动作补间动画作品，并展开讨论



听课
仔细观察教师的操作


环节
教师活动
学生活动

讲 授 新 课 及 内 容
第3步：把指针指向图片后拖动，把它拖至舞台左上角以外的灰色区域，作为动画的起始点。
第4步：单击“时间轴”面板中的第30帧，然后敲F6键，在第30帧插入关键帧。
第5步：把“小孩子”图片拖至舞台右下角以外的灰色区域，作为动画的结束点。
第6步：单击“时间轴”面板上的第一帧，执行“插入——创建补间动画”命令，在1——30帧之间创建补间动画。
第7步：执行“控制——播放”命令，播放动画。
第8步：以“小孩子.fla”为文件名保存文件。
二，改变对象的大小
第1步：单击“时间轴”面板第45帧，敲F6键插入关键帧，然后拖动右下角的“小孩子”图片到舞台底步的中间位置上。
第2步：单击工具箱中的任意变形工具按钮，选定图片后调大“小孩子”图片。
第3步：在“时间轴”面板中的30——45帧之间“创建补间动画”命令，生成了一段补间动画。
第4步：保存文件
三，改变对象的不透明度
第一步：单击“时间轴”面板的第60帧插入关键帧，然后单击舞台中的“小孩子”图片。
听课
仔细观察教师的操作

环节
教师活动
学生活动

讲 授 新 课 及 内 容
第二步：单击“ 属性”面板中颜色选择框里单击Alpha选项，调整不透明度20%。
第三步：选择任意变形框工具适当调小“小孩子”图片。
第四步：单击“时间轴”面板中的45——60帧之间右击创建补间动画。
第五步：播放动画，然后保存文件。
四、旋转对象
第一步：单击“时间轴”面板的第90帧，插入关键帧。
第二步：单击“时间轴”面板中75-90帧之间的任意一帧、单击 “属性”面板补间框里，选择“动作”选、然后设置旋转栏的参数。
第三步：保存文件。
听课
仔细观察教师的操作

总 结
通过这节课的学习，我们掌握了动作补间动画的制作步骤，学会了创建一个新元件，导入图片，还有改变对象的大小等操作；理解了制作动作补间动画的操作过程。

作业
同学们用这节课学习的内容，制作一个简单的动作补间动画

板 书 设 计
第二课 动作补间动画
利用导入图片的制作动画
改变对象的大小
改变对象的不透明度
旋转对象


教 学 反 思