简单Flash动画2.docVIP

第3章 简单的Flash动画 本章要点 Flash动画的原理及帧的概念 逐帧动画的制作 动作补间动画的制作 形状补间动画的制作 3.1 知识准备 3.1.1 Flash动画的原理 小时候看过露天电影的朋友可能都看过放映员手上拿的电影胶片，它由一格一格的画面组成，我们所看到的电影就是由这一格一格的静止画面连续播放而形成的。由于景物在人眼视网膜上的成像有一个短暂的停留，当每秒钟播放的画面数在25幅以上时，我们就看到了非常生动、流畅的电影。 同理，Flash动画也是利用人眼的视觉误差，在1秒钟内连续播放12幅以上的静止画面，由于前后画面内容差距不大，给人错觉好像是连续运动的动画。 3.1.2 Flash动画中的帧 帧是构成Flash动画的基本单位，也是学习Flash必须掌握的重点内容。 1、帧的概念 帧就是在最小时间单位中出现的画面，一帧就是一个画面。利用flash制作动画，简单来说就是要在时间轴上确定动画的每一帧需要显示什么内容。 2、帧的类型 时间轴中的每一个小方格就代表一个帧，一帧用来存放Flash动画中某一时刻的画面。帧是组成动画的基本单位，可分为关键帧、普通帧和空白关键帧三种。他们在时间轴中各自的表示方法如图3.1.1所示。 1)关键帧 对象可发生变化的帧（如起始帧、结束帧），其中包含一幅静止的画面。在时间轴上用一个黑色小圆圈表示。 2)普通帧 内容永远与其前面的关键帧完全相同，在制作动画时，可用普通帧延长动画的播放时间。在时间轴上用一个空心矩形表示。 3)空白关键帧 其中没有任何内容，主要用于画面与画面之间的间隔效果。在时间轴上用空心小圆圈表示。 3.1.3 Flash动画的类型 1.逐帧动画 每一帧都是关键帧，帧的内容都是由用户给出的，适合制作相邻关键帧中对象变化不大的动画。 2.补间动画 用户制作好若干关键帧后，由Flash通过计算生成中间各帧，使得画面从一个关键帧过渡到另一个关键帧，这种动画又可以分为“运动补间动画”和“形变补间动画”，一般情况下制作者只要确定“起始帧”和“结束帧”即可。 3.2 简单动画制作 3.2.1 制作逐帧动画 制作一个小球“从左到右滚动”的动画，并导出为影片。 制作步骤： 1）新建一个空白文档 执行菜单栏“文件”菜单—“新建”子菜单，在出现的“新建文档”对话框中选择“Flash文档”，然后点击右下角的“确定”按钮。 2）设置文档的大小和背景色 单击菜单栏菜单“修改”－“文档”，出现“文档属性”对话框，设置文档大小为500×200像素、背景色为白色、帧频（每秒钟播放的帧数）和标尺单位不变，如图3.2.1所示。 3）显示标尺和网格线 单击菜单栏“视图”－“标尺”及“视图”－“网格”－“显示网格”，在场景区显示标尺和网格线； 单击菜单栏“视图”—“网格”－“编辑网格”，在出现的“网格”对话框中设置网格线的颜色为灰色、宽度和高度均为20px，如图3.2.2所示。 4）创建第1幅画面 用鼠标单击“时间轴”的桢1，在场景区的左边第二网格处画一个不带边线、50×50的蓝色小球，如图3.2.3所示。 5）创建第2幅画面 鼠标单击时间轴的第二桢，执行菜单栏“插入”－“时间轴”—“关键帧”（或按F6键），此时默认选中小球，利用键盘方向键(向右箭头)将小球向右移动一个网格，如图3.2.4所示。 6）创建第3-10幅画面 同理，创建第3－10关键帧，每一帧将小球向右移动一个网格，如图3.2.5所示。至此，一个包含10帧内容的逐帧动画就创建成功了 7）查看效果 执行菜单栏“控制”菜单下的“测试影片”子菜单（或用快捷键ctrl+enter），可以看到一个小球循环从左往右运动，证明动画创建成功； 8）保存动画 一般情况下有两种保存方式，即： 直接保存：执行菜单“文件”－“保存”，文件类型为.fla，此类型文件必须在Flash环境下才能播放。 导出为影片：执行菜单“文件”－“导出”－“导出影片”，在出现的对话框中，输入文件名，文件类型为.swf，此类型文件可直接播放。 将该动画直接保存为“ball.fla”，并导出为影片“ball.swf”，比较两者文件大小，并分别打开它们查看效果，体会两种格式动画的区别。 总结： 1、制作逐帧动画时，关键帧的数量和内容可以自行设定，但两个相邻的关键帧上的内容必须保持合理的连续性。 2、从上例可以看到，如果动画每一帧的内容都由制作人自行设定，工作量是非常巨大的。事实上，动画的制作是由制作人之作好若干关键帧，再由Flash通过计算生成中间各帧，这种动画又可以分为“运动补间动画”和“形变补间动画”。 3.2.2 制作动作补间动画 动作补间动画可以通过Flash自动运算功能，