第一节 动画的舞台结构及道具组合(1)

动画是一种动态生成一系列相关画面的处理方法。利用人眼视觉上的“残留”特性，依一定的速率播放静止的图形或图片就会产生运动的视觉效果，实验证明，如果动画或电影的画面刷新率为每秒24帧左右，也即每秒放映24幅画面，则人眼看到的是连续的画面效果。

  计算机动画原理与传统动画基本相同，只是在传统动画的基础上把计算机技术用于动画的处理和应用，并可以达到传统动画所达不到的效果。由于采用数字处理方式，动画的运动效果、画面色调、纹理、光影效果等可以不断改变，输出方式也多种多样。

计算机动画的应用小到多媒体软件中某个组件、物体或字幕的运动，大到一段动画演示、光盘出版物片头片尾的设计制作，甚至到电视片的片头片尾、电视广告，乃至计算机动画片如“狮子王”等。

在众多的动画软件中，Flash MX 2004是基于矢量的具有交互性的图形编辑和二维动画制作软件，它具有强大的动画制作功能和卓越的视听表现力，著名的微软MSN 新闻站就采用了大量的Flash动画，Flash动画有如下明显的优势：

● 基于矢量的图形系统，占用的存储空间只是位图的几千分之一，非常适合在网络上使用。可以无级放大，无论用户的浏览器使用多大的窗口，图像始终可以完全显示，并且不会降低画面质量。

● 有很多增强功能。比如，支持位图，支持声音，支持渐变色，Alpha 透明等。有了这些功能，你就可以用它来建成一个生动活泼漂亮的Flash 站点或产品广告宣传。

● 提供“准”流（Stream）的形式，在观看一个大动画的时候，可以边下载边观看，哪怕后面的内容还没有完全下载到硬盘，我们也可以开始欣赏动画。

● 强大的交互性，可以通过编程来实现人机互动。

●     界面明快简洁，容易上手。

常见的Flash 动画有以下几种用途：

●     网站应用

在做网站首页时要求视觉效果强烈，具有震撼力。一般时间较短，几十秒左右，画面变化迅速，声效多而短促，常配有企业的名称、标志、产品等图片或文字。用它做出来的网页的导航条，漂亮多变、个性鲜明；也可以用来做成gif动画，用做网页的Logo或Banner，利用其良好的交互性，还可以做留言板、论坛、商务购物系统等等。

●     广告制作

具有制作周期短，成本低，适用媒体广泛的特点，目前主要是在网络和电视上播放，随着能播放Flash手机的问世，Flash在广告界中的应用将更加广泛。

●     MV动画

歌曲、动作、文字三者巧妙的配合到一起，就会演绎出一段动人心弦的故事，或调侃出一段令人捧腹的小品，如雪村的《东北人都是活雷锋》。

●     多媒体课件

活泼有趣的情节、色彩丰富的画面，再加上声情并茂的讲解，能极大地引发孩子们的学习兴趣，通过演示，一些很难搞懂的原理、实验变的形象、易于理解。

此外还有游戏、贺卡、短片等多种用途。

下面我们就来学习Flash动画是如何制作出来的。通过本章的学习，你将认识时间轴面板、了解补间动画、形状动画、遮罩动画等的特点，通过我们在每节中提供的精彩实例，学会做一些简单的动画效果，将学过的知识融会贯通，进一步加深你的理解和记忆。

第一节 动画的舞台结构及道具组合

本节知识提要点

●     认识时间轴面板。

●     了解时间轴各分区的功能。

●     复制、添加、删除场景。

●     创建图形、影片剪辑、按钮等。

●     导入声音素材。

1.时间轴

一部Flash动画就像一部小电影，时间轴就是用来组织和控制影片内容在一定时间内如何播放的地方。我们先来认识时间轴面板，如图3-1-1所示。

图3-1-1 时间轴面板

时间轴面板分成四个部分：顶区、图层区、时间帧区、状态区。下面分别叙述各区的功能。

（1）顶区

由二行组成，如图3-1-2所示。

图3-1-2 时间轴顶区

第一行是切换行，只要单击相应的文件名就可以在几个fla或swf文件之间进行切换。

第二行从左向右是当前场景的名称，编辑场景和编辑元件间的切换，场景显示比例。

（2）图层区

每个图层都包含一些舞台中的动画元素（包括声音或action指令语句），上面图层中的元素遮盖下面图层中的元素。

图层区的最上面有三个图标。用来控制图层中的元件是否可视； 像一把小锁，单击后该图层被锁定，图层的所有的元件不能被编辑；是轮廓线，单击后图层中的元件只显示轮廓线，填充将被隐藏，这样能方便编辑图层中的元件。

图层有以下几种：

●     层文件夹，图标是，组织动画序列的组件和分离动画对象，有二种状态，是打开时的状态，是关闭时的状态。

●     引导层，图标是  ，使“被引导层”中的元件沿引导线运动，该层下的图层为“被引导层”。

●     遮罩层，图标是 ， 使被遮罩层中的动画元素只能透过遮罩层被看到，该层下的图层就是“被遮罩层”，层图标是 。

●     普通层，图标是  ，放置各种动画元素。

（3）时间帧区

Flash影片将播放时间分解为帧，用来设置动画运动的方式、播放的顺序及时间等。默认时是每秒播放12帧，如图3-1-3所示。

图 3-1-3 时间轴图层区和时间帧区

在时间帧面板上，每5帧有个“帧序号”标识，常见“帧符号”意义如下：

●     关键帧：关键帧定义了动画的变化环节，逐帧动画的每一帧都是关键帧。而补间动画在动画的重要点上创建关键帧，再由Flash自己创建关键帧之间的内容。实心圆点是有内容的关键帧，即实关键帧。而无内容的关键帧（即空白关键帧）则用空心圆表示。

●     普通帧：普通帧显示为一个个的单元格。无内容的帧是空白的单元格，有内容的帧显示出一定的颜色。不同的颜色代表不同类型的动画，如动作补间动画的帧显示为浅蓝色，形状补间动画的帧显示为浅绿色。而静止关键帧后的帧显示为灰色。关键帧后面的普通帧将继承该关键帧的内容。

●     帧标签：帧标签用于标识时间轴中的关键帧，用红色小旗加标签名表示，如 。

●     帧注释：用于为你自己或处理同一文件的其他人员提供提示。用绿色的双斜线加注释文字表示，如 。

●     播放头：指示当前显示在舞台中的帧，将播放头沿着时间轴移动，可以轻易地定位当前帧。用红色矩形表示，红色矩形下面的红色细线所经过的帧表示该帧目前正处于“播放帧”。

（4）状态栏

位于时间轴的最下方，指示所选的帧编号、当前帧频以及到当前帧为止的运行时间，如图3-1-4所示。

最左边的是一组“帧显示模式”按钮，也就是所谓的“描图纸”或者“洋葱皮”功能，它能某个动画过程以一定透明度完整显示出来，而且还可以进行“多帧编辑”。

图3-1-4 时间轴状态栏