1、 I 摘 要 二维动画作为网络中的宣传先锋 在网络中占据了重要的角色,各大网站随处可见二维动画广告和宣传片。 Flash 是一款功能强大 、 使用方便的二维动画设计软件 , 用它可以将音乐 、声效、动画以及富有新意的界面融合在一起,制作出高品质的网页动态效果 ,如今网上大部分的二维动画都是 Flash 动画。 由此可见, Flash 动画在网络领域 的前景 是大有可为的。 笔者希望通过自己制作 的一 部二维动画作品,来理解和掌握 Flash 动画的设计思路和制作流程,并针对 Flash 的一些关键性技术作出 深入的分析和 研究。本文是以一部奥运宣传片的 设计和制作 为例,探讨了 Flash 中
2、的一些关键性技术的应用。 宣传片主要分为两个部分,第一部分描述奥运火炬, 它 经历了全世界各个角落的传递(包括海滨、草原、城市、森林等地方),最终到达主会场,成功点燃 。第二部分是介绍宣传奥运,通过各种图片介绍奥运的 有关 项目以及奥运的历史,北京奥运的口号、会徽、吉祥物等。 关键词 : FLASH 技术 ; 2d 动画 ; 奥运会 ; 宣传片 ; 设计 II Abstract 2-D animation as a pioneer in the network play an important role in the network. Two-dimensional animation ad
3、vertising and promo can be seen everywhere 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
4、 flash animation. So, flash animation in 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
5、research. This paper is an example of Olympic 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,
6、 cities, forests, etc.), to end at the main 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 techniqu
7、e; Two-dimensional animation; Olympic Games; promo; design III 目 录 第 1 章 二维 FLASH 动画概述 . 2 1.1 二维动画发展历程及其技术 . 2 1.2 flash 动画的优势、特点和作用 . 2 1.3 flash 动画对商业广告的影响 . 3 第 2 章 设计方案 . 4 2.1 设计目标 . 4 2.2 设计思路 . 4 2.3 环境支持 . 4 2.3.1 硬件环境 . 4 2.3.2 软件环境 . 5 2.4 工具介绍 . 5 2.4.1 fireworks 介绍 . 5 2.4.2 flash 介绍 .
8、6 第 3 章 具体实现 . 10 3.1 素材图片的制作和处理 . 10 3.1.1 场景一 . 10 3.1.2 场景二 . 11 3.1.3 场景三 . 15 IV 3.1.4 场景四 . 18 3.2 场景布局、设计及介绍 . 18 3.2.1 场景一 . 18 3.2.2 场景二 . 20 3.2.3 场景三 . 29 3.2.4 场景四 . 38 3.3 后期合成 . 38 第 4 章 测试并生成播放文件 . 40 4.1 测试动画 . 40 4.1.1 音乐歌词测试 . 40 4.1.2 动画测试 . 40 4.2 发布并生成播放文件 . 41 第 5 章 总 结 . 43 致谢
9、语 . 44 参考文献 . 45 V Contents Chapter 1 Outlines of Two-dimensional Animation FLASH . . . . . . . . . . . . . . . . . . . . . . . . . 2 1.1 Two-dimensional Animation Development and Technology . . . . . . . . . . . . . . . . . . . . . . . . 2 1.2 The Advantage, Features and Functions of Flash Animatio
10、n . . . . . . . . . . . . . . . . . . . . . . . . . 6 1.3 Flash Animation on the Impact of Commercial Advertising . . . . . . . . . . . . . . . . . . . . . . . . . 6 Chapter 2 Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
11、 . . . 7 2.1 Design Objectives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 2.2 Design Ideas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 2.3 Envi
12、ronmental Support . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 2.3.1 Hardware Environment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 2.3.2 Software Environment . . . . . . . . . . . .
13、. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 2.4 Tools Introduced . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 2.3.1 Firework Introduced . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
14、 . . . . . . . . . . . . . . . . 8 2.3.2 flash Introduced . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Chapter 3 Concre Realization . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 3.1 Production and Proce
15、ssing of the Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 3.1.1 Scene 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 3.1.2 Scene 2 . . . . . . . . . . . . . . . . . . . . . . . . . .
16、 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 3.1.3 Scene 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 3.1.4 Scene 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
17、 . . . . . . . . . . . . 22 VI 3.2 Scene Layout, Design and Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 3.2.1 Scene 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 3.2.2 Scene 2 . .
18、 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 3.2.3 Scene 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 3.2.4 Scene 4 . . . . . . . . . . . . . . . . . . . . .
19、 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42 3.2 Synthesis of the Late . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42 Chapter 4 Test and Generate Play Documents . . . . . . . . . . . . . . . . . . . . . . .
20、. . . . . . . . . . 44 4.1 Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 4.1.1 Music Lyrics Test . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 4.1.2 Ani
21、mation Test . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 4.2 Published and Broadcast Documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Chapter 5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . .
22、 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 Acknowledgement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 References . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
23、. . . . . . . . . . . . . . . 48 VII 厦门大学本科毕业论文 1 引 言 随着上网人数的剧增,越来越多的商业客户开始重视网络这个宣传、展示的平台,网络广告近些年 随之 呈快速发展 的 势 头 。 尽管 三维广告也在不断的发展,但是各大网站 、 电视的广告中,二维 Flash 广告依然占据 着 重要的部分。 Flash 广告具有 体积小 、 效果好 、 跨媒体性强,制作、改动成本低廉 的优点,它的 视觉冲击力比其他的广告形式要强 , 同时 更 具有亲和力和交互性优势 。 Flash 目前运用十分广泛。 美国运通、通用汽车、 K 玛特、 MILLER BREWIN
24、G 等公司均通过 Flash广告获得了更好的宣传效果。目前世界前 500强企业已 经转向使用 FLASH技术, FLASH技术可以传递完整、互动的信息,从而使响应比率比标准的 BANNER 广告大大提高。 “ 我们发现,使用 Flash 技术的网站比普通的网站访问量更大 ” , POING OF VIEW 公司业务发展主任 JOHN HORN 说: “ 在网页上, FLASH 比起其它技术更能给访问者留下深刻的印象 ” 。 2008 年 奥运会将在北京举行, 它 中国 历史长河中 重要的一年,在这样的 时代 背景下, 经过反复的思考,我决定 尝试 做一段 有关 奥运 宣传 的 Flash 小短
25、片,为 2008 北京奥运会 宣染氛围 ,同时学习使用一下当今流行的动画制作 技术。 宣传片主要分为两个部分,第一部分描述奥运火炬, 它 经历了全世界各个角落的传递(包括海滨、草原、城市、森林等地方),最终到达主会场,成功点燃。第二部分是介绍宣传奥运,通过各种图片介绍奥运的 有关 项目以及奥运的历史,北京奥运的口号、会徽、吉祥物等。 厦门大学本科毕业论文 2 第一章 二维 FLASH 动画概述 1.1 二维动画发展历程 及其技术 从 1906 年布莱克顿的滑稽脸上的幽默相第一部动画片诞生至今,动画这门视觉艺术已经走过了 它 将近 100 年的历史。随着科学技术的迅猛发展,动画的表现手法也越来越
26、丰富。因此,从不同技术手 段上将其分为两种类型,即二维动画和三维动画。 二维动画一般指传统的手绘动画,是通过动画师来绘制每一 帧 画面,最终用摄影机或扫描仪合成传递在屏幕上。而三维动画是制作人员通过计算机所安装的软件界面来操作所要制作的动画造型、背景、灯光等元素。因此,是由于制作手段上的不同将其分为两类。 目前国际上比较流行的专业二维动画制作软件主要有 Animo、 USAnimation、 RETAS、AnimationStand、 flash、 CTP 和 Toonz 等 ,而本次设计采用的就是 flash 二维动画设计技术。FLASH的前身叫 做 FutureSplash,当时 Futu
27、reSplash最大的两个用户是 Microsoft和 Disney。1996 年 11 月 FutureSplash 正式卖给 MM ( M),改名为 FLASH 1.0。 1.2 flash 动画的优势、特点和作用 (1)Flash 动画具有交互性优势,可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作,决定动画的运行过程和结果,这一点是传统动画所无法比拟的。 (2)Flash 动画可以放在网上供人欣赏和下载,由于使 用的是矢量图技术,具有文件小、传输速度快、播放采用流式技术的特点,因此动画是边下载边播放,如果速度控制得好,则根本感觉不到文件的
28、下载过程。所以 Flash 动画在网上被广泛传播。 (3)Flash 动画有崭新的视觉效果,比传统的动画更加轻易与灵巧,更加 “ 酷 ” 。不可否认,它已经成为一种新时代的艺术表现形式。 (4)Flash 动画制作的成本非常低,使用 Flash 制作的动画能够大大地减少人力、物力资源的消耗。同时,在制作时间上也会大大减少。 (5)Flash 动画在制作完成后,可以把生成的文件设置成带保护的格式,这样 维护了设计者的版权利益。 厦门大学本科毕业论文 3 1.3 flash 动画对商业广告的影响 目前 flash 以其体积小,效果好,制作成本低等优点在商业广告界占据的重要的地位。Flash 可以融多媒体和互动两个特性,具体来说,它一改将平面漫画照搬到网络上仍然是静态页面的展现形态,而实现了动态页面,生成了一种新的表现形态:动态漫画乃至互动漫画。同时,它可以嵌入音乐、视频等多媒体,使得 互联网内容 变的越来越精彩纷呈。 如今的互联网时代,多媒体娱乐已经成为及其重要的一个组成, Flash 已成为业内创制互联网互动多媒体作品的专业首选。据统计,全球几乎 98%的网络浏览器均安装了 Flash 插件,而近几年强大的 Flash 几乎无处不在,其传播速度无可比拟 ,对于商业广告的影响越来越明显。