14_第10章_FlashMX案例.docVIP

第三组 案例10.6.1 Flash MX制作渐变动画综合案例 一、设计目的 学习动画制作软件Flash MX的制作移动渐变动画和形状渐变动画的综合使用方法。 二、案例要求 1. 案例要求： 制作移动渐变动画。动画效果为：在草坪背景中一个圆球在草地上跳动，并按一定的方向自转。 2. 最终效果： 演示文件：草地上跳动的小球.swf 三、案例分析 设计时可将过程分解为5步： 第1步. 在图层的第1帧～第10帧：设计小球的由远及近，并且图形不断放大。 第2步. 在图层的第10帧～第25帧：设计小球的由近移动至舞台右侧，并且图形不断缩小。 第3步. 在图层的第25帧～第60帧：设计小球的由舞台右侧移动至舞台左侧，并且图形不断缩小。 第4步. 在图层的第60帧～第150帧：设计小球的由远及近，沿预先设置的轨迹运动，并且图形不断放大。 第5步. 在图层的第150帧～第160帧：设计小球停留在原地。 提示：观看动画演示效果，注意观察“小球”所在具体位置。 四、案例操作： 1. 新建Flash MX 2004文件。 2. 设置舞台背景。 (1) 选择“文件”?“导入”?“导入到舞台”，在“导入”对话框中选择文件“草坪.jpg” (2) “修改”?“文档”，打开“文档属性”对话框。 将“匹配”设为“内容”，以使得舞台和背景相匹配；帧频设为“10”，如下图所示。 3. 将“图层一”改名为“背景”。 (1) 选择“图层一”，改名为“背景”。 (2) 在第10帧处按F6键，增加一个“关键帧”。 4. 新增加一个图层并改名为“图层”。 (1) 选择图层“背景”，单击增加图层图标，新增加一个图层“图层2”。 (2) 改名为“图层”。 5. 绘制“小球”，并将“小球”转换成图形“元件”。 (1) 选择图层“图层”的第1帧，单击工具箱中的“椭圆”工具，并将填充色工具设为如下图所示。为绘制“小球”准备底色。 (2) 在舞台的适当位置绘制出用此颜色填充的“小球”。 (3) 单击选取 箭头工具，再点击“小球”。即选中此圆。 (4) 选择“修改”?“转换成元件”，在“转唤为符号”对话框中设置“名称”，如下图所示。 此时，“小球”的周围出现蓝色的边框，如下图所示。 6. 插入关键帧并设置图形“小球”大小。 (1) 在“图层”的第10帧处插入关键帧（按F6键）。 (2) 第1帧上选择“小球”，在“属性”栏中调整图形大小。 (3) 第10帧上选择“小球”，并适当调整位置。在“属性”栏中调整图形大小，以产生逼近的视觉效果。 （提示：“小球”所在具体位置参看动画演示效果。） 7. 设置动画为“移动渐变”动画。 (1) 单击“图层”时间轴上两关键帧之间任意一帧，在帧属性面板上设置“补间”类型为“动作”。此是操作的关键。 此时，两关键帧之间出现背景为浅灰色的黑色箭头，表示所设动画是一个“移动渐变”动画。 (2) 设置元件的运行状态。 ·将运行“简易”值设为“-90，以改变匀速运行状态。 ·将旋转为“顺时针”。 其他各选项设置如下图所示。 图 帧属性面板 提示：至此，完成了“第1步”，即在图层的第1帧～第10帧，设计小球的由远及近，并且图形不断放大。 8. 测试效果并保存文件。 按回车键即可进行测试。 9.插入下2个关键帧，设置图形大小并设置动画为“移动渐变”动画。 (1) 在“图层”的第25帧、第60帧处插入关键帧（按F6键）。 (2) 在“背景”的第25帧、第60帧处插入关键帧（按F6键）。 (3) 重复6～8步的操作：设置图形“小球”大小；适当调整“小球”位置，设置动画为“移动渐变”动画；测试效果并保存文件。 （提示：“小球”所在具体位置参看动画演示效果。） 第25帧处“小球”图形大小调整为：宽50，高50。 第60帧处“小球”图形大小调整为：宽10，高10。 提示：至此，完成了“第2步”和“第3步”，即在图层的第11帧～第25帧，设计小球的由近移动至舞台右侧，并且图形不断缩小。在图层的第25帧～第60帧，设计小球的由舞台右侧移动至舞台左侧。 10.添加运动引导层，在“引导层”画出运动轨迹曲线，作为运动轨迹。 (1) 单击“图层”的第60帧，再单击“添加运动引导层”按钮，添加“引导层”。 (2) 选中“引导层”的第60帧。 (2) 在工具箱中选择“铅笔工具”。 (3) 设置工具箱中“颜色”， 其中：表示边线颜色。 (3) 单击在编辑区（舞台）中央绘制一个“运动轨迹曲线”，如下图所示。 11. 在“引导层”、“图层”和“背景层”上再插入一个“关键帧”。 (1) 在“引导层”、“图层”和“背景层”上选择各第150帧。 (2) 按F6键，各插入一个“关键帧”。 12. 定位曲线运动轨迹 (1) 单击“图层”的第60帧。 (