第10章Flash简单动画的制作-Read.pptVIP

第10章Flash简单动画的制作 10.1　逐帧动画 10.2　形状补间动画 10.3　动作补间动画 10.4课后习题 10.1　逐帧动画 逐帧动画又称关键帧动画，它是一种比较原始的制作动画方式，先把构思好的动画中的每一个动作分解为一幅一幅的静止画面，分别制作好这些画面后，再连续播放，利用人们的视觉停留效果形成连续的动画效果。 在Flash中制作逐帧动画有两种方式，一种是在Flash中逐帧地制作分解动作的图形，在各关键帧中插入不同的动画对象；另一种方法是导入其它分解动作的连续图片文件，如导入分解动作的gif图像文件等。 10.1.1逐帧插入不同图像的制作方法 10.1.2导入图片制作逐帧动画的方法 具体操作步骤 1、创建空白新文档 2、导入背景图片 3、导入图片序列 4、插入和删除帧 最后保存文件为“海边漫步.fla”。 10.2　形状补间动画 “形状补间动画”是Flash中非常重要的表现手法之一。在第9章中，我们已经给大家讲解了一个制作形状补间动画的例子，下面，继续对其作进一步的探讨，以帮助大家更深刻地理解形状补间动画。 10.2.1“形状补间动画”的概念 1、“形状补间动画”的概念 “形状补间动画”其实就是让图形产生形变。在一个关键帧上绘制一个图形，然后在相隔数帧的另外一个关键帧上更改其形状或绘制另一个图形形状，Flash 将会在这二者之间的帧中自动创建一些过渡的形变过程，这个形变过程所形成的动画称之为“形状补间动画”。 2、创建“形状补间动画”的方法 在【时间轴】面板上动画开始播放处创建或选择一个关键帧并设置要开始变形的形状； 在动画结束处创建或选择一个关键帧并设置为变形后最终结果的形状； 再单击开始帧，在【属性】面板上单击“补间”旁边的小三角，在弹出的下拉列表菜单中选择【形状】命令，一个形状补间动画就创建完毕。如图10-15所示。 10.2.2几何形变 效果预览如图 10.2.3使用形状提示 形状提示就是在“起始帧”和“结束帧”中添加相对应的“参考点”，使Flash在计算形变过渡时依一定的规则进行，从而较有效地控制变形过程。 2、“形状提示”示例 10.3　动作补间动画 动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成组对象”。 运用动作补间动画，我们可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，再配合其他的手法，甚至能做出令人称奇的仿3D的效果来。本节详细讲解了动作补间动画的特点及创建方法，并分析了动作补间动画和形状补间动画的区别，我们还通过几个示例的讲解将使你进一步加深对动作补间动画的了解。 10.3.1动作补间动画的概念 1、动作补间动画 “动作补间动画”是在两个关键帧中创建出来的。在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 可在二帧者之间根据它们的值创建一系列连续变化的过渡帧，这样所形成的动画被称之为动作补间动画。 2、构成动作补间动画的元素 构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。 3、创建动作补间动画的方法 舞台场景中创建一个元件实例对象。 此实例对象所在的图层【新建】面板上 在这两个关键帧之间的任意一帧单击鼠标右键，在弹出的菜单中选择【创建补间动画】命令，这是时间轴的两帧间会出现一个浅蓝色背景的实线箭头。 1、引导示例――“小球自由落体” 小球作自由落体运动 2、综合示例――“花与蝴蝶 效果预览 万花丛中，一只蝴蝶由远而近，翩翩起舞，效果如图10-38所示。 10.3.3“动作补间”的变形动画示例 制作水滴元件 10.3.4“动作补间”的旋转动画示例 “旋转动画”是指元件对象以某点为圆心进行旋转的动画。动画对象的圆心是元件的注册点。 最后保存文件为“风车.fla”。 10.4课后习题 1、运用图形的形状变化制作一个花朵绽放的动画。制作步骤提示： （1）在“图层1”的第1帧绘制一个水平方向的细长椭圆，并选择自己喜爱的颜色用“放射状渐变”进行填充。 （2）在动画结束的位置插入关键帧，利用【变形】面板将椭圆旋转后复制变形为花的形状。 （3）创建“形状补间动画”。动画制作流程如图10-65所示。 2、打开随书配套光盘：第10章\瓢虫-原始.fla文件，制作在瓢虫绕着场景运动的位移“动作补间动画”制作提示：移动过程中的不同位置点处插入关键帧，在两个关键帧间建立位移“动作补间动画”。动画制作流程如图10-66所示。 * 　 ? 示例的画面效果 示例的画面效果 3、导入图片