运动补间动画(制作要点)

运动补间动画

运动渐变动画（以后简称运动动画）是Flash中最常用的动画类型，它可以制作出图形移动、旋转或缩放效果的动画，可以对图形的属性，如颜色、透明度等进行转化。运动动画的对象是位图、文本或元件。Flash中绘制的图形不可以直接参与运动动画的，在让它们参与运动动画之前必须先进行对所绘制的图形进行群组化处理：组合或转换为元件。当位图或是组合图形参与运动动画，系统会自动将第一帧的位图或组合图形转换为补间元件，存放在库里面。

看范例：运动的小球

运行Flash Mx，这时系统已经打开了一个新文件。点击“属性”面板中的“大小”修改当前舞台的属性。我们可以修改帧频，尺寸，背景色以及选用何种标尺单位等。我们将参数设置为下图所示，在以蓝色背景，长300点，宽100点的舞台上制作动画。一般来说，在互联网上播出的动画，每秒8－12帧的播放速度比较合适一些。

工作环境设置好以后，我们首先需要创建一个元件，以便调用。（元件是动画中可以反复取出使用的一个小部件，它可以是图形、按钮或影片剪辑。它可以独立于主动画进行播放，因此也是一个小动画。元件可以反复使用，因而不必反复制作相同的部分，大大提高工作效率。元件分为：按纽元件、图形元件、影片剪辑元件。）

1、创建元件：选择[插入] [新建元件]菜单命令，给元件起名叫ball，确定是图形类后按确定按钮。

2、现在我们就进入了创建元件的编辑状态。在绘图工具栏中选椭圆工具。并将其下的颜色设置为上图所示。我们已经在上一章中详细介绍过有关参数的设置问题，这里就不再多说了。图中的参数显示我们将要绘制一个没有轮廓线，且填充色为桔黄渐近色的球形。桔黄渐近色不是系统自带的颜色，不过我们可以填充面板新建这一颜色。

3、在工作区里用鼠标绘制一个小球。如果对所画的小球不满意，可以点选小球，按Delete键删掉重画，也可以在小球上按鼠标右键，在弹出的菜单中选择相应修改工具进行修改。

4、小球元件做好后，点击时间轴左上角的或右上角的回到主场景。

5、按Ctrl-L打开“库”面板，或选择“窗口—库”。（图库用于存放和组织可重复使用的元件，其作用与Windows资源管理器类似，当需要元件时，直接从图库中调用即可。将元件从图库中拖放到场景中，就生成了该元件的一个实例。实例实际是元件的一个复制品，将元件拖放到场景后，元件本身仍位于图库中。）

6、我们发现里面已经有一个做好了的名为ball的元件。在预览窗口中把该元件拖动到工作区中如下左图所示的位置。我们同时还注意到时间轴的第1帧上的小圆圈已经由空心变成了实心，表明该帧不再为空。

7、在时间轴第25帧点一下鼠标左键，该帧变蓝表示被选。右键—插入关键帧，点选小球，把它拖到舞台的另一端，如上右图所示。

8、点击时间轴上的第1帧，然后通过右键—点击“创建补间动画”。这时时间轴窗口的状态如下图所示，第1帧和第25帧之间出现了一个实线箭头，且背景变成淡紫色，表示这两帧之间有一段移动渐变动画。如果两帧之间出现了虚线，表示过渡不成功，需要重新查看每一个关键帧及其属性。

下面我们来看一看效果：选菜单项“控制”->“测试影片”来播放动画，或者按下Ctrl-Enter另开窗口，以全屏预览动画，可以看到小球从舞台的左端匀速移动到右端。

9、怎么样，用Flash做动画不难吧。做好了动画不要忘记存盘，按Ctrl-S，在弹出的对话框中输入存档文件名“小球运动起来啦”，确定，这时系统会把源文件用.fla格式存档。如果这时在Flash中再次按下Ctrl-Enter键，则系统会自动生成.swf的电影文件，可以用Flash电影播放器直接观看。

好了，这一节我们已经学会做一个最简单也最重要的动画了，好的开端是成功的一半，我们慢慢会对Flash的强大功能体会更多的。下一节我们将对小球动画作继续深入的探讨。

小球乱动

乱动1：

看“乱动1”的动画和上一节有什么不同吗？是的，在小球运动的过程中渐渐消失在了背景中。其实这个效果实现起来是非常容易的。运动的制作和上一节一样。

制作过程：

1、打开之前做的“小球运动起来啦”；

2、点击第25帧使处在舞台最右端的小球被选中，用鼠标左键点击小球；

3、然后在场景下方的“属性”面板中选择“颜色”下拉菜单中的Alpha(透明度)，如下图所示。在透明度输入框中输入百分值0，或将其右边的滑杆指针拖到最左端，使小球完全透明。现在看一下效果，按Ctrl-Enter看到如上面所示结果。

4、通过“文件—另存为”把该文件另存为“乱动1”，再按Ctrl-Enter输出swf文件格式。

乱动2：

看到“乱动2”与之前的“小球运动起来啦”不一样的是，小球在来回的运动，而不是一味的从左向右运动，这个制作过程也很简单

制作过程：

1、打开上节课的“小球运动起来”；

2、点击第26帧插入关键帧，可以让小球向右微移一点位置；

3、点击第50帧插入关键帧，将小球移向左侧；

4、在第26与50帧之间“创建补间动画”，最后的帧状态如下图

5、通过“文件－另存为”把该文件另存为“乱动2”，再按Ctrl-Enter输出swf文件格式。

再一起来看一看“乱动3”的例子是怎么做出来的。

乱动4的帧状态没有发生变化，变化的是

1）帧属性面板：

2）元件变大

制作过程：

1、打开之前做的“小球运动起来啦”；在时间轴面板里设置如上图的旋转效果；

2、然后在场景中选中小球，用工具栏中的“任意变形工具”将小球变大；

3、这样就完成了，将此文件保存为“乱动3”，再按Ctrl-Enter输出swf文件格式。

乱动4：

看到“乱动4”的小球在运动的过程中大小发生了变化。要实现这一点，我们还是在上一节做好的动画的基础上进行修改。

制作过程：

1、打开之前做的“小球运动起来啦”；

2、在第13帧按F6插入一个关键帧，如下图所示；然后在场景中选中小球，用工具栏中的“任意变形工具”将小球变小，如图所示：

3、用Ctrl-Enter查看结果同上。

4、将文件“另存为”——“乱动4”，再按Ctrl-Enter输出swf文件格式。