基于Flash技术的动画设计实现论文.doc

基于Flash技术的动画设计实现模拟神州六号的发射过程制作CarryoutaccordingtotheFlashtechnicalanimationdesignImitatetheblast-offprocessmanufactureoftheabsolutebeingstateNo.6摘要神六发射成功，不仅是中国的骄傲，也是每个炎黄子孙的骄傲。本文以Flash动画形式展现了神州六号的发射全过程，涉及素材选取、动画制作、测试发布等环节的操作实现。关键字动画；设计AbstractAbsolutebeingsixshootsuccessfully,notonlyisaChinesepride,butalsoiseachprideofdescendantwithyellow.Thistextemergedtheblast-offwholeprocessoftheabsolutebeingstateNo.6withtheFlashanimationform,involvingthematerialselection,theanimationcreation,testtoreleasetheoperationrealizationofwaitthelink.Keywordanimation；design1引言Flash是Macromedia公司出品的，用在互联网上的，动态的，可实现互动的Shockwave。它的优点是体积小，可边下载边播放。Flash虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScript，用户也可作出互动性很强的动画来。本文选用“神州六号”如何实现发射过程系统模块为设计总体，详细介绍从“打开发射塔”“开始点火升空”“助推器分离”“1、2级分离”“整流罩分离”“展开太阳翼进入轨道”的整个制作过程。2动画设计准备工作从整体上讲，完成一个简单的Flash对一般的“闪客”来说是一件非常简单的事情，但是完成一个漂亮的动画设计，不是每个“闪客”都能完成的事情。它需要完成一系列的工作，如下：（1）素材准备。我们从互联网上搜集跟该动画相关的素材，然后用图片处理软件进行加工，并处理成自己需要的素材。（2）音乐。音乐可以说是动画中一个不可缺少的元素，给动画加入恰当的音乐，能给动画增添不少色彩。（3）必要的工具。如笔、纸，用于绘制草图。3设计构思3.1设计目标从选题创意结构化分析素材准备动画分解制作动画组合动画程序编写，全面考虑作品的创造力、交互式、原创性、趣味性、功能性、技术性、积极性、相关性等。动画设计时兼顾以上知识点，可延伸至互联网供大家分享。3.2设计流程设计流程如图1所示。图13.3开发平台动画采用FlashMX2004进行设计，以PhotoshopCS和DreamweaverMX2004作为动画辅助制作软件。选用PhotoshopCS主要完成相关图片（素材）的处理（制作），选用DreamweaverMX2004主要完成如何将制作成功的动画嵌入到网页中去。4功能实现4.1设计步骤1.首页设计基本上许多动画都会制作一个首页面，即第一个页面，这也是给浏览者的第一印象。用户通常会根据动画的一个页面来判断该动画的类型，以及对该动画的制作质量进行评价。所以这里我们也制作一个宣传页面，并且设置比较久的停留过程。需要注意的是，在动画停留的过程，可尝试让动画中要显示的内容逐步以动画形式显示出来，从而达到动静结合的效果。（1）制作背景。依次单击“插入”|“新建元件”，弹出“创建新元件”对话框，选择“图形”选项，然后单击“确定”按钮。（2）选择渐变工具，绘制如图2所示的图形效果。图2色彩渐变效果FlashMX2004神州六号的发射过程PhotoshopCSDreamweaverMX2004制作动画素材处理发布动画观看动画后期处理（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网页中，虽然FlashMX2004自带了这个功能，但是通常非常单调，所以需要使用DreamweaverMX2004进行美化。其简单操作步骤如下：（1）启动DreamweaverMX2004，并新建一个文件，然后执行“插入”|“表格”命令，插入一个2行1列、边框值为空的表格。在属性栏设置表格的对齐方式为“居中对齐”。（2）选择“插入”|“媒体”|Flash，在弹出的“选择文件”对话框中，选择该动画文件保存的地址。