1、I摘 要二维动画作为网络中的宣传先锋在网络中占据了重要的角色，各大网站随处可见二维动画广告和宣传片。Flash 是一款功能强大、使用方便的二维动画设计软件，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，制作出高品质的网页动态效果，如今网上大部分的二维动画都是 Flash 动画。由此可见，Flash 动画在网络领域的前景是大有可为的。笔者希望通过自己制作的一部二维动画作品，来理解和掌握 Flash 动画的设计思路和制作流程，并针对 Flash 的一些关键性技术作出深入的分析和研究。本文是以一部奥运宣传片的设计和制作为例，探讨了 Flash 中的一些关键性技术的应用。宣传片主要分为两个部
2、分，第一部分描述奥运火炬，它经历了全世界各个角落的传递（包括海滨、草原、城市、森林等地方） ，最终到达主会场，成功点燃。第二部分是介绍宣传奥运，通过各种图片介绍奥运的有关项目以及奥运的历史，北京奥运的口号、会徽、吉祥物等。关键词： FLASH 技术；2d 动画；奥运会；宣传片；设计 IIAbstract2-D animation as a pioneer in the network play an important role in the network. Two-dimensional animation advertising and promo can be seen everywh
3、ere in the major sites. Flash is a powerful, easy-to-uses two-dimensional animation design software, it can be used music, sound, animation and innovative interface together, to create high-quality page dynamic effects, most of the two-dimensional now online is flash animation. So, flash animation i
4、n the field of network is promising.I hope that through my own production of a two-dimensional animation works, people can understand and master the design of flash animation and production processes, and for some of the key technologies in-depth analysis and research. This paper is an example of Ol
5、ympic promo of the design and production, and discuss a number of key technology applications of flash.The promo is divided into two parts, the first description of the Olympic torch through every corner of the worlds transfer (including the beach, grassland, cities, forests, etc.), to end at the ma
6、in meeting venue, successfully lit the torch. The second part is to propaganda Olympic Games, I use a variety of images to propaganda the Olympic Games and the history of the Olympic Games, Beijing Olympic slogan, emblem, mascot, etc.keywords： Flash technique; Two-dimensional animation; Olympic Game
7、s; promo; designIII目 录第 1 章 二维 FLASH 动画概述 21.1 二维动画发展历程及其技术 .21.2 flash 动画的优势、特点和作用 21.3 flash 动画对商业广告的影响 3第 2 章 设计方案 42.1 设计目标 42.2 设计思路 .42.3 环境支持 42.3.1 硬件环境 42.3.2 软件环境 52.4 工具介绍 52.4.1 fireworks 介绍 .52.4.2 flash 介绍 6第 3 章 具体实现 .103.1 素材图片的制作和处理 .10IV3.1.1 场景一 .103.1.2 场景二 .113.1.3 场景三 .153.1.4
8、场景四 .183.2 场景布局、设计及介绍 .183.2.1 场景一 .183.2.2 场景二 .203.2.3 场景三 .293.2.4 场景四 .383.3 后期合成 38第 4 章 测试并生成播放文件 .404.1 测试动画 404.1.1 音乐歌词测试 .404.1.2 动画测试 .404.2 发布并生成播放文件 41第 5 章 总 结 .43致谢语 44参考文献 45VContentsChapter 1 Outlines of Two-dimensional Animation FLASH . . . . . . . . . . . . . . . . . . . . . . . .
9、 . 21.1 Two-dimensional Animation Development and Technology . . . . . . . . . . . . . . . . . . . . . . . . 21.2 The Advantage, Features and Functions of Flash Animation . . . . . . . . . . . . . . . . . . . . . . . . . 61.3 Flash Animation on the Impact of Commercial Advertising . . . . . . . . .
10、. . . . . . . . . . . . . . . . 6Chapter 2 Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72.1 Design Objectives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
11、 . . . . . . . 72.2 Design Ideas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72.3 Environmental Support . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8VI2.3.1
12、 Hardware Environment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82.3.2 Software Environment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82.4 Tools Introduced . . . . . . . . . . . . . . . . . . . . . . . .
13、. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82.3.1 Firework Introduced . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82.3.2 flash Introduced . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
14、 . . . . 9Chapter 3 Concre Realization . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133.1 Production and Processing of the Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133.1.1 Scene 1 . . . . . . . . . . . .
15、. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133.1.2 Scene 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143.1.3 Scene 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
16、. . . . . . . . . . . . . . . . . . . . . . . . . 193.1.4 Scene 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223.2 Scene Layout, Design and Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
17、133.2.1 Scene 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223.2.2 Scene 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243.2.3 Scene 3 . . . . . . . . . . . .
18、. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33VII3.2.4 Scene 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423.2 Synthesis of the Late . . . . . . . . . . . . . . . . . . . . . . . . .
19、 . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42Chapter 4 Test and Generate Play Documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444.1 Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
20、. . . . . 444.1.1 Music Lyrics Test . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444.1.2 Animation Test . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444.2 Published and Broadcast Documents . . .
21、 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45Chapter 5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47Acknowledgement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
22、. . . . . . . . . . . . . 47References . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48VIII厦门大学本科毕业论文1引 言随着上网人数的剧增，越来越多的商业客户开始重视网络这个宣传、展示的平台，网络广告近些年随之呈快速发展的势头。尽管三维广告也在不断的发展，但是各大网站、电视的广告中，二维 Flash 广告依然占据着重要的部分。Flash 广
23、告具有体积小、效果好、跨媒体性强，制作、改动成本低廉的优点，它的视觉冲击力比其他的广告形式要强，同时更具有亲和力和交互性优势。Flash 目前运用十分广泛。美国运通、通用汽车、K 玛特、MILLER BREWING 等公司均通过 Flash 广告获得了更好的宣传效果。目前世界前 500 强企业已经转向使用 FLASH 技术，FLASH 技术可以传递完整、互动的信息，从而使响应比率比标准的 BANNER 广告大大提高。“我们发现，使用 Flash 技术的网站比普通的网站访问量更大” ，POING OF VIEW 公司业务发展主任 JOHN HORN 说：“在网页上，FLASH 比起其它技术更能给
24、访问者留下深刻的印象” 。2008 年奥运会将在北京举行，它中国历史长河中重要的一年，在这样的时代背景下，经过反复的思考，我决定尝试做一段有关奥运宣传的 Flash 小短片，为 2008 北京奥运会宣染氛围，同时学习使用一下当今流行的动画制作技术。宣传片主要分为两个部分，第一部分描述奥运火炬，它经历了全世界各个角落的传递（包括海滨、草原、城市、森林等地方） ，最终到达主会场，成功点燃。第二部分是介绍宣传奥运，通过各种图片介绍奥运的有关项目以及奥运的历史，北京奥运的口号、会徽、吉祥物等。厦门大学本科毕业论文2第一章 二维 FLASH动画概述1.1 二维动画发展历程及其技术从 1906 年布莱克顿
25、的滑稽脸上的幽默相第一部动画片诞生至今，动画这门视觉艺术已经走过了它将近 100 年的历史。随着科学技术的迅猛发展，动画的表现手法也越来越丰富。因此，从不同技术手段上将其分为两种类型，即二维动画和三维动画。 二维动画一般指传统的手绘动画，是通过动画师来绘制每一帧画面，最终用摄影机或扫描仪合成传递在屏幕上。而三维动画是制作人员通过计算机所安装的软件界面来操作所要制作的动画造型、背景、灯光等元素。因此，是由于制作手段上的不同将其分为两类。目前国际上比较流行的专业二维动画制作软件主要有Animo、USAnimation、RETAS、AnimationStand、flash、CTP 和 Toonz 等
26、，而本次设计采用的就是 flash 二维动画设计技术。FLASH 的前身叫做 FutureSplash，当时 FutureSplash 最大的两个用户是 Microsoft 和 Disney。1996 年 11 月 FutureSplash 正式卖给 MM （M） ，改名为 FLASH 1.0。1.2 flash 动画的优势、特点和作用(1)Flash 动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。 (2)Flash 动画可以放在网上供人欣赏和下载，由于使用的是矢量图
27、技术，具有文件小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到文件的下载过程。所以 Flash 动画在网上被广泛传播。 (3)Flash 动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷” 。不可否认，它已经成为一种新时代的艺术表现形式。 厦门大学本科毕业论文3(4)Flash 动画制作的成本非常低，使用 Flash 制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。(5)Flash 动画在制作完成后，可以把生成的文件设置成带保护的格式，这样维护了设计者的版权利益。1.3 flash 动画对商业广告的影响目前
28、 flash 以其体积小，效果好，制作成本低等优点在商业广告界占据的重要的地位。Flash 可以融多媒体和互动两个特性，具体来说，它一改将平面漫画照搬到网络上仍然是静态页面的展现形态，而实现了动态页面，生成了一种新的表现形态：动态漫画乃至互动漫画。同时，它可以嵌入音乐、视频等多媒体，使得互联网内容变的越来越精彩纷呈。如今的互联网时代，多媒体娱乐已经成为及其重要的一个组成，Flash 已成为业内创制互联网互动多媒体作品的专业首选。据统计，全球几乎 98%的网络浏览器均安装了 Flash 插件，而近几年强大的 Flash 几乎无处不在，其传播速度无可比拟，对于商业广告的影响越来越明显。厦门大学本科
29、毕业论文4第二章 设计方案2.1 设计目标2008 年的北京奥运会是中国的一大盛事，同时也是世界的一大盛事。它将对加强中国的经济建设、提高中国的综合国力和世界地位，有着重要的影响。本人希望通过此次的奥运宣传片，能对 08 北京奥运会的宣传做点支持工作，使得奥林匹克理想和精神将得到更广泛的普及和发展。此外，此次的设计是学习使用 flash8、fireworks8、photoshop cs 等软件来制作一段flash 短片，希望通过制作这段 flash 短片，我可以学习、理解和掌握二维动画设计的概念和 flash 等工具的使用以及项目的策划思想。2.2 设计思路项目的具体目标是制作一段关于 200
30、8 北京奥运会的宣传片，点击 Start 开始短片，短片的开头将会是有关奥运火炬的内容，后面将通过介绍奥运会的部分项目来宣传奥运会，当中还会体现我们北京奥运的特点和意义，充分宣传 2008 年北京奥运会。经过了 fireworks，flash 等软件的学习并且收集各种材料之后，就要确定设计思路了。本次设计分为四个场景制作。第一场景制作开始界面，点击 start 开始短片；第二场景介绍奥运火炬的传递。第三场景介绍奥运的历史，北京奥运的特点以及对奥运的部分项目进行动画介绍；最后一个场景做总结并结束；整个短片持续 8 分钟左右。2.3 环境支持2.3.1 硬件环境pc 机一台Intel(R) Pen
31、tium(R) 2 及以上处理器256m 内存，20G 以上硬盘厦门大学本科毕业论文52.3.2软件环境操作系统：windows xp图像处理软件：fireworks 8动画制作软件：flash 82.4 工具介绍2.4.1 fireworks 介绍Fireworks 是由 Macromedia 公司发布的一款专为网络图形设计的图形编辑软件，它既可以编辑 web 图像，又可以编辑 web 动画，制作按钮、导航条、菜单等，甚至能直接制作网页，同时具有多种传统图形制作软件的功能。图 2.1 fireworks 软件界面Fireworks 不同于 Photoshop 等图形软件，它并不专限于创建矢量
32、图或处理位图，而是综合了它们双方的某些特性。Fireworks 是一个可以同时编辑位图和矢量图形的软件，而其厦门大学本科毕业论文6他图形图像软件总是偏重于某一方面。为此，Fireworks 拥有两种图形编辑模式：位图编辑模式和矢量图编辑模式。在 Fireworks 中，可以非常方便地在矢量图编辑模式和位图编辑模式之间进行切换。这一优势，使得网页图形设计人员再也不必在多种图形设计软件之间频繁切换。由于功能的强大，它同 Macromedia 公司的另外两款软件 Dreamweaver、Flash 一起称为“网页制作三剑客” 。Fireworks 的操作界面如图 2.1 所示。2.4.2 flash
33、 介绍Flash 是由美国的 Macromedia 公司推出的一款优秀网页动画设计软件。是 Macromedia公司的“网络三剑客”之一。它是一种交互式动画设计工具，用它可以将音乐，声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。图 2.2 flash 软件界面Flash 的原理就是快速连续播放静止的图片，给人眼产生的错觉就是画面会连续动起来。那些静止的图片叫帧，播放速度越快，动画就越流畅。Flash 中的动画制作方式分为两种，一种是类似于 Fireworks 中的帧动画的制作，就是要把每一帧都描绘出来，再通过每一帧的不同来组成动画。还有一种就是补间动画，这种就是只描绘出
34、动画过程的某些帧，通过补间厦门大学本科毕业论文7动画来自动生成期间的帧而不用人为的刻意制作，使用补间动画的制作方式则可以轻松创建平滑过渡的动画效果。可以说 Flash 是一款非常独立但又和网络紧密结合的流媒体动画制作软件。Flash 的操作界面如图 2.2 所示。由于 Flash 也具有制作图片的功能，所以为了方便，在这次设计中自己制作的图片都是在 Flash 中直接制作的，而 Fireworks 只用来处理那些从网上收集的图片素材。下面就简要介绍下 flash 的中的一些术语和用法。1.帧（Frame）和帧速我们知道一段动画是由一幅幅静态的连续的图片组成的，在这里我们称每一幅的静态图片为“帧
35、”。一个个连续的“帧”快速地切换就形成了一段动画。这段动画的流畅真实程度取决于单位时间内（秒）构成这段动画的帧的多少（也就是播放帧的多少），帧越多动画看起来就越流畅自然。我们把单位时间内播放帧的多少称为“帧速”，在 Flash 中“帧”一般分为三种：关键帧、空白关键帧和过渡帧，这三种类型在时间轴上有明确的表示；另外，我们可以通过背景属性来修改所创建的动画的帧速。（图 2.3、图 2.4）图 2.3 帧 图 2.4 调整帧速图 2.5 层2.层（Layer）这是个老生常谈的概念了。在 Flash 中，层可分为两种：一种为“图层”，这和厦门大学本科毕业论文8PhotoShop 中的概念一样。另一种
36、是“动画层”，它其实是图层的扩展，顾名思义“动画层”中的元素是以动态的形式存在的，这种层中包含了“帧”以形成动画。在 Flash 中动画层有普通层、遮罩/被遮罩、引导/被引导层这五类（各类的层可以方便的进行转换），其中遮罩/被遮罩、引导/被引导层是成对出现的。层的操作主要有添加/删除、显示/隐藏、锁定/开放这六种。（图 2.5）3.场景（Scene）在 Flash 中“场景”可以看作是舞台是容器。构成 Flash 动画的所有元素都被包含在场景中。所以场景在一段 Flash 动画中是不可缺少的（至少要有一个场景）。当一段 Flash 动画包含多个场景时，播放器会在播放完第一个场景后自动播放下一个
37、场景的内容直至最后一个场景播放完。我们可以通过 Scene 面板来完成对场景的添加/删除操作，并可以拖拽其中各场景的排列顺序来改变播放的先后次序。（图 2.6）4.元件（Components）元件是 Flash 中极其重要并且经常要用到的概念，它可以将多个元素组合起来一同使用。在开发 Flash 动画的时候通过引用元件可以有效的减少所生成影片的大小也可以在开发小组各成员之间方便的交换使用。在 Flash 中符号可分为三类，分别是：影片剪辑，按钮，图形。图 2.6 场景面板 图 2.7 库面板厦门大学本科毕业论文9我们可以通过插入-新建元件将所选中的图形元素转换为元件。通过 Library（库）
38、面板我们可以对影片中的符号进行预览和操作。当需要使用符号时只需将合适的符号从 Library 面板中拖拽至需要的位置即可，当源符号被改变时所有的子符号都将随之而改变。（图 2.7） 5.逐动画和关键帧帧动画这是在 Flash 中生成动画的两种方式。先看逐帧动画，它要求制作者在影片的每一帧中逐帧绘制动作连续的图像以形成动画，我们所看到的动画片大都是以这种形式制作的。制作这种动画的工作量非常大但能够表达出复杂的动作变形；而关键帧动画则是 Flash 的重头戏，比如说我们制作一个有正方形渐变成圆形的动画，只需画出这两个图形（分别是起始状态和最终状态）插入到两个不相连的帧中，设定补间动画即可，中间的变
39、形部分就有 Flash 来完成了。不过它不适合表现较复杂的变形（比如走路）。（图 2.8）图 2.8 帧动画6.动作脚本（AS ActionScript）这是 Flash 中内嵌的一种用以开发交互式界面、动画的脚本语言，使用 AS 可以方便快捷的开发出各种炫目的动画效果和精彩的互动游戏。特别是自 Flash5.0 以来 AS 已经越发的完善，构成了 Flash 不可或缺的一部分。厦门大学本科毕业论文10第三章 具体实现3.1 素材图片的制作和处理作品中使用到的图片素材需要在 Fireworks 中处理。下面针对设计中所需要用到的素材进行说明。3.1.1场景一这个场景是动画的开始部分，只需要制作
40、一张图片。这张图片主要是天坛的造型，主要由三个元素构成，一个是背景色，一个是天坛的图片还有就是天坛的栏杆。天坛的图片是从网上下载下来并用 fireworks 魔术棒工具将背景色去掉，天坛的栏杆是在 flash 中绘出来的，背景色采用的是线性的渐变色制作而成。 （图 3.1）图 3.1 片头图这个场景中还需要一个按钮元件，设置好按钮颜色以及按钮声音（从网上下载的两个按钮的声音素材）后需要使用 AS 实现按钮的功能，就是当点击按钮时跳转至下一场景。按钮AS 如下：on (release) 厦门大学本科毕业论文11nextScene();play();其他的都是些文字的变换，下一章中将具体描述。3.
41、1.2 场景二这个场景是动画的重要部分，需要的素材图片较多。这个场景主要描述的是火炬的传递。这个场景大体需要六张图片主要图片以及人跑步的一个影片剪辑，同时还该场景的背景音乐超越梦想 。第一张图片就是一张世界地图，从网上下载下来并利用 Flash 的椭圆工具将雅典和北京的两个地方标注出来。 （图 3.2）图 3.2 标有北京和雅典的世界地图第二张图片是一张海滨的图片。这是一张动态图片，由 Flash 影片剪辑做成。这张图片分为三层。第一层是旗帜层，由一条横幅、一些国旗和五环旗构成，国旗和五环旗再次采用影片剪辑使国旗和五环旗达到飘动的效果。第二层是公路层，只包含一条由自己绘制的公路元件。第三层是背
42、景层，这一层相对比较复杂，是一个影片剪辑。里面包含了两条游行的小厦门大学本科毕业论文12船，小船的波浪，飞翔的海鸥，日出，小山以及背景大海构成。其中小船和海鸥采用的是动作补间，而波浪采用了遮罩层的原理。 （图 3.3）图 3.3 海滨图图 3.4 草原图第三张图片是一张野外草原的图片。这也是一张动态图片，由 Flash 影片剪辑做成。这厦门大学本科毕业论文13张图片也分为三层。第一层是国旗层，由一条悬挂多面国旗和五环旗的横幅构成，国旗和五环旗采用的是第二张图片里用过的飘动的国旗和五环旗的影片剪辑，只是采用任意变形工具对起进行了方向的调整。第二层是公路层，只包含一条由自己绘制的公路元件。第三层是
43、背景层，是一个影片剪辑。里面包含了飘动的白云和风筝及背景草原构成。其中白云和风筝采用的是动作补间，风筝上还悬挂了一条“北京加油，奥运加油”的横幅。 （图 3.4）第四张图片是一张夜晚城市的图片。这也是一张动态图片，由 Flash 影片剪辑做成。这张图片分为三层。第一层是中国加油，是用影片剪辑做成的发光的“中国加油”四个字。第二层是旗帜层，在各个高楼的外面都悬挂了国旗，五环旗并在路边有一条“北京加油，奥运加油”的横幅。第三层是背景层，是一个影片剪辑。里面包行了城市的马路，高楼以及天上的月亮和星星。 （图 3.5）第五张图片是一张森林的图片。这也是一张动态图片，由 Flash 影片剪辑做成。这张图
44、片也分为三层。第一层是栅栏层，这是一个自绘的栅栏元件。第二层是国旗层，依然是包含了国旗和五环旗，以及两条横幅。第三层是背景层，是一个影片剪辑，里面包含了飘动的白云、山、树以及马路。其中白云采用的是动作补间，其他的为自绘的元件。 （图 3.6）图 3.5 夜晚城市图厦门大学本科毕业论文14图 3.6 森林图第六张图片是一张主火炬场的图片。这也是一张动态图片，由 Flash 影片剪辑做成。这张图片比较复杂，共分为七层。第一层是背景层，描述了黑夜的背景。第二层是跑道层，包含了一条跑道。第三层是烟花层，是一个影片剪辑，利用了补间动画和遮罩层原理制作的烟图 3.7 主火炬场图厦门大学本科毕业论文15花燃
45、放效果，在这一场景的过程中一直在空中燃放烟花。接下来一层是看台层，显示了看台的墙壁以及墙壁上悬挂的横幅和旗帜。第五层和第六层分别是气球层和主火炬台层，气球层显示了两个正在飘扬的热气球，主火炬层是一个主火炬的元件。最后一层是字体层，在最后显示“北京 2008”的艺术字体字样。 （图 3.7）此外，本场景还需要一个人跑步的影片剪辑，人物的头部和四肢都是比较精细的，由于没有手写画板，直接手绘无法制作，所以从网上下载了一个人物并用 fireworks 里的裁剪和魔术棒工具把人的头部以及四肢提取出来，然后与自己绘的人物的身体拼凑起来，做了三幅图用来不停的切换构成影片剪辑。 （图 3.8）以上就是场景二所
46、使用的图片素材，大部分是自己手动绘制的。对于场景二中所使用的文字的变换，将在下一章中详细描述。图 3.8 人物图3.1.3场景三这个场景主要是介绍北京奥运会的口号、会徽、项目等，相对比较简单，技术水平也要求不是很高，但是图片素材要求较多。这个场景分三部分，第一部分主要是介绍奥运会的会徽、口号等，第二部分介绍奥运会的吉祥物，第三部分介绍奥运会的部分项目。第一部分首先需要一张申奥成功时申奥代表团欢庆的图片，然后还需要五环图、奥运会徽图、奥运口号图。 （图 3.9、图 3.10、图 3.11）厦门大学本科毕业论文16图 3.9 申奥代表团欢庆图图 3.10 奥运五环图 3.11 奥运口号厦门大学本科
47、毕业论文17第二部分需要的图片是五张福娃的图片，这些都是网络下载的素材图片，经过fireworks 的魔术棒工具把背景色去掉，然后导入到 flash 中使用。 （图 3.12）图 3.12 福娃第三部分需要的图片是奥运会项目的图片，这些也是网络下载的素材图片，主要是福娃模仿奥运项目的图片，以及奥运项目官方的图片。这些图片经过 fireworks 的魔术棒工具把背景色去掉，然后导入到 flash 中使用。 （图 3.13、图 3.14）图 3.13 奥运项目图厦门大学本科毕业论文18图 3.14 奥运项目图3.1.4场景四第四场景是结束段。主要需要制作的是一个 Replay 按钮，点击按钮后重头
48、开始播放。3.2 场景布局、设计及介绍收集和制作好所需要的素材之后，就可以开始进行场景的设计和布局了，下面对各个场景的布局设计作简要的介绍。3.2.1场景一该场景是动画的开始部分，不需要太长也不需要复杂。这个场景分 6 层。邮箱、Copyright、按钮、控制、文字和背景层。邮箱采用动作补间技术动态显示制作者的邮箱。Copyright 同样采用动作补间技术动态显示制作者的版权。控制这层只在最后一帧加上一句厦门大学本科毕业论文19AS 代码，用来控制当该场景播放完毕但仍未点击按钮进入下一场景时，自动跳至该场景第一帧重新播放该场景，直到点击按钮进入下一场景为止。按钮是在当该场景播放到一定时间时显示
49、出来的。背景层显示制作的场景一所需的背景图片。文字层显示文字的变换和动态效果。本场景一开始屏幕显示“同一个世界，同一个梦想”的奥运口号，中文从小到大显示，英文从左右屏幕进入显示，之后两行淡出，显示奥运五环图并跳入“北京欢迎您” ，最后进图 3.15 场景一动画截图 1厦门大学本科毕业论文20图 3.16 场景一动画截图 2入页面的是奥运会徽，显示发光的“中国加油，奥运加油”字样。在文字的变换过程中邮箱和 copyright 也不断地从左侧进入屏幕显示，按钮在显示“北京欢迎您”字样是显示。 （图3.15、3.16、3.17）图 3.17 场景一动画截图 33.2.2场景二这个场景是动画的重要部分，相对比较复杂。总共分为六层，其中三个层为备用层。当背景层被使用时，我们可以使用备用一层，当这两层都被使用时，我们可以使用备用二层，目前只到备用三层。其他三层为歌词层，音乐层和背景层。音乐层是把音乐导入后放入这个层中，这一层也是该场景的长度控制层，音乐有多长，这个场景就有多长。歌词是根据音乐来制作的，与音乐的歌词相匹配显示。背景层是这个场景的主层，显示动画的主要内容都在这个层上。这个场景大
