第5章 简单Flash动画.doc

第1课 第5章 简单Flash动画 5.1基本知识 教学目的: 了解动画原理，掌握帧的类型 教学重点: 动画原理 教学难点: 帧的类型 教学过程： 讲授新课: 5.1.1 动画原理 Flash动画的原理与电影胶片一样，是一系列相似的图画快速地一幅幅显示出来。因为人的眼睛有0.1秒的视觉暂留，当画面快速变换时，会感觉物体动起来了。Flash中一幅静止的画面，称为一帧。“帧”是组成动画的基本单位，动画实际上就是连续改变帧内容的过程。 5.1.2 帧的引入 Flash的时间轴上有一系列小方格，每一个小格表示一帧，鼠标单击其中一个小方格，即可选中该帧，并在舞台上显示该帧的内容。一般地，我们在舞台上对对象进行的修改，只是改变了某一帧的内容，并没有影响其它帧上的对象。图5-1所示为时间轴及其各个组成部分。 图5-1时间轴和帧 1.帧的类型 Flash根据帧完成功能的不同，分为不同类型的帧，不同类型的帧在时间轴上有不同的表示方法。下面我们介绍各种类型的帧及其在时间轴上的显示。 （1）空白帧 a)空白帧中不包含任何Flash对象，相当于一张空白的影片。 b)在一个新建的Flash文档中，除了第一帧外其余的帧均为空白帧。 c)在空白帧上可以建立其它各种类型的帧，但不能绘制任何图形。 （2）关键帧 a)关键帧是用户唯一可以绘制图形的帧，用户大部分的创作性的工作是在关键帧上完成的。因为这种帧定义了动画如何变化，所以称为关键帧。 b)如果关键帧中有对象，称为实关键帧； c)如果关键帧中没有对象是空白的，称为空白关键帧。 d)实关键帧在时间轴上用实心圆点表示，空白关键帧用空心的圆点表示。 e)在空关键帧中添加了一个对象，如画一条直线或一个圆，空白关键帧自动转换为实关键帧； f)而将实关键帧中的所有对象全部删除，实关键帧自动转换为空白关键帧。 （3）普通帧 普通帧延续其前面的关键帧的内容，即与其前面关键帧的内容相同。在普通帧上绘画即相当于在前面的关键帧上绘画。在时间轴上普通帧用连续的灰色填充表示，用一个空白的矩形框表示结束。 （4）位置渐变帧 如果动画中的每一帧都由用户亲自绘制，需要花费许多的精力和时间。对于一些简单的运动和变形，用户可以定义动画的起始形状和终止形状，由Flash根据起始形状和终止形状按一定的规则计算得到中间的过渡形状。描述中间过渡形状的帧称为渐变帧，Flash中有两种类型的渐变帧：位置渐变帧和图形渐变帧。 在时间轴上，位置渐变帧是在两个关键帧之间用浅蓝色填充并由箭头连接的帧。这些帧描述两个关键帧之间的位置渐变关系，如图5-5所示。 图5-5位置渐变帧 演示：画一个图形，在后面添加一个关键帧，制作一个位置渐变，说明位置渐变帧。 （5）图形渐变帧 在时间轴上，图形渐变帧是在两个关键帧之间用浅绿色填充并由箭头连接的帧，这些帧描述两个关键帧之间的图形渐变关系，如图5-6所示。 图5-6图形渐变帧 演示：画一个图形，在后面添加一个关键帧，制作一个图形渐变，说明图形渐变帧。 （6）不可渐变帧 在两个关键帧之间用浅蓝色填充并由虚线连接的帧，它表示关键帧的内容不符合渐变要求，Flash无法根据两个关键帧自动生成中间渐变帧，如图5-7所示。 图5-7不可渐变帧 演示：画一个图形，制作一个图形渐变，在最后一帧再添加一个图形,说明不可渐变帧。 （7）动作帧 Flash为了增强动画的交互性，提供了功能强大的动作脚本程序，如果将动作脚本程序加在某一帧上，该帧称为动作帧，在时间轴上显示一个字母“α”。当动画运行到此帧时，Flash执行此帧的动作脚本程序，如图5-8所示。 图5-8动作帧 演示：制作一个渐变，在最后一帧添加一个stop语句。 （8）帧标签 帧的上部一个小红旗，后面标注有文字，表示给该帧设置了标签或者注释，如图5-9所示。此标签可以是动作脚本程序的转向标志。 图5-9帧标签 小结: 帧的类型有空白帧、关键帧、普通帧、位置渐变帧、图形渐变帧、不可渐变帧、动作帧、帧标签。 作业:熟悉各种类型帧  第2课 2.帧的显示模式 教学目的: 熟练掌握帧的显示模式 教学重点: 帧的显示模式 教学难点: 帧的显示模式 教学过程： 复习： 提问：Flash中如何实现动画，有几种类型的帧。 讲授新课: 为了方便用户的操作，时间轴上提供有多种显示和编辑帧的功能，下面介绍时间轴各组成部分的功能。 （1）帧模式 规定帧的显示模式，如图5-10所示，单击不同的控制按钮可选择相应帧显示模式。 图5-10帧工具 ①帧居中：将当前帧显示在时间轴的中间。使用的帧数超出屏幕显示的范围后，此按钮才有效。 ②绘图纸外观：又称洋葱皮的模式，以不同的透明度显示出当前帧以及附近的帧，如图5-11，该图是一个从左向右运动圆的第1—4帧，当前帧是第1帧。 图5-11绘图纸外观显示模式 绘图纸外观对