Flash二维动画技术探讨及其应用——乌鸦喝水-毕业论文.doc

1、 本科毕业论文 题目： Flash 二维动画技术探讨 及 其应用 乌鸦喝水 姓 名： 学 院：软件学院 系：软件工程 专 业：软件工程 年 级： 学 号： 指导教师： 职称： 职称： 年 月I 摘 要 Flash 是一个技术门槛比较低，开发成本也相对比较低的优秀软件。它让不少业余爱好者很快能够加入到创作者的行列中来。因其不少作品很符合 大众口味 ， 而且这种新颖的 动画具有 便于网络传播的形式，喜好 Flash 动画的观众数量 在短时间内迅速上升 。 在商业领域，因为 Flash 的网络传播性 和 画面的可塑性。 它 很快成为了企业或商家们都喜好的网络展示形式，用于他们的商业站点 、 产品展示

2、 、 会议演示， 甚至电视节目 都有 Flash的踪影 ，并且业界 也在进行着把 Flash 更加多的应用到传统媒体的尝试。 由于 Flash 动画 具有制作简单、成本低、通用性较大、受网络资源的制约小，甚至可以具备交互性等三维动画无法替代的优势，因此在动画游戏制作、网络构件、广告设计、工控界面等领域 Flash 二维动画依旧发挥着不可替代的作用。 由此可见， Flash 动画拥有着良好的前景，它的优势综合起来更加使它具备强劲的实力能够更多的创造获利机会。 笔者希望通过自己实践开发完成一部动画短片来掌握 Flash 二维动画技术的基本概念、原理、软件工具以及实现方法，为以后进一步的应用和开发奠

3、定基础。 本文还针对 Flash 二维动画制作过程中的技术问题进行了深入的探讨，希望可以通过对技术问题的探讨，掌握更多技能来辅助 Flash 的创作，让设计工作更加高效率。 关键词 动画 路径 帧 II Abstract Flash appeared in China in 1997, its considered to be an excellent software for the easy-using technology and low cost. Because of the two important advantages, many amateurs are attracted

4、to join in the group of creators. The number of its audiences increase very fast in a short term, thats not only because of many of them correspond with peoples taste, but also because of this new kind of animation can be spread easily on the Internet. Due to its advantage of spreading way and the p

5、lasticity of design, in the field of commerce, Flash becomes the enterprises or businessmens favorable way of showing on the Internet, it is used in their business stations, exhibitions, meeting demonstration, even in the TV programmes. At the same time, the field is trying to apply Flash in more tr

6、aditional medium. As we see, Flash has a very good prospect, its advantages make it have much more stronger power to create more profitable opportunities. The writer hope that through designing and carrying out an animation of her own to master the basic conception, theory, software tools and the me

7、thod of how to realize an animation, profoundly speaking, all of them lay a foundation for a better application and exploitation in the future. In this thesis, the writer aims directly at the discuss of the technology used in designing the Flash 2D animation. Through this discuss, the writer expects

8、 to master more technologies to assist the design of Flash so that the process of designing an animation can be more effective. Key words animation frame path III 目 录 引 言 . - 1 - 第 1 章 概述 . - 2 - 1.1 Flash 二维动画概述 . - 2 - 1.1.1 Flash 二维动画的概念 . - 2 - 1.1.2 Flash 二维动画技术的产生和发展 . - 2 - 1.1.3 Flash 二维动画的主

9、要技术 . - 3 - 1.2 Flash 二维动画制作的主要特点 . - 5 - 1.3 Flash 二维动画的应用前景 . - 6 - 1.3.1 Flash 二维动画的优势 . - 6 - 1.3.2 Flash 二维动画的应用前景 . - 6 - 第 2 章 开发背景 . - 8 - 2.1 开发目的 . - 8 - 2.2 设计目标 . - 8 - 2.3 工具介绍 . - 8 - 2.3.1 Photoshop 介绍 . - 8 - 2.3.2 Flash MX 介绍 . - 9 - 2.4 环境支持 . - 10 - 2.4.1 硬件环境 . - 10 - 2.4.2 软件环境

10、. - 10 - 第 3 章 开发步骤 . - 11 - 3.1 故事情节的安排 . - 11 - 3.2 为动画添加背景 . - 12 - 3.2.1 图层的创建 . - 12 - 3.2.2 绘制路径 . - 13 - 3.2.3 用渐变色填充选区 . - 13 - 3.2.4 花瓣的制作 . - 15 - 在花瓣的制作过程中，我主要进行了以下几个步骤： . - 15 - 3.2.5 树的制作 . - 16 - 3.3 动画角色的创作 . - 17 - 3.3.1 使用钢笔工具创建路径 . - 17 - 3.3.2 为选区填充颜色 . - 18 - 3.4 动画制作说明 . - 19 -

11、3.4.1 制作过程中应用的关键原理 . - 19 - 3.4.2 翻页特效的制作 . - 21 - 3.4.3 迷你文字特效的制作 . - 24 - 3.4.4 让背景动起来 . - 24 - 3.4.5 乌鸦飞行的动画制作 . - 25 - 3.4.6 水的制作 . - 26 - 3.4.7 水的变化 . - 27 - IV 3.4.8 由远到近的镜头切换 . - 28 - 3.4.9 加载音频 . - 29 - 3.4.10 ActionScript 编辑脚本 . - 29 - 3.4.11 边缘保护层的制作 . - 29 - 第 4 章 结论 . - 31 - 致谢语 . - 32 -

12、 参考文献 . - 33 - V Contents Introduction . - 1 - Chapter Summarize . - 2 - 1.1 The summarize of Flash 2D animation . - 2 - 1.1.1 The conception of Flash 2D animation . - 2 - 1.1.2 The appearance and development of the technology of Flash 2D animation .- 2 - 1.1.3 The main technologies of Flash 2D anim

13、ation . - 3 - 1.2 The principal characters of the production of Flash 2D animation . - 5 - 1.3 The prospect of the application of Flash 2D animation . - 6 - 1.3.1 The superiority of Flash 2D animation. - 6 - 1.3.2 The prospect of the application of Flash 2D animation . - 6 - Chapter The background o

14、f this programme . - 8 - 2.1 The propose of this programme . - 8 - 2.2 The traget of this programme . - 8 - 2.3 The introduction of the tools. - 8 - 2.3.1 The introduction of Photoshop . - 8 - 2.3.2 The introduction of Flash MX. - 9 - 2.4 The running environment of this programme . - 10 - 2.4.1 The

15、environment of hardware . - 10 - 2.4.2 The environment of software . - 10 - Chapter The steps of developping this programme . - 11 - 3.1 The arrangement of the storys content . - 11 - 3.2 Add the background to this animation . - 12 - 3.2.1 The creation of layers . - 12 - 3.2.2 The establishment of p

16、aths . - 13 - 3.2.3 Fill up the appointed areas with gradient color . - 13 - 3.2.4 The creation of the pentals . - 15 - 3.2.5 The creation of the trees . - 16 - 3.3 The creation of the rule . - 17 - 3.3.1 Creat the paths with the tool of pen. - 17 - 3.3.2 Fill up the appointed area. - 18 - 3.4 The e

17、xplanation of the animations production . - 19 - 3.4.1 The main principles used in this programme . - 19 - 3.4.2 The creation of the special efficacy of turning page . - 21 - 3.4.3 The creation of the special efficacy of mini letters . - 24 - 3.4.4 Make the background move . - 24 - 3.4.5 The creatio

18、n of the flying crow . - 25 - 3.4.6 The creation of the water . - 26 - VI 3.4.7 The change of the water. - 27 - 3.4.8 The switch of the shots from far to near . - 28 - 3.4.9 The addition of the sounds. - 29 - 3.4.10 Using ActionScript to compiler the script . - 29 - 3.4.11 The creation of the layer

19、protecting the edges . - 29 - Chapter Conclusion. - 31 - Acknowledgement . - 32 - References . - 33 - 厦门大学本科毕业论文 - 1 - 引 言 二维动画在动画发展史上占据着相当大的空间，直到 90 年代三维动画 的崛起， 导致 传统的二维动画面临着新的困境。 在三维动画大片海底总动员取得了前所未有的成功之后，有关二维动画即将退出历史舞台的报道更是在各大媒体上频频亮相。 三维动画的诞生 不仅在银幕前向观众展示了立体真实的动画效果，带给了观众前所未有的视觉享受，并且改进了传统动画片的制作工艺，使得

20、动画的制作向着更高效率的方向前进。尽管三维动画的产生确实 对二维动画造成 了 极大的冲击， 但并不能因此认定二维动画已经走到了末路。 通过与 Flash 技术相结合制作而成的二维动画 具备 多媒体和互动两个特性。随着网络多媒体制作技术的发展，音乐 、动漫、文字实现了互相穿插链接是一个迫近的趋势，内容变的越来越精彩纷呈。以互联网多媒体为方向的多元媒体相互竞争、并行发展的格局。 并且由于Flash 动画 具有 制作简单、成本低、通用性较大 、受网络资源的制约小 ，甚至可以具备交互性等三维动画无法替代的优势 ， 因此在动画游戏制作、网络构件、广告设计、工控界面等领域Flash 二维动画依旧 发挥着不

21、可替代的作用。 我这篇论文就是针对 Flash 二维动画 技术探讨及其运用展开的 。 厦门大学本科毕业论文 - 2 - 第 1章 概述 1.1 Flash 二维动画概述 1.1.1 Flash二维 动画的 概念 “动画”通常被 人们理解为“动画片”，实际上动画是一个广义的概念，不单是指制作完成的动画作品。动画是指除真实动作或方法外使用各种技术创作的活动影像，亦即是以人工的方式创造动态影像。 二维动画一般是指传统的手工绘画，是通过动画师来绘制每一帧画面，最终用摄影机或扫描仪合成传递在屏幕上的动画。 Flash 二维动画指的就是凭借 Flash 技术制作而成的二维动画。 1.1.2 Flash二维

22、动画 技术 的 产生 和发展 1.1.2.1 Flash 二维动画技术的产生 在 Flash 出现以前，由于网络带宽不足，以及浏览器支持的问题，网页上播放动画只有两条路可以选择：一是制作 成 GIF 动画，缺点是只有 256 色；二是使用 Java 编程，动画效果完全取决于程序编写者的功力。感谢 Macromedia 公司， 他们收购了一家小公司 的 Flash， 经研究开发后推出了后来的 Flash，从而使得网络带宽不再是问题，无数网络爱好者也可以自己精心设计高品质的动画。 1.1.2.2 Flash 二维动画技术的发展 Flash 最早期的版本称为 Future Splash Animat

23、or，当时 Future Splash Animator 最大的两个用户是微软 （ Microsoft） 和迪斯尼 （ Disney） 。 1996 年 11 月， Future Splash Animator 卖给了MM（ M） ，同时改名为 Flash1.0 。这里不得不提到的人物是乔纳森 盖伊(Jonathan Gay)，是他和他的六人小组首先创造了 Future Splash Animator，也就是现在 Flash的真正前身了。 厦门大学本科毕业论文 - 3 - Macromedia 公司在 1997 年 6 月推出了 Flash 2.0 ， 1998 年 5 月推出了 Flash3

24、.0。 Flash 3自 98 年面市以来以其独特的 2D 网页多媒体技术及交互式的编程令浏览者眼睛一亮，但新生事物总是被人忽略的，当 时只在少数几个先知先觉的个人主页采用了这种技术。 99 年中 Flash 4.0 版本正式推出， Flash 4.0 开始有了自己专用的播放器，称为 “ Flash Player” ，但是为了保持向下相容性， Flash 仍然沿用了原有的扩展名： .SWF（ Shockwave Flash） 。 其动画 制作 与脚本编程得到了较大的加强，在短短的一年时间里， FLASH 动画得到了迅猛的发展与普及。 2000 年 8 月 Macromedia 推出了 Flash 5.0 ，它所支持的播