1 第三节 制作补间动画第一课时 运动补间动画 一、教学目标 知识与技能： 1补间动画的概念及分类。 2掌握创建运动补间动画及复杂运动补间动画。 过程与方法： 通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。 情感态度与价值观： 培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。 二、教学的重点和难点： 重点：创建运动补间动画； 难点：创建复杂运动补间动画。 三、教学准备：多媒体网络控制系统、足量的电脑、FLASH 四、教学方法：讲授法 提问法 讨论法 练习法 五、教学安排：1 课时 六、教学过程： （一）复习导入 在上节课中我们学生了蜡烛的制作，有没发现什么问题呢？ 我们发现每帧间的画面跳跃太快。怎么办呢？ 这就是本章节要学习的内容-制作补间动画。补间的意思是“在中间” ，即在两个关键帧间经过计算自动生成中间各帧，使画面更加平滑流畅。 （二）讲授新课 1如何创建运动补间动画 以让“心跳起来”为例讲授运动补间动画的操作步骤。 在 FLASH 中打开第一单元第三节制作好的“爱心.fla”文件（把“爱心”图形转换为图形元件） ； 在“时间轴”面板上选中第 10 帧，按 F6 键插入一个关键帧，再选中第 5 帧，按 F6 键插入一个关键帧。 在“时间轴”面板上选中第 5 帧，单击“任意变形工具”按钮，将第 5 帧的图形元件拉 2 大； 选择“创建补间动画”命令； 测试影片。 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制作一颗流星，从天空划过。 3 2制作一个射箭的动画（至少需要两个图层：一个运动的箭，一个是静止的靶） 。 3制作文字动画。制作要求： “团结” 、 “奋进” 、 “求实”三组字分别从大到小、由远到近以渐显的方式运动到舞台中央停留片刻后消失。 （可将学生分为几个小组，或选出几份较好的作品评点） 七、教学反思： 本堂课内容理论较少， 重点在于掌握运动补间动画的制作。 通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。 第二课时 运动补间动画 一、教学目标 知识与技能： 1掌握创建形状补间动画及精确形状补间动画； 2掌握创建按钮的方法。 过程与方法： 通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。 情感态度与价值观： 培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。 二、教学的重点和难点： 重点：掌握创建形状补间动画；创建按钮。 难点：掌握创建精确形状补间动画。 三、教学准备：多媒体网络控制系统、足量的电脑、FLASH 四、教学方法：讲授法 提问法 讨论法 练习法 五、教学安排：1 课时 六、教学过程： （一）直接导入 形状补间动画又称“变形动画” ，作用是生成从一个形态到另一个形态的变化，包括形状、位置、颜色。它只对矢量图起作用。 （二）讲授新课 4 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制作一个形状补间动画，让一张哭脸变成一张笑脸。 2制作一个文字的渐变（中国加油） 3制作飞机变成直升飞机动画 七、教学反思： 本堂课内容理论较少， 重点在于掌握形状补间动画的制作。 通过教师演示与学生实践相 5 结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。