形状补间动画教学设计.doc

课题变相怪杰----形状补间动画
教学目的
1．巩固使用绘图工具与选择工具绘制并编辑图像的方法。
2．掌握将图形、文字制作出形状补间动画的方法。
3．学会使用“修改”→“分离”的命令分离文字呈沙粒状。
教学重点
1.巩固帧、关键帧以及绘图类工具的操作方法。
2.针对图层的操作加强练习，并养成图层重命名、图层锁定等制作动画的良好习惯。
3.学会设置形状补间动画的方法。
教学难点
1.形状补间动画的制作原理以及控制。
2.添加形状提示点的形状补间动画。
教法:演示教学、学生上机实践
教学过程
教师引入课题：通过前面所学习的逐帧动画的制作，我们已经能较为自如地控制帧的播放时间长短、并理解了关键帧的意义与使用方法，但也从中发现了一些问题，如：逐帧动画过渡过于跳跃、不自然，如何解决呢？
首先请学生欣赏没有制作形状补间动画的多边形和圆形的动画效果，感受跳跃画面的不自然，再欣赏具有形状补间动画的方到圆的渐渐改变，引出本节课的重点：制作形状补间动画（师板书课题）。
自主探究
自学教材形状补间动画，并思考下面的问题：
1、 什么是形状补间动画？
在一个关键帧中绘制一个图形，然后在另一个关键帧中更改该图形的形状或者绘制另一个图形，设置动作方式。这样制作的动画就是形状补间动画 。
2、形状补间动画能达到怎样的效果呢？
效果：形状补间动画可将一个图形通过形状、位置、大小、颜色、透明度等的变化变成另一图形
演示教学
演示多边形到圆形的渐变制作
例1：制作“多边形变成圆形”的动画
要求及提示：
1、舞台大小为400像素×150像素；
2、在第1帧舞台左侧绘制一个绿色、放射状渐变色的五边形；
3、在第30帧舞台右侧绘制一个蓝色、放射状渐变色的圆；
4、在第1帧“属性”面板，设置“补间”框中的选择为“形状”；
5、调试动画并保存为“多边形变成圆形”
实践1
制作“红五角形变成圆形”的动画
要求及提示：
1）舞台大小为默认。
2）在第1帧舞台左侧绘制一个绿色、放射状渐变色的五边形；
3）在第30帧舞台右侧绘制一个蓝色、放射状渐变色的圆；
4）在第1帧“属性”面板，设置“补间”框中的选择为“形状”；
5）调试动画并保存为“红五角变成圆形”。
关键帧、空白关键帧的区别
1、关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格。
2、同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作；插入空白关键帧，可以在空白关键帧上添加新的实例对象 。
实践2
制作“中变国”文字变形动画
提示：①利用文字工具输入文字
②文字一开始就是一个元件，元件要先分离后进行形 状的渐变
③第30帧处输入文字“国”，并进行设置
④在第1帧属性面板中，设置补间为形状
⑤测试影片并保存
挑战一下
“小花变成文字FLASH”的动画制作
提示：
1、新建影片剪辑元件“花朵变文字”
2、在元件编辑窗口中，使用文本
工具A写出“FLASH”。
3、分离“FLASH” 并分离到图层、在五个图层上20帧上绘制“花”
4、设置形状补间动画。
5、回到场景1中，从库面板中将“花朵变文字”影片剪辑拖入舞台，测试影片，保存文件。
注 意：
影片剪辑元件实际上是一段小动画，它可以独立于场景中的时间轴播放。通过影片剪辑元件创建的一些动画片段，可以反复调入场景，避免重复制作，同时还能减少Flash动画的大小。
制作形状补间动画的主要步骤
1、在动画的起始帧处插入关键帧，然后在起始帧场景中编辑对象；
2、在结束帧处插入关键帧，然后在结束帧场景中编辑对象；
3、选择起始帧，在“属性”面板的“补间”选项中选择“形状”
课堂总结