flash绿色环保动画制作

毕业论文（设计） 题 目 Flash 绿色环保动画制作 姓 名 系 部 经济贸易系 专 业 计算机应用 指 导 教 师 王 职称 工程师 指 导 教 师 成 职称 日 期 2008 年 5 月 23 日 班级 学号 江苏畜牧兽医职业技术学院毕业论文（设计） 1 Flash 绿色环保动画制作 【摘 要】众所周知现在的自然环境是一天一天的在变化，人们还处于半懈 怠对待环境的状态，当环境恶化到不不能在弥补的时候，那时人们的环保意识 在强也来不急挽救了，所以我的选择了制作绿色环保flash 动画，以此来唤醒人 们对环境保护的意识。我利用了平面设计和flsahmax2004制作的flash 森林短 片主要介绍了人们对森林的乱砍乱伐乱开发而影响了人们的正常生活，呼吁 人类一起参于到环保的活动中。 【关键词】环保，绿色，生态，动画，森林 1.前言 随着计算机的日益普及，使用计算机制作Flash动画已经成为了现代人 必须具备的一项基本功能。Flash Max 2004是美国的MACROMEDIA公司于1999 年6月推出的矢量动画编辑软件的新版本。用它来制作动画可以将音乐，声 效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 新版的Flash mx 4.0的推出,这预示着在网页制作中，Flash技术的应用将变 得更为广泛。可以说，Flash的推出，使从前高深莫测的多媒体创作变得极 具亲和力，每个人都可以通过并不复杂的造作实现多变的交互动画，在动画 中表达自己想要的东西，让多媒体作品更具动感。校全购大学生自己的购物 网 2.特点 我的主题动画主要具有以下特点： (1) 素材的应用：这是 flash 绿色环保设计比较复杂的的一的个方面，由于 想整体达到一种和谐顺畅的感觉，光靠 flashmax2004 的软件是远远不够的， 还需要用平面设计等多个相关的软件，这些软件对于处理背景的效果功能是 很强大的。不同的情景需要不同的场景衬托。 Flash 绿色环保动画制作 2 (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 中最重要的工具之一。用它 可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧 之间的关系，从而实现不同效果的动画。 江苏畜牧兽医职业技术学院毕业论文（设计） 3 (11) 图层制作：图层可以看成是叠放在一起的透明的胶片，如果层上 没有任何东西的话，就可以透过它直接看到下一层。所以我可以根据需要， 在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。使用 图层并不会增加动画文件的大小，相反它可以更好帮助我更好的安排和组织 图形，文字和动画。图层是 Flash 中最基本而且重要的内容，因而需要很好 地掌握。 3.制作步骤 启动 Flash Mx2004 应用程序：校全购大学生自己的购物网 （1）绘图：在我的 flash 动画当中牵涉到筷子夹树的动作，用图片表 现很占空间，而且画面不很流畅，因此我就开始在 flash 里面进行手绘，对 每个动作的绘制都要非常小心翼翼的去绘画，因为我害怕作品里的动作会不 协调。 （2）场景的布置：在场景中也涉及到很多小的方面的修饰，如云朵、 蓝天、钢铁、砖头、森林、字幕等。为了使这些更真实化、形象化，有的我 则是通过现有的图片进过特殊的处理然后放入场景中去的。短片中的声音是 自己从互联网上下载下来，选择了相对合适的。由于 wav 文件导入 flash 会 使得文件变大，于是我就通过 cool edit 的声音处理软件对该音效进行减肥 处理。转化为.mp3 的格式再导入 flash 中。每个场景的转化基本上都是采用 的是淡入淡出的手法，这样使得画面过渡看上去更加自然、流畅。 （3）声音的导入：在FLASHmax2004软件中支持的声音文件有*.wav和 *.aiff格式等等，先从flash的“文件”菜单中选择“导入”选项，在随后 出现的“导入”对话框中选择相应的mp3文件，当导入声音文件后我发现了 文件没有什么变化，于是又打开了图库窗口看了一下。 这时我在图库窗口 中，发现到了刚才导入的声音文件。这可能是因为FLASH会自动的将导入的 文件转变成组件的原因吧！ （4）按钮的制作：我开始了制作按钮的过程。首先我新建立一个图片组 件，为了简单起见，就把这个组件就用文字代替。 具体操作是：使用“插 入”菜单的“新建组件”选项，打开“组件属性”对话框，给这个组件取名 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,背景颜色为黑 江苏畜牧兽医职业技术学院毕业论文（设计） 5 色，在选择（插入）= （新建元件）命令，打开（创建新元件）对话框， 选中图形单选按钮中创建一个元件。 选择工具箱中的文本工具，选择（窗口）= （属性）命令，在属性面 板中选择适当的字体，大小和颜色，输入相应的文字，选择（插入）= （新建元件）命令，打开（创建新元件）对话框，选中图形单选按钮，创建 一个元件。然后再选择工具箱中的文本工具，在编辑区中输入相应文字。我 用同样的办法创建了“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帧，在弹出的快 捷菜单中选择（动作）命令，打开“动作“面板，添加动作脚本语句： Flash 绿色环保动画制作 6 Stop(); 按下Ctrl+Enter组合键，测试动画效果。 4.问题讨论 在制作过程中遇到了许多问题，主要体现在了以下一下几个方面： (1) 在制作 Flash 的过程当中由于所建的文件太多，经常需要搜索关键 字，这是非常有用的，也是最有效的查找方法。 (2) 由于矢量图象中记录图象信息的是路径点及各个路径点之间的关系。 在所放矢量图象时，实际上仅改变了路径点的坐标位置，当操作完成后，计 算机会重新计算新坐标下的路径，并绘制相应的矢量图象。 (3) 用任意颜色做背景的时候，Flash 动画背景颜色仅可以从 216 种网页 安全色中选择。如果想使用网页安全色以外的颜色作为动画的背景色，可以 使用以下方法：在动画中绘制一个矩形（其他形状也可以） ，然后用目标背 景色填充此物体；按“Ctrl+M”调出动画属性对话框，单击背景颜色，鼠标 箭头变为细管；把鼠标移动到矩形上，选中，然后就可以使用该颜色作为动 画的背景颜色了。 (4) 在制作一个动画时需要建立很多的图层，为了便于出错时的修改， 所以在制作动画时要非常注意图层的插入。插入关键帧也是 flash 动画制作 中非常注意的一点，关键帧决定你的动画效果，每一帧都要看清楚。选好在 哪个帧插关键帧最有动画效果。 (5) 橡皮擦只能对当前层上的对象起作用，要擦除组合中的图形必须先 分解图形。 (6) 要在矢量图形上产生运动补间动化效果，必须把矢量图形转换成为 元件或组合图形。校全购大学生自己的购物网 5 小结 通过这次的毕业设计，进一步熟悉了 Flash Mx2004 的使用。由于时间比 较匆忙，而且自己绘图的技术不是很好，在制作过程中遇到很多的困难，但 我通过查找资料、向老师和同学请教，解决了所有问题，作品也基本达到了 预期效果。但也存在一定的问题，例如，动画比较简单，动作效果不够完美 等，这些都有待进一步完善。 江苏畜牧兽医职业技术学