Flash MX2004入门与进阶实例:3.4 动作补间动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
| 2) 3．实例1——飞行的飞机 实例简介 巍巍群山，茫茫云海，轻烟似的白云缓缓飘过，一架飞机由近而远的飞去，渐渐消失在远方，如图3-4-3所示。本例制作不难，但通过它，你可以掌握创建动作补间动画的方法。 
图3-4-3 飞机飞行动画
知识提要
●???? 创建动作补间动画
●???? 制作元件由大变小的效果
●???? 制作元件透明度变化的效果
（1）创建影片文档
步骤1 设置影片文档属性
执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为650×255像素，【背景色】为白色，如图3-4-4所示。
?
图3-4-4 影片文档属性
步骤2 创建背景图层
执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中名为“山峰.jpg”的图片导入到场景中（“山峰”图片位置：光盘\example\part3\***\图片\山峰.jpg）。用【箭头工具】调整图片在舞台上的位置，使其居于舞台的中央。如果图片大小不合适，再选择【任意变形工具】调整图片大小。选择第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”文件。
上一页??[1]?[2]?[3]?[4]?[5]?下一页??
第三章 动画基础 第四节 动作补间动画(3) ? 3．动作补间动画应用——网站Banner 在第一章中，我们已经学习了一个简单动作补间动画的制作全过程，这里来学习一个比较综合的案例应用。 实例简介 当你访问一个网站时，最先吸引你的可能是网站上方的广告条吧？这就是Banner,它具有灵活的实时性、强烈的交互性与感官性，你可以用 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例:3.4 动作补间动画的所有评论
