第三课 形状补间动画

教学目标：
知识与技能目标：
1、掌握形状补间动画制作的一般步骤，学会形状补间动画的制作方法。    2、学会创建影片剪辑的方法，理解影片剪辑的意义。    3、分析比较动画补间动画和形状补间动画的区别，进一步理解动画制作的 原理。
过程与方法：
通过制作“多边形变成圆形”“老鼠变成小猪”两个简单的变形动画，了解形状补间动画制作的一般方法。对比动画补间动画的制作方法，分析动画补间和形状补间这两种基本动画制作中的区别，提高学生对动画制作的理性认识。
情感态度与价值观
激励学生进一步学习动画的制作，由浅入深、由表及里掌握动画制作的方法，提高其制作动画和欣赏动画的水平；培养学生的自主探索、协作研究的精神。
教学方法：
讲解与演示相结合，自主学习与合作学习相结合。
重难点：规则图形变形
重要知识点：变形动画不规则图形变形文字渐变

难点：创建影片剪辑的方法，理解影片剪辑的意义。
教学过程：
导入
播放“图形变形”“老鼠变成小猪”的动画，提出问题，激发学习兴趣。【讲授新课】
一、演示学习任务1：制作“多边形变成圆形”的动画。
（1）教师按下述步骤，一次性完成其中所有操作，学生理解记忆老师的制作步骤。
1．执行 “修改”菜单中的“文档”命令，在出现的“文档属性”对话框中，设定动画的大小为400px×150px。单击“确定”。
2．在“图层1”第1帧，用“多角星形”工具，选择绿色圆形渐变色，在场景编辑区左侧画一个五边形。
3．单击时间轴的第30帧，执行“插入”→“空白关键帧”命令(或按F7键)，插入一个空白关键帧。
4．选择“椭圆”工具，在场景编辑区右侧画一个圆。
5．单击时间轴窗口下边一组洋葱皮按钮中的左边第一个按钮“绘图纸外观”，在第30帧处能看到第1帧的画面内容，以便调整场景中元件的位置。
6．单击第1帧，在帧“属性”面板中，设置“补间”框中的选择为“形状”。
可见时间轴的第1帧到第30帧之间的影格呈淡绿色，同时标上了一条黑色的箭头线，表示这段动画属“形状补间”动画。
7．制作完毕，执行“控制”→“播放”命令（或按Enter键），观察动画效果。
（2）学生在没有文字描述的操作步骤参考的情况下，凭着对老师演示操作的理解性记忆，模仿制作，增强学生对操作步骤的理解和掌握。
（3）教师指导学生自己动手操作，及时指出学生中出现的问题，对做得好的同学进行表扬，并在学生中展示。
二、演示学习任务2：制作“老鼠变成小猪”的动画。
（1）教师按下述步骤，一次性完成其中所有操作，学生理解记忆老师的制作步骤，进一步培养学生理解记忆操作步骤的习惯，为学生创造性制作自己的动画作品打下基础。
1．导入“老鼠”和“小猪”两幅图片到库。将“老鼠”图片拖到舞台中。
2．选中“老鼠”图片，执行“修改”→“位图”→“修改位图为矢量图”命令，将“老鼠”图片转换成矢量图，删除周围多余部分。
3．在时间轴30帧处单击右键，在弹出的快捷菜单中选择“插入空白关键帧”。
4．将“小猪”图片拖到场景中并转换为矢量图，删除周围多余部分。
5．单击第1帧，在帧“属性”面板中，设置“补间”框中的选择为“形状”。播放观看动画效果。
（2）学生在没有文字描述的操作步骤参考的情况下，凭着对老师演示操作的理解性记忆，模仿制作，增强学生对操作步骤的理解和掌握。
（3）教师指导学生自己动手操作，及时指出学生中出现的问题，对做得好的同学进行表扬，并在学生中展示。
三、总结“形状补间”动画的主要制作步骤
第一步，在一段动画的起始帧插入关键帧，在起始帧的场景中编辑对象；
第二步，选择结束帧插入空白关键帧，在结束场景中编辑对象；
第三步，选择开始帧，在帧属性面板中设置补间为“形状”。
四、学生自主尝试制作动画“盛开的小花”。
1．学生在老师的指导下，对照教材中给出的操作步骤自主、合作制作动画“盛开的小花”。
2．检查学生制作情况，对共同性问题集体讲解。
3．表扬和展示学生成果。
4．集体讨论影片剪辑的意义。
5．请同学叙述影片剪辑的意义及其制作方法。

第二课时：
学生上机练习：
p24-p27 1.单个文字变形；
2.多个文字变形；
3.增加形状提示。
课堂小结：
1．教师总结“影片剪辑”的意义。
影片剪辑元件实际上是一小段动画，它可以独立于场景中的时间轴播放。将影片剪辑拖入场景后，即使场景中只有一帧，它也会循环播放。通过影片剪辑元件创建的一些动画片段，可以反复调入场景，避免重复制作，同时还能减少Flash动画的大小。
2．分析“动画补间”动画和“形状补间”动画之间的区别。
区别之处
动画补间动画
形状补间动画

在时间轴上的表现
淡紫色背景加长箭头
淡绿色背景加长箭头

组成元素
影片剪辑、图形元件、按钮
如果使用图形元件、按钮、文字，则必先打散（分离）再变形。

完成的作用
实现一个元件的大小、位置、颜色、透明等的变化。
实现两个形状之间的变化，或一个形状的大小、位置、颜色等的变化。