八年级信息技术下册 第二单元制作Flash动画 第三节制作补间动画教案

第三节制作补间动画第一课时运动补间动画

一、教学目标

知识与技能：

1．补间动画的概念及分类。

2．掌握创建运动补间动画及复杂运动补间动画。

过程与方法：

通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。

情感态度与价值观：

培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。

二、教学的重点和难点：

重点：创建运动补间动画；难点：创建复杂运动补间动画。

三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法提问法讨论法练习法五、教学安排：1课时六、教学过程：（一）复习导入

在上节课中我们学生了蜡烛的制作，有没发现什么问题呢？

我们发现每帧间的画面跳跃太快。怎么办呢？

这就是本章节要学习的内容---制作补间动画。补间的意思是“在中间”，即在两个关键帧间经过计算自动生成中间各帧，使画面更加平滑流畅。

（二）讲授新课

1．如何创建运动补间动画

以让“心跳起来”为例讲授运动补间动画的操作步骤。

①在FLASH中打开第一单元第三节制作好的“”文件（把“爱心”图形转换为图形元件）；

②在“时间轴”面板上选中第10帧，按F6键插入一个关键帧，再选中第5帧，按F6键插入一个关键帧。

③在“时间轴”面板上选中第5帧，单击“任意变形工具”按钮，将第5帧的图形元件拉大；

④选择“创建补间动画”命令；

⑤测试影片。

2．如何创建复杂的运动补间动画

制作一个小球自由下落过程的动画。

①创建一个FLASH文档；

②单击“椭圆工具”，设置笔触颜色为无，填充颜色为蓝色，将鼠标指针移到舞台上，按住SHIFT键，拖动鼠标，画出一个圆；

③在“混色器”面板下拉框中选择“放射状”效果，将左边取色器设为白色，右边取色器高为蓝色，并将右边取色器拖到中间位置；

④单击“颜料桶工具”，将鼠标指针移到刚才所画的圆，单击圆，这样就做好了一个局部高亮的球体；

⑤单击“箭头工具”，选中球体，按F8键转换，在弱出的“转换为元件”的窗口中将元件名称改为“球”，元件类型设置为“图形”，将球转换为图形元件；

⑥在时间轴上选中第15帧，按F6键插入关键帧；

⑦单击“箭头工具”，将鼠标指针移到第15帧的球体上，单击球体，同时按下SHIFT键，拖动鼠标垂直向下，将球移到舞台下方；

⑧将鼠标指针移到时间轴上，右击第1帧，在弹出的菜单中，选择“创建补间动画”命令；

⑨按CTRL+ENTER键预览小球。

2、让小球由慢到快下落、反弹、再下落。

①将鼠标指针移到时间轴上，单击第1帧，在第1帧的“属性”面板中将简易值设为“-100”；

提示：简易值为正，物体减速运动；简易值为负，物体加速运动。

第1帧“属性”面板中设置旋转为“顺时针”，次数为“1”；

②单击21帧，按F6键插入关键帧，单击第18帧，按F6插入关键帧，将鼠标指针移到小球上，按住鼠标左键同时按住SHIFT键，拖动鼠标，向上移动第18帧的小球到与第1帧小球相同的位置；

③在时间轴上，分别右击第15帧和第18帧，创建补间动画；

④测试影片。

（三）课堂练习：

1．制作一颗流星，从天空划过。

2．制作一个射箭的动画（至少需要两个图层：一个运动的箭，一个是静止的靶）。3．制作文字动画。制作要求：“团结”、“奋进”、“某某”三组字分别从大到小、由远到近以渐显的方式运动到舞台中央停留片刻后消失。

（可将学生分为几个小组，或选出几份较好的作品评点）

七、教学反思：

本堂课内容理论较少，重点在于掌握运动补间动画的制作。通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。

第二课时运动补间动画

一、教学目标

知识与技能：

1．掌握创建形状补间动画及精确形状补间动画；

2．掌握创建按钮的方法。

过程与方法：

通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。

情感态度与价值观：

培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。

二、教学的重点和难点：

重点：掌握创建形状补间动画；创建按钮。

难点：掌握创建精确形状补间动画。

三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法提问法讨论法练习法五、教学安排：1课时六、教学过程：（一）直接导入

形状补间动画又称“变形动画”，作用是生成从一个形态到另一个形态的变化，包括形状、位置、颜色。它只对矢量图起作用。

（二）讲授新课

3．如何创建形状补间动画

做一做：制作一个几何图形的渐变。

①新建一个FLASH文档，在舞台上绘制一个无填充色的小长方形；

②选中矩形框，单击“窗口”菜单中的“变形”命令，打开“变形”面板；

③在“变形”面板的“旋转”框中输入旋转角度为2度；

④连续单击“变形”面板的“复制并应用变形”按钮；

⑤在第15帧插入“空白关键帧”，再绘制一个无填充色的长方形，选中该图形，打开“变形”面板，选择“倾斜”，在“垂直倾斜”框中输入20度，连续单击“变形”面板的“复制并应用变形”按钮；

⑥单击第1帧，将属性面板上的“补间”设置为“形状”；

⑦测试影片

4．如何创建精确形状补间动画---（做一做：文字的渐变动画）

①新建一个FLASH文档并保存；

②单击“文字工具”，在舞台上输入大写字母“T”；单击第15帧，按F6键插入关键帧，并将该帧的字母“T”改为“S”。分别单击第1帧和第15帧，按两次Ctrl+B键，将文字打散，分离成矢量图；

③单击第1帧，将“属性”面板上的“补间”设置为“形状”。按Ctrl+Enter键观看效果。

④单击第1帧，选择“修改”菜单中的“形状”子菜单中的“添加形状提示”命令；

⑤第1帧、第15帧拖动红色圆圈a到适当位置；

⑥播放动画

⑦使用同样方法，再添加形状提示，在同样的帧调整红色圆圈b，使动画效果自然。5．如何制作按钮

创建新文件，类型选择“按钮”，分别制作“弹起”、“指针经过”、“按下”、“点击”四个帧的相应图形。

（三）课堂练习--- 试一试：75页

1．制作一个形状补间动画，让一X哭脸变成一X笑脸。