| 课题：制作基本动画
课时：2课时
教学目标：
1. 知识与技能
（1） 会创建元件及将图形转换为元件
（2） 掌握补间动画制作的一般步骤，学会制作补间动画的制作方法。
（3） 分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作原理。
2. 过程与方法
通过制作元件“球”、“球”的动作补间动画和“圆形变成方形”的形状补间动画，了解动画制作的一般方法。对比“动画补间”动画和“形状补间”动画的制作方法，分析两者基本动画制作的区别，提高学生对动画制作的理性认识。
3. 情感态度与价值观
激励学生进一步学习动画制作，由浅入深，由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平，培养学生自主探索、协作研究的精神。
教学方法：讲解与演示相结合，自主学习与合作学习相结合。
教学重点：1. 创建元件的方法
2. 补间动画制作的方法，“动画补间”动画和“形状补间”动画制作的区别。
教学难点：1. 创建元件的方法。
2. 理解“插入帧”、“插入关键帧”、“插入空白关键帧”之间的区别。
教学过程：
1. 情境导入
播放动画“时钟.fla”，激发学生的学习兴趣。
2. 授新课
播放动画“时钟.fla”时，讲解改变帧频、图层名称、修改文档等知识点。
●在时间轴控制区的下方有一信息栏，通常显示3个数据：“1”、“12fps”、“0.0s”，分别表示当前动画所处的场景帧编号、帧速率和动画播放到当前帧所需要的时间，帧速率的大小直接影响到动画播放的效果，默认是12fps，双击“12fps”所在的区域，弹出“文档属性”设置对话框，在帧速率中可以填入所需数值，一般来说，帧速率不应超过20fps。
●修改背景幕布：执行“修改→文档”命令
●Flash源文件和Flash影片的扩展名分别为flat swf。
一、元件
教师讲解并按下列步骤演示创建元件的方法，学生理解、记忆教师的制作步骤。
在使用Flash制作动画时，常会遇到重复使用同一个图形、按钮或影片剪辑的问题，这时可将重复使用的部分定义为“元件”，可方便操作并有效减少作品的大小。
1、创建元件 以创建元件“球”为例
执行“插入”菜单的“新建元件”命令，在名称栏中输入元件名称：“圆球”，单击确定按钮，Flash将把元件加入库中，并切换到元件编辑模式，利用绘图方法创建所需要的“圆球”元件。
完成操作后，需退出元件编辑模式，执行“编辑”菜单中的“文档”命令，也可单击编辑工具栏上的场景名称退出，至此“圆球”图形元件制作完毕。
2、将现有对象转换为元件
在舞台上，选择要转换成图形元件的对象，执行“修改”菜单中的“转换为元件”命令，在打开的“创建新元件”对话框中，选中要创建的元件类型，在名称栏处输入元件名称，单击“确定”按钮，元件将自动添加到库中，舞台上被转换的对象将转换为一个实例。
学生活动：根据对教师演示操作的理解和记忆创建一个元件“球”。
教师巡回检查指导，及时指出学生在操作中出现的问题。
二、补间动画的制作
教师讲解并按下列步骤演示，学生理解并记忆其操作步骤。
补间动画：就是在创建动画时只需定义对象的起始点（形状）和结束点（形状），然后让Flash自动填充所有中间的过程。
两种类型：形状补间和动作补间，两者区别如下：
区别之处“动作补间”动画“形状补间”动画
在时间轴上的表现淡紫色背景加长箭头淡绿色背景加长箭头
组成元素影片剪辑、图形元件、按钮如果使用图形元件、按钮、文字，则必先打散（分离）再变形
完成的作用实现一个元件的大小、位置、颜色、透明度等的变化实现两个形状之间的变化或一个形状的大小、位置、颜色等的变化
1、 形状补间动画
形状补间是把对象从一个形状变成另一个形状，以制作圆形变为方形为例，步骤如下：
第一步：使用椭圆工具在第一帧绘制一个正圆，填充色为红色。
第二步：在时间轴20帧处插入一个空白关键帧，使用矩形工具绘制一个正方形，填充色为黄色。
第三步：选择第1帧，打开属性面板，执行“补间”下拉菜单中“形状”命令，Flash将填充所有中间的帧，因此就产生了动画，时间轴本身也会发生变化，帧的颜色变化以及中间的箭头表示的就是补间。
2、动作补间动画 以制作一个球的动作补间动画为例，操作如下：
第一步：创建一个新的图形元件，将元件命名为“球”，选择椭圆工具，笔触颜色为无颜色，填充色选择黑白放射性渐变色，在舞台上绘制一个无边框的正圆，单击填充变形工具，调整渐变色中心点位置。
第二步：选择图层1的第1帧，将元件库中元件“球”拖动到舞台左侧，在舞台上创建一个“球”的实例，使用任意变形工具调整好大小。
第三步：在图层1的第20帧右击鼠标，在弹出的快捷菜单中选择“插入关键帧”，利用“选择”工具将舞台上的“球”拖动到另一位置，再使用任意变形工具进行适当调整。
第四步：选择第一个关键帧，打开属性面板，从“补间”下拉菜单中选择“动作”，或在第1帧处右击鼠标，选择“创建补间动画”，Flash将自动填充所有中间的帧。
学生活动：在没有操作步骤参考的情况下，根据对教师演示操作的理解记忆，模仿制作动画，增强对操作步骤的理解和掌握。
教师指导学生自己动手实践，及时指出学生在操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。
3. 课堂小结
总结创建元件及制作动画补间动画的方法和步骤。
分析“动画补间”动画及“形状补间”动画之间的区别。 |
