flash_毕业设计论文--动画短片

武威职业学院

毕业论文（设计）

题目FLASH动画短片制作——

JERRY鼠对战灰太狼

专业班级：计算机应用大专班

学生姓名： ***

指导教师： ***************

提交日期： 2011 年 6 月 20 日

FLASH是由美国Macromedia公司于1999年6月出品的用于矢量图编辑和动

画创作的专业软件。FLASH软件主要用于动画制作，使用该软件可以制作出网页

交互式动画,还可以将一个较大的交互式动画。

本文档主要介绍了Flash动画短片的设计过程和实现方法。使用WaveCN 1.55 正式版软件完成声音的录制、处理和导入，然后导出和发布影片；最后，在本文档的结尾部分详细的描述了《JEERRY鼠对战灰太狼》制作的过程与总结，并向在本次制作毕业作品设计过程中为我提供帮助的老师和同学表示感谢。

关键字：FLASH 动画、角色、场景、元件

绪论 (1)

第一章FLASH的诞生 (2)

1.1FLASH的诞生 (2)

1.2FLASH在中国的发展 (2)

第二章FLASH动画的发展前景 (3)

2.1应用程序开发 (3)

2.2软件系统界面开发 (3)

2.3手机领域的开发 (3)

2.4游戏开发 (3)

2.5W EB应用服务 (3)

2.6站点建设 (3)

2.7多媒体娱乐 (4)

第三章动画制作使用到的软件 (5)

3.1A DOBE P HOTOSHOP CS4 (5)

3.2M ACROMEDIA F LASH 8 (5)

3.3W A VE CN1.55正式版 (5)

第四章FLASH动画的制作过程 (6)

4.1FLASH前期准备 (6)

4.1.1作品策划及剧本编写 (6)

4.1.2 角色与场景设计 (6)

总结 (13)

参考文献： (15)

绪论

动画是从十九世纪创立并快速发展起来的一种新的复合艺术形式，自从世界动画诞生以来，中国动画片便在世界动画影视发展中占据了不容忽视的地位，并体现了它独特的魅力。不论在娱乐方面、教育方面还是广告等方面，动画都展现了极强的魅力，深深的吸引着很多人。不论是长艺术片还是动画短片，不论传统的二维手绘动画还是三维动画，都深受人们的喜爱。而绘制动作的人必须在制作人脑海里意识到镜头的存在，从镜头的远近看场景里的一草一木，然后将这些画面详细绘制出来。而特色就是用二维的场景绘制也能表现出三维的视觉效果”。

我很感谢有机会在武威职业学院学习有关动画的相关知识，并且可以用所学的知识动动手制作自己喜欢的FLASH动画作品，本文将浅谈在M ACROMEDIA FLASH8制作动画创作过程中遇到的问题和解决方法进行了思考和总结，以便在今后的学习生活中有更好的学习方法，有助于制造能力和意识的提升。

在本次作品中人物的制作过程我采用了，借鉴其他成功的动画作品如《猫和老鼠》、《喜羊羊与灰太狼》，期中人物的形象都是来源期中。背景与人物的位置关系，都是依据剧本的内容的关系，进行设计的。

第一章 FLASH的诞生

1.1 FLASH的诞生

FLASH最初是由美国的jonathan gay 于1995年设计出来的，原名为future splash animator。由于1995年是互联网高速发展的一年，人们对互联网的平面模式感到不足，jonathan gay凭借自己的软件设计能力和对市场的观察分析，设计出了future splash animator矢量动画软件。

1.2 FLASH在中国的发展

FLASH进入中国是在FLASH 3.0版本发布之后，其进入的方式不是直接进入的而是通过国内的网页设计师，学习Macromedia Dreamweaver 时，通过“回声资讯网站”带入的。在当时国内比较出名的闪客包括边城浪子、皱锐等，他们当时对FLASH的应用基本上只涉及网页制作领域，很少涉及FLASH动画制作领域。当时国内的闪客们都是通过边城浪子川创作的回声资讯网站、eye4u网站和皱锐制作的七种兵器网站来学习FLASH的，但是他们接触的作品较少、原创更少。

1999年6月，Macromedia公司推出了FLASH 4.0版本，并且推出了FLASH 4.0 播放器，更名为 FLASH player 4.0 播放器，Macromedia公司的这一举动带给了FLASH无限的发展前景，真是因为播放器的变革，使得FLASH摆脱Director 的约束，成为真正意义上的交互的多媒体软件。

1999年9月，回声咨询网站进行全面改版，更名为“闪客帝国”，将网站中关于其他软件技术的讨论全部抛弃，成为专业的FLASH社区。

1999年11月，在广大闪客的要求下，闪客帝国设立了中国第一个FLASH作品榜，这为国内的广大闪客们提供了一个展示的舞台。通过这个舞台，学习FLASH 的人越来越多，FLASH的制作技术也不仅局限于网站广告，闪客们发挥各自的特长。为FLASH动画的发展奠定了基础。

第二章 FLASH动画的发展前景

2.1 应用程序开发

由于其独特的跨平台特性、灵活的界面控制以及多媒体特性的使用，使得用FLASH制作的应用程序具有很强的生命力。在与用户的交流方面具有其它任何方式都无可比拟的优势。

2.2 软件系统界面开发

FLASH对于界面元素的可控性和它所表达的效果无疑具有很大的诱惑。对于一个软件系统的界面，FLASH所具有的特性完全可以为用户提供一个良好的接口。

2.3 手机领域的开发

手机领域的开发将会对精确（像素级）的界面设计和CPU使用分布的操控能力有更高的要求，但同时也意味着更加更广泛的使用空间。事实上手机和Pocket PC的分界已越来越不明显，开发者必须为每一款手机设计一个不同的界面，因为它们的屏幕大小各有不同。

2.4 游戏开发

事实上，FLASH中的游戏开发已经进行了多年的尝试。但至今为止仍然停留在中、小型游戏的开发上。游戏开发的很大一部份都受限于它的CPU能力和大量代码的管理。不过可喜的是，FLASH Player 7运行时性能提高了2至5倍；而且最新的FLASH MX 2004 Professional提供了项目管理和代码维护方面的功能，Actionscript 2.0的发布也使得程序更加容易维护和开发。

2.5 Web应用服务

其实很难界定Web应用服务的范围究竟有多大，它似乎它拥有无限的可能。随着网络的逐渐渗透，基于客户端——服务器的应用设计也开始逐渐受到欢迎，并且一度被誉为最具前景的方式。但是，这种方式开发者可能要花更多的时间在服务器后台处理能力和架构上，并且将它们与前台（FLASH端）保持同步。

2.6 站点建设

事实上，现在只有极少数人掌握了使用FLASH建立全FLASH站点的技术。因为它意味着更高的界面维护能力和开发者整站架构能力。但它带来的好处也异常明显：全面的控制；无缝的导向跳转；更丰富的媒体内容；更体贴用户的流畅交互；跨平台和瘦客户端的支持；以及与其它FLASH应用方案无缝连接集成等。

2.7 多媒体娱乐

尽管它的发展速度没有像当初预言的那样迅速，但它仍然还在不断前进。FLASH本身就以多媒体和可交互性而广为推崇。它所带来亲切氛围相信每一位用户都会喜欢。FLASH影片的后缀名为.swf ，该类型文件必须有FLASH播放器才能打开，但占用硬盘空间少，所以现在被广泛应用于游戏。

第三章动画制作使用到的软件

3.1 Adobe Photoshop CS4

Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件。主要用于 Flash中场景的绘制。

3.2 Macromedia Flash 8

Macromedia Flash 8为网页设计人员和开发人员提供了一系列工具，包括图形效果工具、动画制作工具、文本、视频和音频工具，用于提供从桌面到手机的丰富的用户体验。使用 FLASH 创建功能强大的互动式营销、演示文稿、丰富的媒体广告、电子教学、娱乐、商业应用、互动视频体验等内容。它是动画制作实现工具。

3.3 WaveCN 1.55 正式版

WaveCN 1.55 正式版，它是一个32位的音频编辑软件，通过本软件可对音频数据进行编辑修改并能创造出特殊的效果。WaveCN 1.55 正式版为全中文界面，直观的多文档操作，无穷步的撤销和恢复撤销，支持完全内存编辑，在具备足够大内存的情况下可以达到最大速度等。主要用于后期声音的录制和编辑。

第四章 FLASH动画的制作过程

4.1 FLASH 前期准备

4.1.1作品策划及剧本编写

故事编写是借鉴了《猫和老鼠》和《喜羊羊与灰太狼》，来编写的。

通过故事情节，编写了剧本内容如下：

《JERRY鼠对战灰太狼》

第一场景：杰克鼠正在回顾自己在和汤姆猫的对战场景,突然看见了一个报道,时光穿梭机以研发成功。

第二场景：JEERY鼠乘上了时光穿梭机，踏上了它的来世之旅。

第三场景：喜洋洋和它的伙伴们正在青青河边做着游戏,灰太狼则在草丛里窥视着它们,脸上显露出得意的坏笑。

第四场景：灰太狼想出了它的捕羊计划，开始了它的陷阱布置，玩耍的羊们，并没有发现危险的到来。

第五场景：灰太狼设法抓住了懒羊羊和美羊羊。

第六场景：JEERY鼠到达青青草原。

第七场景：来到狼堡，JEERY鼠使出了它最厉害的降猫巴掌将灰太狼拍倒在地。

第八场景：小老鼠们爬上了柱子咬断了绳子把小羊们救了下来

第九场景：JEERY鼠从它的工具箱里拿出了一个发射器把灰太狼和红太狼绑在了上面，对准了火星发射了出去。

第十场景：灰太狼和红太狼被发射到了火星，过着水深火热的日子。

第十一场景：喜羊羊它们回到了羊村。

第十二场景：JEERY鼠要返回自己的家乡了，它走进了时光穿梭机开动引擎，搜的一下消失了。

4.1.2 角色与场景设计

在本次动画制作中，角色的使用是模仿《猫和老鼠》、《喜羊羊与灰太狼》中

动画形象，制作而成的，本片有三个部分：开头、主体、结尾。

注：场景中人物的设计则是按照剧本描述使用Adobe Photoshop CS4扣出来的。

1.场景绘制：

注：应用Adobe Photoshop CS4进行场景的绘制：第一步新建Photoshop 文档，设置像素为1200*400，其他保持默认。第二步新建图层，使用渐变填充工具，选择蓝色与白色，填充为蓝天的效果。第三步使用钢笔工具勾画出山的轮廓，再使用渐变填充工具，填充草地的颜色。第四步使用画笔工具，笔触为小草，设前景色为绿色，背景色为淡黄色，描绘小草轮廓。再用涂抹工具和模糊工具实现明暗效果。用同样的方法进行天空的白云。

2.新建Macromedia FLASH 8文件

注：选择”文件“、”新建”、”Flash文档”命令，建立空白文档，大小为600*400像素，背景为灰色。

3.插入关键帧

注：FLASH 文档新建完成之后，就是帧的插入，首先是新建图层，选择第一帧，单击右键选择插入关键帧。

4.制作原件

注：第一步新建影片剪辑原件。第二步每隔4帧插入一个关键帧在每一帧上插入一张人物图像。第三步调整好人物的大小位置，这样影片剪辑的逐帧动画制作完成。

5.遮罩的制作

注：一个遮罩层可以有多个被遮罩层。第一步新建两个图层，是其中一个为遮罩层另一个为被遮罩层。第二步在遮罩层上用矩形工具绘制一个与舞台同样大小的长方形。在被遮罩层上插入图像和文字或是动画。第三步锁定遮罩层和被遮罩层，在此遮罩效果制作完毕。

6.运动引导层动画

注：第一步新建图层，单击新建引导层按钮建立引导关系。第二步应用铅笔工具，绘制运动引导路径。第三步第一帧将蝴蝶元件，添加到运动引导路径开始端，再在第一百二十帧的位置插入关键帧，将蝴蝶移动到结束位置。

7.配音的录制与制作

注：第一步打开WaveCN 1.55 正式版录音软件，单击录音按钮，开始场景中人物对话的录入。第二步将声音文件进行编辑选择没有声音的波段，右击剪贴。第三步单击“效果”按钮适当增大录音声音。第四步保存。

8.声音的插入

（1）单击【文件】→【导入】菜单命令，打开“导入”对话框，选择要导入的声音文件。

从中选取想要导入的声音文件后，单击【打开】按钮。

导入的声音会自动加载到库中。

(2)、再给动画添加声音。单击【插入】→【图层】，在时间轴中为声音加入一个新的图层，以放置声音。选择一个图层名双击，改名为“台词”便于日后的管理。选择“声音”图层，将声音从库中直接拖动到场景中，按【F6】键插入关键帧。这时就看到声音波形图。（如图示）设置声音同步。单击声音所在图层的关键帧。在“属性”面板的“同步”中设置声音播放的方式。最后在“循环”文本框中输入声音循环的次数。

9.片尾的制作与插入

注：片尾是由一个影片剪辑完成的。第一步新建影片剪辑元件。第二步新建图层在图层上插入关键帧将准备好的家图形元件，添加到舞台。第二步将所

有元件，添加到舞台一一按顺序插入。第三步在场景中插入背景音乐。

总结

在设计人物、场景的时候，我知道了每个物体的一举一动都能感染整个场景。

色彩运用关系到这幅作品优劣。好的作品可以让人璀璨夺目，不好的作品让人觉得黯淡无光。

每个场景都是根据剧本内容中所表达的内容来确定要用到怎么样的场景。

在此次动画设计中我用到了，在课堂上所学到的元件引用元件的方法，以及用遮罩动画和运动补间动画，按钮和脚本语言。

经过这次动画的制作，我深深的体会到每个动画的背后是需要很大的努力与付出、坚强的耐力和不怕困难的精神，才能够完成一部作品。

通过此次作品的制作，让我对FLASH 的操作更加的熟练、也在制作动画过程中深入的学习到了很多设计方面与制作构思上接触到了很多。最重要的制作动画中磨练了我的意志。我想只要认真学习，多借鉴别人的经验，多思考，多锻炼，就一定能够作出好的作品。

致谢：

在这里我感谢课任老师***老师，指导老师：***和***老师。感谢您对我在校期间，给予我的指导与帮助，让我这么快的从一个不懂动画的初学者渐渐的成长为会用一些课堂上所学的制作出自己第一个由自己制作而成的FLASH 动画。

还有感谢在此次设计中我的搭档和在设计过程中热情帮助我的同学们。

另外，感谢武威职业学院给予我这样一次机会，能够独立地完成一个设计，并在这个过程当中，给予我们各种帮助，使我们在即将离校的最后一段时间里，能够更多学习一些实践应用知识，增强了我们实践操作和动手应用能力，提高了独立思考的能力。再一次对我的母校表示感谢。

最后谢谢老师们的悉心指导。

参考文献：

[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月。