中国IT动力,最新最全的IT技术教程
最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档
首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 硬件维护 | 未整理篇 | 站长教程
ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql
服务器 Win2000 Office C DreamWeaver FireWorks Flash PhotoShop 上网宝典 CorelDraw 协议大全 网络安全 微软认证
硬件维护  CPU  主板  硬盘  内存  显卡  显示器  键盘鼠标  声卡音箱  打印机  机箱电源  BIOS  网卡  C#  Java  Delphi  vs.net2005
  当前位置:> 图形图象 > 网页设计 > Flash
Flash MX2004入门与进阶实例--动画基础(14)
作者:未知 时间:2005-04-14 12:12 出处:ChinaZ.com 责编:chinaitpower
              摘要:Flash MX2004入门与进阶实例--动画基础(14)
第三章 动画基础

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

关闭本页
 
首页 | 投资与合作 | 服务条款 | 隐私政策 | 收藏本站 | 设为首页 | 新用户注册 | 免责声明 | 使用帮助
Copyright ©2005-2008 chinaitpower.com All rights reserved. www.chinaitpower.com 版权所有