1、电子信息工程技术系毕业论文武威职业学院毕 业 论 文（设计）题目 FLASH 动画短片制作JERRY 鼠对战灰太狼专业班级： 计算机应用大专班 学生姓名： * 指导教师： * 提交日期： 2011 年 6 月 20 日电子信息工程技术系毕业论文摘 要FLASH 是由美国 Macromedia 公司于 1999 年 6 月出品的用于矢量图编辑和动画创作的专业软件。FLASH 软件主要用于动画制作，使用该软件可以制作出网页交互式动画,还可以将一个较大的交互式动画。本文档主要介绍了 Flash 动画短片的设计过程和实现方法。使用 WaveCN 1.55 正式版软件完成声音的录制、处理和导入，然后导出
2、和发布影片；最后，在本文档的结尾部分详细的描述了JEERRY 鼠对战灰太狼制作的过程与总结，并向在本次制作毕业作品设计过程中为我提供帮助的老师和同学表示感谢。关键字：FLASH 动画、角色、场景、元件电子信息工程技术系毕业论文目 录绪 论 1第一章 FLASH 的诞生 21.1 FLASH 的诞生 .21.2 FLASH 在中国的发展 .2第二章 FLASH 动画的发展前景 32.1 应用程序开发 32.2 软件系统界面开发 32.3 手机领域的开发 32.4 游戏开发 32.5 WEB 应用服务 32.6 站点建设 42.7 多媒体娱乐 4第三章 动画制作使用到的软件 53.1 ADOBE
3、PHOTOSHOP CS4 .53.2 MACROMEDIA FLASH 853.3 WAVECN 1.55 正式版 .5第四章 FLASH 动画的制作过程 64.1 FLASH 前期准备 64.1.1 作品策划及剧本编写 64.1.2 角色与场景设计 .6总 结 13参 考 文 献： 15电子信息工程技术系毕业论文0绪 论动画是从十九世纪创立并快速发展起来的一种新的复合艺术形式，自从世界动画诞生以来，中国动画片便在世界动画影视发展中占据了不容忽视的地位，并体现了它独特的魅力。不论在娱乐方面、教育方面还是广告等方面，动画都展现了极强的魅力，深深的吸引着很多人。不论是长艺术片还是动画短片，不论传
4、统的二维手绘动画还是三维动画，都深受人们的喜爱。而绘制动作的人必须在制作人脑海里意识到镜头的存在，从镜头的远近看场景里的一草一木，然后将这些画面详细绘制出来。而特色就是用二维的场景绘制也能表现出三维的视觉效果” 。我很感谢有机会在武威职业学院学习有关动画的相关知识，并且可以用所学的知识动动手制作自己喜欢的 FLASH 动画作品，本文将浅谈在 MACROMEDIA FLASH 8 制作动画创作过程中遇到的问题和解决方法进行了思考和总结，以便在今后的学习生活中有更好的学习方法，有助于制造能力和意识的提升。在本次作品中人物的制作过程我采用了，借鉴其他成功的动画作品如猫和老鼠 、 喜羊羊与灰太狼 ，期
5、中人物的形象都是来源期中。背景与人物的位置关系，都是依据剧本的内容的关系，进行设计的。电子信息工程技术系毕业论文1第一章 FLASH 的诞生1.1 FLASH 的诞生FLASH 最初是由美国的 jonathan gay 于 1995 年设计出来的，原名为future splash animator。由于 1995 年是互联网高速发展的一年，人们对互联网的平面模式感到不足，jonathan gay 凭借自己的软件设计能力和对市场的观察分析，设计出了 future splash animator 矢量动画软件。1.2 FLASH 在中国的发展FLASH 进入中国是在 FLASH 3.0 版本发布之
6、后，其进入的方式不是直接进入的而是通过国内的网页设计师，学习 Macromedia Dreamweaver 时，通过“回声资讯网站”带入的。在当时国内比较出名的闪客包括边城浪子、皱锐等，他们当时对 FLASH 的应用基本上只涉及网页制作领域，很少涉及 FLASH 动画制作领域。当时国内的闪客们都是通过边城浪子川创作的回声资讯网站、eye4u网站和皱锐制作的七种兵器网站来学习 FLASH 的，但是他们接触的作品较少、原创更少。1999 年 6 月，Macromedia 公司推出了 FLASH 4.0 版本，并且推出了 FLASH 4.0 播放器，更名为 FLASH player 4.0 播放器，
7、Macromedia 公司的这一举动带给了 FLASH 无限的发展前景，真是因为播放器的变革，使得 FLASH 摆脱Director 的约束，成为真正意义上的交互的多媒体软件。1999 年 9 月，回声咨询网站进行全面改版，更名为“闪客帝国” ，将网站中关于其他软件技术的讨论全部抛弃，成为专业的 FLASH 社区。1999 年 11 月，在广大闪客的要求下，闪客帝国设立了中国第一个 FLASH作品榜，这为国内的广大闪客们提供了一个展示的舞台。通过这个舞台，学习FLASH 的人越来越多，FLASH 的制作技术也不仅局限于网站广告，闪客们发挥各自的特长。为 FLASH 动画的发展奠定了基础。电子信
8、息工程技术系毕业论文2第二章 FLASH 动画的发展前景2.1 应用程序开发由于其独特的跨平台特性、灵活的界面控制以及多媒体特性的使用，使得用 FLASH 制作的应用程序具有很强的生命力。在与用户的交流方面具有其它任何方式都无可比拟的优势。2.2 软件系统界面开发FLASH 对于界面元素的可控性和它所表达的效果无疑具有很大的诱惑。对于一个软件系统的界面，FLASH 所具有的特性完全可以为用户提供一个良好的接口。2.3 手机领域的开发手机领域的开发将会对精确（像素级）的界面设计和 CPU 使用分布的操控能力有更高的要求，但同时也意味着更加更广泛的使用空间。事实上手机和Pocket PC 的分界已
9、越来越不明显，开发者必须为每一款手机设计一个不同的界面，因为它们的屏幕大小各有不同。2.4 游戏开发事实上，FLASH 中的游戏开发已经进行了多年的尝试。但至今为止仍然停留在中、小型游戏的开发上。游戏开发的很大一部份都受限于它的 CPU 能力和大量代码的管理。不过可喜的是，FLASH Player 7 运行时性能提高了 2 至 5 倍；而且最新的 FLASH MX 2004 Professional 提供了项目管理和代码维护方面的功能，Actionscript 2.0 的发布也使得程序更加容易维护和开发。2.5 Web 应用服务其实很难界定 Web 应用服务的范围究竟有多大，它似乎它拥有无限的
10、可能。随着网络的逐渐渗透，基于客户端服务器的应用设计也开始逐渐受到欢迎，并且一度被誉为最具前景的方式。但是，这种方式开发者可能要花更多的时间在服务器后台处理能力和架构上，并且将它们与前台（FLASH 端）保持同步。2.6 站点建设事实上，现在只有极少数人掌握了使用 FLASH 建立全 FLASH 站点的技术。因为它意味着更高的界面维护能力和开发者整站架构能力。但它带来的好处也异常明显：全面的控制；无缝的导向跳转；更丰富的媒体内容；更体贴用户的电子信息工程技术系毕业论文3流畅交互；跨平台和瘦客户端的支持；以及与其它 FLASH 应用方案无缝连接集成等。2.7 多媒体娱乐尽管它的发展速度没有像当初
11、预言的那样迅速，但它仍然还在不断前进。FLASH 本身就以多媒体和可交互性而广为推崇。它所带来亲切氛围相信每一位用户都会喜欢。FLASH 影片的后缀名为.swf ，该类型文件必须有 FLASH 播放器才能打开，但占用硬盘空间少，所以现在被广泛应用于游戏。电子信息工程技术系毕业论文4第三章 动画制作使用到的软件3.1 Adobe Photoshop CS4Photoshop 是 Adobe 公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件。主要用于 Flash 中场景的绘制。3.2 Macromedia Flash 8 Macr
12、omedia Flash 8 为网页设计人员和开发人员提供了一系列工具，包括图形效果工具、动画制作工具、文本、视频和音频工具，用于提供从桌面到手机的丰富的用户体验。使用 FLASH 创建功能强大的互动式营销、演示文稿、丰富的媒体广告、电子教学、娱乐、商业应用、互动视频体验等内容。它是动画制作实现工具。3.3 WaveCN 1.55 正式版WaveCN 1.55 正式版，它是一个 32 位的音频编辑软件，通过本软件可对音频数据进行编辑修改并能创造出特殊的效果。WaveCN 1.55 正式版为全中文界面，直观的多文档操作，无穷步的撤销和恢复撤销，支持完全内存编辑，在具备足够大内存的情况下可以达到最
13、大速度等。主要用于后期声音的录制和编辑。电子信息工程技术系毕业论文5第四章 FLASH 动画的制作过程4.1 FLASH 前期准备4.1.1 作品策划及剧本编写故事编写是借鉴了猫和老鼠和喜羊羊与灰太狼 ，来编写的。通过故事情节，编写了剧本内容如下：JERRY 鼠对战灰太狼第一场景：杰克鼠正在回顾自己在和汤姆猫的对战场景,突然看见了一个报道,时光穿梭机以研发成功。第二场景：JEERY 鼠乘上了时光穿梭机，踏上了它的来世之旅。第三场景：喜洋洋和它的伙伴们正在青青河边做着游戏,灰太狼则在草丛里窥视着它们,脸上显露出得意的坏笑。第四场景：灰太狼想出了它的捕羊计划，开始了它的陷阱布置，玩耍的羊们，并没有
14、发现危险的到来。第五场景：灰太狼设法抓住了懒羊羊和美羊羊。第六场景：JEERY 鼠到达青青草原。第七场景：来到狼堡，JEERY 鼠使出了它最厉害的降猫巴掌将灰太狼拍倒在地。第八场景：小老鼠们爬上了柱子咬断了绳子把小羊们救了下来第九场景：JEERY 鼠从它的工具箱里拿出了一个发射器把灰太狼和红太狼绑在了上面，对准了火星发射了出去。第十场景：灰太狼和红太狼被发射到了火星，过着水深火热的日子。第十一场景：喜羊羊它们回到了羊村。第十二场景：JEERY 鼠要返回自己的家乡了，它走进了时光穿梭机开动引擎，搜的一下消失了。电子信息工程技术系毕业论文64.1.2 角色与场景设计在本次动画制作中，角色的使用是模
15、仿猫和老鼠 、 喜羊羊与灰太狼中动画形象，制作而成的，本片有三个部分：开头、主体、结尾。注：场景中人物的设计则是按照剧本描述使用 Adobe Photoshop CS4 扣出来的。1.场景绘制：电子信息工程技术系毕业论文7注：应用 Adobe Photoshop CS4 进行场景的绘制：第一步 新建 Photoshop文档，设置像素为 1200*400，其他保持默认。第二步 新建图层，使用渐变填充工具，选择蓝色与白色，填充为蓝天的效果。第三步 使用钢笔工具勾画出山的轮廓，再使用渐变填充工具，填充草地的颜色。第四步 使用画笔工具，笔触为小草，设前景色为绿色，背景色为淡黄色，描绘小草轮廓。再用涂抹
16、工具和模糊工具实现明暗效果。用同样的方法进行天空的白云。2.新建 Macromedia FLASH 8 文件注：选择”文件“、 ”新建” 、 ”Flash 文档”命令，建立空白文档，大小为600*400 像素，背景为灰色。3.插入关键帧电子信息工程技术系毕业论文8注：FLASH 文档新建完成之后，就是帧的插入，首先是新建图层，选择第一帧，单击右键选择插入关键帧。4.制作原件注：第一步 新建影片剪辑原件。第二步 每隔 4 帧插入一个关键帧在每一帧上插入一张人物图像。第三步 调整好人物的大小位置，这样影片剪辑的逐帧动画制作完成。5.遮罩的制作电子信息工程技术系毕业论文9注：一个遮罩层可以有多个被遮
17、罩层。第一步 新建两个图层，是其中一个为遮罩层另一个为被遮罩层。第二步 在遮罩层上用矩形工具绘制一个与舞台同样大小的长方形。在被遮罩层上插入图像和文字或是动画。第三步 锁定遮罩层和被遮罩层，在此遮罩效果制作完毕。6.运动引导层动画注：第一步 新建图层，单击新建引导层按钮建立引导关系。第二步 应用铅笔工具，绘制运动引导路径。第三步 第一帧将蝴蝶元件，添加到运动引导路径开始端，再在第一百二十帧的位置插入关键帧，将蝴蝶移动到结束位置。7.配音的录制与制作电子信息工程技术系毕业论文10注：第一步 打开 WaveCN 1.55 正式版录音软件，单击录音按钮，开始场景中人物对话的录入。第二步 将声音文件进
18、行编辑 选择没有声音的波段，右击剪贴。第三步 单击“效果”按钮适当增大录音声音。第四步 保存。8.声音的插入（1）单击【文件】【导入】菜单命令，打开“导入”对话框，选择要导入的声音文件。从中选取想要导入的声音文件后，单击【打开】按钮。导入的声音会自动加载到库中。(2)、再给动画添加声音。单击【插入】【图层】 ，在时间轴中为声音加入一个新的图层，以放置声音。选择一个图层名双击，改名为“台词”便于日后的管理。选择“声音”图层，将声音从库中直接拖动到场景中，按【F6】键插入关键帧。这时就看到声音波形图。 （如图示）设置声音同步。单击声音所在图层的关键帧。在“属性”面板的“同步”中设置声音播放的方式。
19、最后在“循环”文本框中输入声音循环的次数。9.片尾的制作与插入电子信息工程技术系毕业论文11注：片尾是由一个影片剪辑完成的。第一步 新建影片剪辑元件。第二步 新建图层在图层上插入关键帧将准备好的家图形元件，添加到舞台。第二步 将所有元件，添加到舞台一一按顺序插入。第三步 在场景中插入背景音乐。电子信息工程技术系毕业论文12总 结在设计人物、场景的时候，我知道了每个物体的一举一动 都能感染整个场景。色彩运用关系到这幅作品优劣。好的作品可以让人璀璨夺目，不好的作品让人觉得黯淡无光。每个场景都是根据剧本内容中所表达的内容来确定要用到怎么样的场景。在此次动画设计中我用到了，在课堂上所学到的元件引用元件
20、的方法，以及用遮罩动画和运动补间动画，按钮和脚本语言。经过这次动画的制作，我深深的体会到每个动画的背后是需要很大的努力与付出、坚强的耐力和不怕困难的精神，才能够完成一部作品。通过此次作品的制作，让我对 FLASH 的操作更加的熟练、也在制作动画过程中深入的学习到了很多设计方面与制作构思上接触到了很多。最重要的制作动画中磨练了我的意志。我想只要认真学习，多借鉴别人的经验，多思考，多锻炼，就一定能够作出好的作品。电子信息工程技术系毕业论文13致 谢：在这里我感谢课任老师*老师，指导老师：*和*老师。感谢您对我在校期间，给予我的指导与帮助，让我这么快的从一个不懂动画的初学者渐渐的成长为会用一些课堂上
21、所学的制作出自己第一个由自己制作而成的 FLASH 动画。还有感谢在此次设计中我的搭档和在设计过程中热情帮助我的同学们。另外，感谢武威职业学院给予我这样一次机会，能够独立地完成一个设计，并在这个过程当中，给予我们各种帮助，使我们在即将离校的最后一段时间里，能够更多学习一些实践应用知识，增强了我们实践操作和动手应用能力，提高了独立思考的能力。再一次对我的母校表示感谢。 最后谢谢 老师们的悉心指导。电子信息工程技术系毕业论文14参 考 文 献：1 力行工作室,FLASH CS4 完全自学教程,北京，水利水电出版社, 2009年 10 月。2 文杰创作室，Web 动画完全手册，北京，人民邮电出版社，1999 年 11月。3 刘小伟 温培和，FLASH8 中文版动画创作实用教程，北京，电子工业出版社，2004 年 4 月。4 成戈，二维动画设计制作 FLASH8，北京，电子科技大学出版社，2008年 6 月。5 刘涛，FLASH 创意设计实例教程，北京，清华大学出版社，2003 年 6月。6 付一君，FLASH 影视动画短片设计与制作，北京，清华大学出版社，2010 年 6 月。7 赵放，蒋恩普，计算机平面设计基础，北京，科学出版社，2003 年 4月。
