Flash绿色环保动画制作.doc

江苏畜牧兽医职业技术学院毕业论文（设计）班级 学号 毕业论文（设计） 题 目 Flash绿色环保动画制作 姓 名 系 部经济贸易系专业计算机应用 指 导 教 师 王 职称 工程师 指 导 教 师 成 职称 日期2008年5月23日 Flash绿色环保动画制作 【摘 要】众所周知现在的自然环境是一天一天的在变化，人们还处于半懈怠对待环境的状态，当环境恶化到不不能在弥补的时候，那时人们的环保意识在强也来不急挽救了，所以我的选择了制作绿色环保flash动画，以此来唤醒人们对环境保护的意识。我利用了平面设计和flsahmax2004制作的flash森林短片主要介绍了人们对森林的乱砍乱伐乱开发而影响了人们的正常生活，呼吁人类一起参于到环保的活动中。【关键词】环保，绿色，生态，动画，森林1. 前言随着计算机的日益普及，使用计算机制作Flash动画已经成为了现代人必须具备的一项基本功能。Flash Max 2004是美国的MACROMEDIA公司于1999年6月推出的矢量动画编辑软件的新版本。用它来制作动画可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。新版的Flash mx 4.0的推出,这预示着在网页制作中，Flash技术的应用将变得更为广泛。可以说，Flash的推出，使从前高深莫测的多媒体创作变得极具亲和力，每个人都可以通过并不复杂的造作实现多变的交互动画，在动画中表达自己想要的东西，让多媒体作品更具动感。校全购大学生自己的购物网2.特点我的主题动画主要具有以下特点：(1) 素材的应用：这是flash绿色环保设计比较复杂的的一的个方面，由于想整体达到一种和谐顺畅的感觉，光靠flashmax2004的软件是远远不够的，还需要用平面设计等多个相关的软件，这些软件对于处理背景的效果功能是很强大的。不同的情景需要不同的场景衬托。(2) 背景的构图：要考虑到整体的色彩的搭配，背景构图需要花很长的一段时间。(3) 背景音乐：缺少背景音乐短片当然不够完整，在这主要采用的是MP3格式的音频插入。(4) 时间轴：以时间轴为基础，时间轴用于对层和帧中的电影内容进行组织和控制，使这些内容随着时间的推移而发生相应的变化。Flash可以制作逐帧的GIF格式动画，也可以制作补间动画（过渡变形动画）。补间动画包括动作补间和形状补间。补间动画只需制作动画的关键帧，中间帧由系统自动生成，这样就减少制作的工作量及文件尺寸这样就使得过渡效果平滑。(5) Alpha通道：Alpha通道是用来存放图象透明信息的。 Flashmax2004可以使用Alpha通道定义或控制矢量图形中色彩的透明度和渐变效果。另外，它还支持导入位图携带的Alpha通道信息。(6) 屏蔽层操作：Flasmax2004可以利用屏蔽层来设置动画中某些部分显示或不显示，从而使各个层的操作互不干扰，呈现出特殊的动画效果。(7) 关键帧和图符：使用关键帧和图符使得所生成的动画.swf文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。(8) 元件在制作中的功能：我把元件看作flash动画中的演员，在我所学的书当中又把元件称之为符号。分别有影片剪辑、按钮、图形三种类型。在flash的制作中我把所有的元件都存放在库Librart当中去,调用库的快捷键为Ctrl+L。(9) 制作场景：场景相当于实际表演中的舞台，每增加一个场景就相当于增加了影片的一集或一幕。(10) 帧和时间轴：在flash中有的帧是由制作者来指定的称为关键帧。而两个关键帧之间的变化过程是由软件来自动完成的，这其中的帧称为过渡帧。时间轴是所有帧在时间上的集合，是Flash中最重要的工具之一。用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。(11) 图层制作：图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，就可以透过它直接看到下一层。所以我可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。使用图层并不会增加动画文件的大小，相反它可以更好帮助我更好的安排和组织图形，文字和动画。图层是Flash中最基本而且重要的内容，因而需要很好地掌握。3.制作步骤启动Flash Mx2004应用程序：校全购大学生自己的购物网（1）绘图：在我的flash动画当中牵涉到筷子夹树的动作，用图片表现很占空间，而且画面不很流畅，因此我就开始在flash里面进行手绘，对每个动作的绘制都要非常小心翼翼的去绘画，因为我害怕作品里的动作会不协调。（2）场景的布置：在场景中也涉及到很多小的方面的修饰，如云朵、蓝天、钢铁、砖头、森林、字幕等。为了使这些更真实化、形象化，有的我则是通过现有的图片进过特殊的处理然后放入场景中去的。短片中的声音是自己从互联网上下载下来，选择了相对合适的。由于wav文件导入flash会使得文件变大，于是我就通过cool edit的声音处理软件对该音效进行减肥处理。转化为.mp3的格式再导入flash中。每个场景的转化基本上都是采用的是淡入淡出的手法，这样使得画面过渡看上去更加自然、流畅。（3）声音的导入：在FLASHmax2004软件中支持的声音文件有*.wav和 *.aiff格式等等，先从flash的“文件”菜单中选择“导入”选项，在随后出现的“导入”对话框中选择相应的mp3文件，当导入声音文件后我发现了文件没有什么变化，于是又打开了图库窗口看了一下。 这时我在图库窗口中，发现到了刚才导入的声音文件。这可能是因为FLASH会自动的将导入的文件转变成组件的原因吧！ （4）按钮的制作：我开始了制作按钮的过程。首先我新建立一个图片组件，为了简单起见，就把这个组件就用文字代替。 具体操作是：使用“插入”菜单的“新建组件”选项，打开“组件属性”对话框，给这个组件取名为“WELCOME”，并将它设置成为图形的属性，单击“确定”按钮；然后选定文字工具按钮，选择好字体和大小之后，输入“开始”文字，选定设置成另外的颜色。这样相关按钮的素材做好了。我又同样新建一个另外的一个组件，将原先的“组件属性”对话框中的“类型”选定为“按钮”，并将它命名为button，这时在timeline栏中看到按钮所特有的属性。具体为：向上（up）： 没有击活按钮时显示的内容；经过（Over）：当鼠标移动到按钮上时，显示的内容；向下（Down）：当鼠标点击按钮时，显示的内容（我的声音就要在此时发出）；执行（Hit）：这是比较复杂的属性了，这只表示BUTTON的有效范围，这时按钮内容以下的任何物件都不会被显示出来。 这时我就用到了起初刚建立的welcome图片了。选择图库窗口中的welcome组件，直接将此组件从图库窗口中拖出。这时看到按钮的“向上”关键帧中的有个实心黑色点；为了使按钮在点击时发生动态变化，我又开始在Over、Down中加入一些关键帧，具体的操作是分别在“经过”和“向下”的下面找到对应的图层1的空白处插入关键桢。然后，我又对“经过”和“向下”中的内容做了稍加修改，单击窗口菜单中的面板的“效果”选项，在随后出现的“效果”面板中调整颜色。（5）按钮效果音乐：在按钮中为它添加效果音乐，我在声音文件专门添加个图层，并命名为wave，还是在图层1的位置插入层，然后双击图层输入新的名字wave。因为声音只是在鼠标点击按钮后才发出，所以我将把声音加到DOWN中，在wave图层中Down的位置添加一个关键桢。打开图库窗口中，选择bark声音文件，将其拖到工作区中，此时，在wave图层的Down桢上就自动添加声音的波形，选择“编辑”菜单的“编辑影片”菜单项，回到场景中，然后将图库窗口中button组件拖动到工作区中，带有声音的按钮动画就这样制作好了。于是我选择“控制”菜单中的“测试影片”菜单项，测试影片，当在按钮上单击鼠标时，将发出我添加的音效。选择“文件”菜单中的“导出影片”，将该文件保存起来，以后就可以使用了。（6）漂浮文字的设计过程：选择（修改）=（文档）命令，打开（文档属性）对话框，在该对话框中设置尺寸大小为550px*400px,背景颜色为黑色，在选择（插入）=（新建元件）命令，打开（创建新元件）对话框，选中图形单选按钮中创建一个元件。 选择工具箱中的文本工具，选择（窗口）=（属性）命令，在属性面板中选择适当的字体，大小和颜色，输入相应的文字，选择（插入）=（新建元件）命令，打开（创建新元件）对话框，选中图形单选按钮，创建一个元件。然后再选择工具箱中的文本工具，在编辑区中输入相应文字。我用同样的办法创建了“N”，“G2”,“D”和“A2”的图形元件。按下Ctrl+E组合键，将编辑区切换到”场景1“中去。连续单击时间轴面板中的“插入图层”按钮次，插入6个图层。分别双击各层的层名区，更改它们的名称从上至下依次为：“G1”，“U”，“A1”，“N”，“G2”，“D”和“A2”；单击时间轴面板中的插入图层按钮，插入一个名为“bg”的图层并拖至最底层。选择工具箱中的椭圆工具，在颜色面板中分别设置不同的辐射渐变色，按住shift键，在“bg”图层的第1帧中绘制4个不同颜色的辐射渐变小球。选择工具箱中的直线工具，设置颜色为白色，在“bg”层中绘制两条直线。分别选中“G1”等文字图层的第1帧，从库面板中拖如相对应的字母元件，并排列。分别选中“G1”图层的第7帧和第25帧，在弹出的快捷菜单中选择（插入关键帧）命令，各插入一个关键帧。选中第25帧，将“G1”实例往右上方移动一段距离并适当放大。右击第25帧中的“G1”实例，在弹出的快捷菜单中选择（属性）命令，打开属性面板，在颜色下拉列表框中选择“alpha”选项，将其值设为0%右击“G1”层的第7帧，在弹出的快捷菜单中选择（创建补间动画）命令，添加运动渐变效果。分别右击U层的第10帧和第28帧，在弹出的快捷菜单中选择（插入关键帧）命令，各插入一个关键帧。将“U”层第28帧的“U”实例往右上方移动一段距离并适当放大。选种“U”实例，在属性面板中的（颜色）下拉列表框中选择alpha选项，将其设为0%右击“U”层的第10帧，在弹出的快捷菜单中选择（创建补间动画）命令，添加运动渐变效果。用同样的方法处理其余各文字图层，且使各关键帧依次推后3帧出现。选中所有图层的第49帧，按F5键插入帧，时间轴面板单击时间轴面板中的“插入图层”按钮，插入一个名为“action”的图层并拖至最底层。右击“action”层的第49帧，按F6键插入一个关键帧。右击第49帧，在弹出的快捷菜单中选择（动作）命令，打开“动作“面板，添加动作脚本语句： Stop();按下Ctrl+Enter组合键，测试动画效果。4.问题讨论 在制作过程中遇到了许多问题，主要体现在了以下一下几个方面： (1) 在制作Flash的过程当中由于所建的文件太多，经常需要搜索关键字，这是非常有用的，也是最有效的查找方法。 (2) 由于矢量图象中记录图象信息的是路径点及各个路径点之间的关系。在所放矢量图象时，实际上仅改变了路径点的坐标位置，当操作完成后，计算机会重新计算新坐标下的路径，并绘制相应的矢量图象。 (3) 用任意颜色做背景的时候，Flash动画背景颜色仅可以从216种网页安全色中选择。如果想使用网页安全色以外的颜色作为动画的背景色，可以使用以下方法：在动画中绘制一个矩形（其他形状也可以），然后用目标背景色填充此物体；按“Ctrl+M”调出动画属性对话框，单击背景颜色，鼠标箭头变为细管；把鼠标移动到矩形上，选中，然后就可以使用该颜色作为动画的背景颜色了。(4) 在制作一个动画时需要建立很多的图层，为了便于出错时的修改，所以在制作动画时要非常注意图层的插入。插入关键帧也是flash动画制作中非常注意的一点，关键帧决定你的动画效果，每一帧都要看清楚。选好在哪个帧插关键帧最有动画效果。(5) 橡皮擦只能对当前层上的对象起作用，要擦除组合中的图形必须先分解图形。(6) 要在矢量图形上产生运动补间动化效果，必须把矢量图形转换成为元件或组合图形。校全购大学生自己的购物网5 小结通过这次的毕业设计，进一步熟悉了Flash Mx2004的使用。由于时间比较匆忙，而且自己绘图的技术不是很好，在制作过程中遇到很多的困难，但我通过查找资料、向老师和同学请教，解决了所有问题，作品也基本达到了预期效果。但也存在一定的问题，例如，动画比较简单，动作效果不够完美等，这些都有待进一步完善。参考文献1 王爱民。多媒体技术与应用-Photoshop.Authorware.Flash版M,中国水利水电出版社 2007 45-60。2 严晨 等。21世纪高等院校数字艺术设计系列教材M, 机械工业出版社2005：45-46。3 金超 等。 Flash max 2004基础教程M, 清华大学出版社 2006(1)：32-33。4 赵艳铎 等。动画制作教程Flash max 2004M，机械工业出版社 2005（8）：27-40。5 李兵 等。Flashmx高级应用与实例M, 冶金工业出版社 2003（9）： 40-70。6 赵译兵 。平面设计-文字与动