基于Flash技术的动画设计实现-文献综述

基于 Flash 技术的动画设计实现模拟神州六号的发射过程制作Carry out according to the Flash technical animation design Imitate the blast-off process manufacture of the absolute being state No.6摘要神六发射成功，不仅是中国的骄傲，也是每个炎黄子孙的骄傲。本文以 Flash动画形式展现了神州六号的发射全过程，涉及素材选取、动画制作、测试发布等环节的操作实现。关键字 动画；设计Abstract Absolute being six shoot successfully, not only is a Chinese pride, but also is each pride of descendant with yellow. This text emerged the blast-off whole process of the absolute being state No.6 with the Flash animation form, involving the material selection, the animation creation, test to release the operation realization of wait the link. Keyword animation; design1 引言Flash 是 Macromedia 公司出品的，用在互联网上的，动态的，可实现互动的Shockwave。它的优点是体积小，可边下载边播放。 Flash 虽然不可以像一门语言一样进行编程，但用其内置的语句并结合 JavaScript，用户也可作出互动性很强的动画来。本文选用“神州六号”如何实现发射过程系统模块为设计总体，详细介绍从“打开发射塔”“开始点火升空”“助推器分离”“1、2 级分离”“整流罩分离”“展开太阳翼进入轨道”的整个制作过程。2 动画设计准备工作从整体上讲，完成一个简单的 Flash 对一般的“闪客”来说是一件非常简单的事情，但是完成一个漂亮的动画设计，不是每个“闪客”都能完成的事情。它需要完成一系列的工作，如下：（1）素材准备。我们从互联网上搜集跟该动画相关的素材，然后用图片处理软件进行加工，并处理成自己需要的素材。（2）音乐。音乐可以说是动画中一个不可缺少的元素，给动画加入恰当的音乐，能给动画增添不少色彩。（3）必要的工具。如笔、纸，用于绘制草图。3 设计构思3.1 设计目标从选题创意结构化分析素材准备动画分解制作动画组合动画程序编写，全面考虑作品的创造力、交互式、原创性、趣味性、功能性、技术性、积极性、相关性等。动画设计时兼顾以上知识点，可延伸至互联网供大家分享。3.2 设计流程设计流程如图 1 所示。图 1 3.3 开发平台动画采用 Flash MX 2004 进行设计，以 Photoshop CS 和 Dreamweaver MX 2004 作为动画辅助制作软件。选用 Photoshop CS 主要完成相关图片（素材）的处理（制作） ，选用Dreamweaver MX 2004 主要完成如何将制作成功的动画嵌入到网页中去。4 功能实现4.1 设计步骤1. 首页设计基本上许多动画都会制作一个首页面，即第一个页面，这也是给浏览者的第一印象。Flash MX 2004神州六号的发射过程Photoshop CS Dreamweaver MX 2004制作动画 素材处理 发布动画观看动画后期处理用户通常会根据动画的一个页面来判断该动画的类型，以及对该动画的制作质量进行评价。所以这里我们也制作一个宣传页面，并且设置比较久的停留过程。需要注意的是，在动画停留的过程，可尝试让动画中要显示的内容逐步以动画形式显示出来，从而达到动静结合的效果。（1）制作背景。依次单击“插入”|“新建元件” ，弹出“创建新元件”对话框，选择“图形”选项，然后单击“确定”按钮。（2）选择渐变工具，绘制如图 2 所示的图形效果。图 2 色彩渐变效果（3）导入素材。单击“文件”|“导入”| “导入到库” ，将会弹出 “选择导入文件到库”对话框，在此对话框中，选择需要导入的火箭素材文件。然后打开“窗口”|“库”面板，并选中刚导入的文件，拖动到场景中。（4）在动画的上、下、左、右增加 4 个黑色边框，在上边框中加入“神州六号的发射过程” ，在下边框中加入“动画制作者：XiaoFan” 。2. 模块设计新建一个图层，重命名为 fanshe，在第 271 帧处单击鼠标右键，插入一个“普通帧” 。导入神州 6 号的发射塔素材，并拖到场景中，同时在左上角输入文字“第 1 步：打开发射塔” ，效果如图 3 所示。图 3 设置第 1 步在第 340 帧中插入一个关键帧，选择发射塔元件，在属性面板中选择“颜色”|Alpha，值设为 100%，并用变形工具适当将其放大，将第 270 帧发射塔元件的 Alpha 值设置为 0%。完成发射塔元件从无到有、从远到近的过程制作。在第 341 帧中插入一个普通帧，导入发射塔元件 2，在 370 插入一个“关键帧” ，并将发射塔元件 2 往右移动一段距离，然后单击鼠标右键，选择“创建补间动画”命令。最终的效果如图 4 所示。图 4 创建补间动画后根据第 1 步模块的设计，模仿制作其他模块。3. 尾页设计通常来说，动画的最后页面也是非常重要的，这标志着一个动画即将制作完毕。在第 996 帧中插入一个普通帧，导入相关的素材，并用文字工具输入自己喜欢的文字，效果如图 5 所示。图 5 尾页设计4.2 编程代码动画设计时，要进行以下两部分编程：（1）第 1 部分就是当影片播放之后，自动停止动画的播放。选择第 996 帧，单击“动作-帧” 面板，依次单击“+” |“全局函数”|“时间轴控制 ”|stop。（2）第 2 部分就是当影片自动停止播放之后，如果需要重新开始播放，则需要先制作一个按钮，然后再在这个按钮上面加入相应的程序即可。选中图 5 中的“重放”按钮并添加下面的程序：on (release)gotoAndPlay(1);4.3 结合在网页中想把动画发布到互联网去，就需要嵌入到 Web 网页中，虽然 Flash MX 2004 自带了这个功能，但是通常非常单调，所以需要使用 Dreamweaver MX 2004 进行美化。其简单操作步骤如下：（1）启动 Dreamweaver MX 2004，并新建一个文件，然后执行“插入”| “表格”命令，插入一个 2 行 1 列、边框值为空的表格。在属性栏设置表格的对齐方式为“居中对齐” 。（2）选择“插入”|“媒体” |Flash，在弹出的“选择文件”对话框中，选择该动画文件保存的地址。（3）保存并预览动画。如图 6 所示。图 6 使用浏览器预览动画效果4 结论制作一个吸引浏览者的 Flash 作品，必须要有丰富的想象力，只有敢于想象，才能制作出优秀的 Flash 作品，只有选题新颖、赋予新意的作品才能让浏览者驻足。参 考 文 献1 王珂编著. Flash MX 2004 中文版应用程序培训教程. 北京：电子工业出版社，20042 吴涛编著. Flash MX 2004 ActionScript