当前位置导航:炫浪网>>网络学院>>在线图书>>图形图像教程>>Flash入门与实战>>第三章 动画基础

第四节 动作补间动画(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”文件。

 

相关内容
赞助商链接