第四节 动作补间动画(2)

3．实例1——飞行的飞机

实例简介

巍巍群山，茫茫云海，轻烟似的白云缓缓飘过，一架飞机由近而远的飞去，渐渐消失在远方，如图3-4-3所示。本例制作不难，但通过它，你可以掌握创建动作补间动画的方法。

图3-4-3 飞机飞行动画

知识提要

●     创建动作补间动画

●     制作元件由大变小的效果

●     制作元件透明度变化的效果

（1）创建影片文档

步骤1 设置影片文档属性

执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为650×255像素，【背景色】为白色，如图3-4-4所示。

图3-4-4 影片文档属性

步骤2 创建背景图层

执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中名为“山峰.jpg?http://www.xvna.com”的图片导入到场景中（“山峰”图片位置：光盘\example\part3\***\图片\山峰.jpg?http://www.xvna.com）。用【箭头工具】调整图片在舞台上的位置，使其居于舞台的中央。如果图片大小不合适，再选择【任意变形工具】调整图片大小。选择第100帧，按F5键，添加普通帧。

（2）创建元件

步骤1 创建飞机元件

执行【插入】|【新建元件】命令，新建一个图形元件，名称为“飞机”。这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“飞机.png”图片导入到场景中（“飞机”图片位置：光盘\example\part3\***\图片\飞机.png）。

步骤2 创建白云元件

执行【插入】|【新建元件】命令，新建一个图形元件，名称为“白云”。这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“白云.png”的图片导入到场景中（“白云”图片位置：光盘\example\part3\***\图片\白云.png）。

（3）创建动画

步骤1 创建飞行效果

单击时间轴右上角的【编辑场景】按钮，选择【场景1】，转换到主场景中。新建一层，把库里名为“飞机”的元件拖到场景的左侧，执行【修改】|【变形】|【水平翻转】命令，将飞机元件实例水平翻转。在【属性】面板上打开【颜色】旁边的小三角，设置【Alpha】值为80%，如图3-3-5所示。

图3-3-5 第一帧中飞机在场景中的位置和Alpha值

飞机向远处飞去，应该越来越小，越来越模糊，来看看这种效果是什么做出来的吧，选中【图层2】的第100帧，按F6键，添加一个关键帧，在【属性】面板中设置飞机的大小，【W】值是飞机的宽值，为32；【H】值是飞机的高值，为18.9；【X】、【Y】则是飞机在场景中的X、Y坐标，分别是628.5,51，如图3-4-6所示。

图3-4-6 飞机在100帧处的位置和大小

在【属性】面板上，设置【Alpha】值为20%。

用鼠标右键单击【图层2】的第一帧，选择【创建补间动画】。

步骤2创建白云飘过的效果

新建一层，从库中拖出名为“白云”的元件，放置在背景图右侧的山峰处，设置【Alpha】值为80%，在第100帧处添加关键帧，把元件移到场景的左上方，设置【Alpha】值为40%。

用鼠标右键单击图层的第一帧，选择【创建补间动画】。

执行【控制】|【测试影片】命令，观察动画效果，如果满意，执行【文件】|【保存】命令，将文件保存成“飞机.fla”，如果要导出Flash的播放文件，执行【文件】|【导出】|【导出影片】命令，保存成“飞机.swf”文件。