补间动画(小鸟飞)操作指导

补间动画

补间动画：做flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。

FLASH动画制作中补间动画分两类：一类是形状补间，用于形状的动画；另一类是动作补间用于图形及元件的动画。

Flash CS4补间动画的类型包括：动作补间动画、形状补间动画和传统补间动画。

动作补间动画是指在Flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 将自动根据二者之间的帧的值创建的动画。动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头；构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状组合（Ctrl+G）或者转换成元件后才可以做动作补间动画。

形状补间动画是在Flash的时间帧面板上，在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个形状等，Flash将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互

变化。形状补间动画建立后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间也有一个长长的箭头；构成形状补间动画的元素多为用鼠标或压感笔绘制出的形状，而不能是图形元件、按钮、文字等，如果要使用图形元件、按钮、文字，则必先打散（Ctrl+B）后才可以做形状补间动画。

任务实例：补间动画——小鸟飞翔+弹跳小球+变形文字

●知识点：元件的概念及类型；创建元件；元件与实例；补间动画；

●操作步骤：

一、创建Flash文档

执行【文件】|【新建】命令，创建一个新的Flash文档。接着右键【时间轴】左侧的【图层】面板，选择【属性】命令，并将“图层1”命名为“背景”。

二、添加背景

1. 选择“背景”图层的第1帧，执行【文件】|【导入】|【导入到舞台】命令，导入“背景.jpg”图片文件作为背景。

2. 修改图片及舞台大小参数。

（1）修改图片大小。单击舞台中的图片（即选中背景图片），在图片【属性】面板中，断开锁定按钮，修改【位置和大小】的【宽】为960像素，【高】为600像素。

（2）修改舞台大小。单击场景1的空白区域（图片以外的区域），在弹出的舞台【属性】面板中，修改【大小】中的【宽】为960像素，【高】为600像素。

3. 将背景图片与舞台对齐。单击背景图片，执行【窗口】|【对齐】命令，打开【对齐】面板，勾选【对齐】面板中【与舞台对齐】选项，并在【对齐】参数组中分别单击【水平中齐】和【垂直中齐】按钮。使背景图片相对于舞台居中对齐。

4. 延长背景的帧序。右击“背景”图层的第80帧（预设动画长度为80帧），在弹出的菜单中选择【插入帧】命令（即插入普通帧）。延长“背景”的帧序到第80帧。

5. 锁定背景。单击“背景”图层的锁定按钮，即可将背景图片锁定。

三、创建影片剪辑元件

1. 创建新图层，命名为：补间动画。

2. 创建小鸟原地飞行影片剪辑元件。执行【插入】|【新建元件】命令，在弹出的【创建新元件】对话框中，设置【名称】为：小鸟飞翔；【类型】为：影片剪辑，如图1所示，

然后单击【确定】按钮，进入元件编辑模式。然后，将此编辑模式中的“图层”1命名为：逐帧动画。如图2所示。

图1 图2

3. 导入素材。执行【文件】|【导入】|【导入到库】命令，将“素材”文件夹中“01.gif-1

4.gif”等14个图形文件及sound.mp3音乐文件导入到【库】面板中。

4. 利用逐帧动画的制作方法，制作小鸟原地飞翔的影片剪辑元件。

（1）添加空白关键帧。分别右键“逐帧动画”图层中的第2-14帧，依次执行【插入空白关键帧】命令，使“逐帧动画”图层中从第1-14帧都添加上【空白关键帧】。如图3所示。

图3

（2）添加素材。选中“逐帧动画”图层的第1帧（即单击第1帧），从【库】面板中拖动“01.gif”小鸟图形到舞台中心；接着再选中“逐帧动画”图层的第2帧，从【库】面板中拖动“02.png”图形到舞台中心。用同样的方法，分别选中“逐帧动画”图层的第3帧至第14帧，依次将库中的“03.gif-14.gif”图形添加到“逐帧动画”图层的第3-14帧中。如图4所示。

图4

（3）编辑舞台的“小鸟”，使其相对于舞台居中对齐。

1）单击【图层】面板中“逐帧动画”图层，单击【时间轴】面板底部的【编辑多个帧】按钮，在【时间轴】上将出现【绘图纸外观】的括号，分别拖动【绘图纸外观】括号左右两侧，将括号展开，使其括住“逐帧动画”时间轴上的所有关键帧（目的：使舞台中所有的“小鸟”对象可见）。如图5所示。此时，舞台效果如图6所示。

图

5

图6

2）使用【工具箱】中的【选择工具】，单击“逐帧动画”图层，将小鸟对象全部选中。

接着单击【对齐】面板【对齐】参数组中的【水平中齐】和【垂直中齐】按钮，使舞台中所有的“小鸟”对齐到舞台中中心点的位置。效果如图7所示。

图7

3）再次单击【时间轴】底部的【编辑多个帧】按钮，退出多帧编辑状态。接着，拖动【时间轴】上的【播放头】，查看舞台中“小鸟”原地飞翔的动作。至此，“小鸟飞翔”影片剪辑元件制作完毕。

四、制作补间动画

1. 单击编辑窗口左上角的“场景1”，退出元件编辑模式，返回动画制作场景。

2. 添加元件。选中“补间动画”图层中的第1帧，将【库】面板中的“小鸟飞翔”影片剪辑元件拖入舞台中的左侧适当的位置。如图8所示。

3. 创建补间动画。右键“补间动画”图层中第1-80帧之间的任一帧，选择【创建补间动画】命令，此时【时间轴】从第1帧到第80帧会变成浅蓝色如图9所示。

4. 插入【位置】属性关键帧。右键“补间动画”图层的第80帧（最后一帧，即小鸟飞翔的结束帧），执行【插入关键帧】|【位置】命令（插入一个“位置”属性关键帧），然后按住【Shift】键，将舞台左侧的“小鸟”元件水平拖动到舞台右侧适当的位置（小鸟飞翔的结束位置），将出现一条小鸟飞翔的轨迹线。其效果如图10所示。

5. 至此，小鸟飞翔补间动画制作完毕。保存文件，按【Ctrl+Enter】快捷键发布并浏览动画效果。

图8

图9 在第1-80帧中右键任一帧，执行【创建补

间动画】，创建一个补间动画，其过渡帧为：浅

蓝色。

小鸟飞翔的结束帧（“位置”属性关键帧）

图10

补间动画制作说明：

1.制作补间动画，只需编辑动画对象的起始状态（即，动画对象的开始状态和结束状态）。

2.制作补间动画必须具备以下条件：

（1）补间动画的运动对象，必须是元件（或影片剪辑元件，或图形元件，或按钮元件）；

（2）补间动画的关键帧必须是属性关键帧。属性关键帧有以下6种类型：1）【位置】属性关键帧：使对象产生位置变化；

2）【缩放】属性关键帧：使对象产生缩放（即放大，或缩小）变化；

3）【倾斜】属性关键帧：使对象产生倾斜动作；

4）【旋转】属性关键帧：使对象产生旋转动作；

5）【颜色】属性关键帧：使对象产生颜色变化；

6）【滤镜】属性关键帧：使对象产生特殊效果变化；

五、制作小球弹跳运动动画

1. 绘制小球图形。新建一图层，命名为“小球”。选中第1帧，选择【椭圆工具】，将工具【属性】面板中【笔触】设置为【无】；【填充】设置为【调色板】底部的【红色渐

变】按钮（单击【调色板】底部“”按钮即可）。然后按住【Shift】键（绘制正圆），在舞台右侧外合适的位置绘制一个红色小球。如图11所示。

绘制小球

图11

2. 将小球图形转换为图形元件。单击小球，执行【修改】|【转换元件】命令，在弹出的“转换为元件”对话框中，将【名称】为设置“小球”；【类型】选择【图形】，并【确定】。如图12所示。在【库】面板中将看到刚转换的“小球”图形元件。如图13所示。

图12

提示：

1. 使用绘图工具绘制的对象是位图图形，单击鼠标选中它时，看到的现象是像素点阵分布效果。

2. 将绘制的图形转换成元件后，单击鼠标选中它时，看到的现象是蓝色线框框住对象

的效果。

图13

3. 创建补间动画。右键“小球”时间轴上第1帧至-第80帧之间任一帧，选择【创建补间动画】命令，在第1-80帧之间创建补间动画。接着右键第80帧（小球运动的结束帧），执行【插入关键帧】|【位置】命令，在此处插入一个位置属性关键帧，如图14所示。然后按住【Shift 】键，将舞台左侧的小球水平拖动到舞台右侧外，此时舞台中会出现一条小球运动的轨迹线。如图15所示。

图14

4. 保存文件。然后按下【Ctrl+Enter 】键，发布并测试动画。小球将沿着轨迹线从舞台左侧，水平运动到舞台右侧外。

5. 编辑轨迹线，制作小球弹跳运动动画。

（1）制作第1段运动轨迹（小球弹起）。右键第20帧，执行【插入关键帧】|【位置】命令，在此处插入一个位置属性关键帧。然后将鼠标移动到第1帧至第20帧之间的轨迹线下方（紧贴轨迹线），鼠标指针将变成一个带弧线的箭头，此时向上拖动轨迹线，使其变成

转换成图形元件后的小球

一段抛物线，即可松开鼠标。

图15

（2）制作第2段运动轨迹（小球下落）。右键第40帧，执行【插入关键帧】|【位置】命令，在此处插入一个位置属性关键帧。然后将鼠标移动到第20帧至第40帧的轨迹线下方（紧贴轨迹线），鼠标指针将变成一个带弧线的箭头，此时向下拖动路径线，使其变成一段向下凹弧线即可松开鼠标。此时轨迹线前两段已调整为横着的“S”形。

（3）用同样的方法，右键第60帧，插入一个位置属性关键帧。然后修改第40-60帧之间的运动轨迹；接着修改第60-80帧之间的运动轨迹线，使得小球沿着一条波浪轨迹线，跳动着运动到舞台外。此时，【时间轴】面板及舞台效果如图16所示。

图16

提示：

1. 制作小球弹跳运动的基本思路：将小球运动的一段轨迹线，分成多段组成的轨迹线。每段轨迹线由两个位置属性关键帧控制（仔细观察弹跳小球的轨迹线）。

2.动画对象运动轨迹线是可以进行编辑修改的。在编辑过程中，应按照小球运动力度逐步衰减的方式进行修改。（单击“弹跳小球”图层，查看小球运动轨迹）

六、制作文字变形动画

1. 新建一图层，命名为：变形文字。

2. 创建影片剪辑元件。

（1）执行【插入】|【新建元件】命令，在弹出的对话框中，设置【名称】为：变形文字；【类型】为：影片剪辑。单击【确定】，进入元件编辑模式。

（2）在元件编辑模式中，将图层1 ，命名为：补间形状动画。

（3）添加文字——小。选中第1帧，单击【工具箱】中【文本工具】，设置【属性】面板中【系列】为：隶书；【大小】为：110；【颜色】为：红色；其他默认。在舞台中单击，并输入“小”字。接着打开【对齐】面板，将“小”字与舞台居中对齐。然后使用【修改】|【分离】菜单命令（或【Ctrl+B】快捷键），将其分离成位图图形，其文字效果如图17所示。然后，右键第15帧，执行“插入关键帧”（由于第15帧中的对象将与后面帧的对象产生变形动作，因此，第15帧必须是关键帧），使“小”字的帧序延长至第15帧，此时【时间轴】如图18所示。

提示：

（1）制作补间形状动画的对象，要求必须是位图图形；

（2）由于使用【文本工具】输入的文字对象是矢量图，因此，必须将其转换成位图图形（转换命令：【修改】|【分离】命令），才能制作补间形状动画，使文字产生变形效果。

图17 图18

（4）添加文字——鸟。右键第30帧，执行“插入空白关键帧”，使用【文本工具】，设置【属性】面板中【系列】为：隶书；【大小】为：110；【颜色】为：绿色；其他默认。在舞台中单击，并输入“鸟”字。将“鸟”字拖动到场景的左上角合适的位置，接着打开【对齐】面板，将“鸟”字与舞台居中对齐。然后使用【Ctrl+B】快捷键，将其分离。此时文字效果如图19所示。此时【时间轴】面板如图20所示。

图19 图20

（5）创建补间形状动画。右键第15-30帧之间任一帧，执行【创建形状补间】命令，即创建由“小”字转变成“鸟”字的补间形状动画（注意：补间形状动画的过渡帧是浅绿色，并带着一个指向箭头。即由钱一个对象，转变为下一个对象）。此时【时间轴】效果如图21所示。

“小”字变成“鸟”字的动画

图21

（6）添加文字——飞。右键第45帧→插入关键帧→将“鸟”字延迟至第45帧。然后，再右键第60帧→插入空白关键帧→文字工具：输入“飞”字→在【属性】面板中，将其【颜色】设置为：蓝色。接着打开【对齐】面板，将“飞”字与舞台居中对齐。然后使用【Ctrl+B】