Flash广告的设计与实现---毕业论文.doc

1、 本 科 毕 业 论 文 Flash 广告的 设计与实现 Flash advertising design and implementation 姓 名： 学 号： 学 院：软件学院 系：软件工程 专 业：软件工程 年 级： 校 内 指导教师： 年 月 I 摘 要 随着 互联网的飞速发展 ，越来越多的商业客户开始重视网络这个宣传、展示的平 台，网络广告近些年也呈快速发展之势。在网络广告的发展历程中，简单的静态的 banner 广告形式已经不能满足客户的要求，因此，又出现了漂浮广告、弹出式广告以及大幅面广告等众多形式 。在众多网络广告形式中， Flash 广告作为一种新的广告形式开始被越来越多的

2、人关注并使用。 本文叙述了一个基于 Flash 的服装 广告的制作。 主要任务是描述广告的设计思路和 Flash 设计过程。主要工作包括：第一，分析并设计整个广告过程，包括动画的构思以及场景的变换；第二，在 Photoshop 下设计每一个画面及需要变化的图层；第三，将 PSD 的分 层导入 Flash，并在 Flash 下设计整个动画。文件 在开发过程中不仅用到了 Flash 软件的基本功能，还应用到了 AS3.0 脚本语言。 整个开发过程，通过图片、列表以及文字解释说明了 广告的 开场动画，场景的布置，以及 AS3.0 脚本语言在开发过程中的结合应用，使 广告的 开发过程十分清晰。 论文首

3、先介绍了 Flash 在网络广告中的应用背景和研究价值。然后，简要介绍了开发过程中使用的 Flash 和 Photoshop 等软件的背景及技术。再次，论文分别说明了在 Photoshop 以及 Flash 下的分析、设计和实现过程。最后，论文对 整个设计过程进行了总结，并展示了网络上对于 Flash 广告的创意思路，同时也对未来 Flash 在网络广告及其他方面的前景作出了展望。 关键词： Flash 广告 ；场景动画；交互式广告 II Abstract With the rapid development of Internet, more and more companies attra

4、ct their attention to it, which can provide the platform for the declaring and displaying. So in recent years it accompanies with the explosion of online-advertisements. Nowadays the simple and still advertisement form (banner) can not satisfy the demand of clients any more. Therefore, some other fo

5、rms appear, for instance, floating-, pop up ads. Among such a variety of online-ad forms, more people prefer to focus on or even take Flash ad as a new form. In the paper an advertisement production for costume, which base on Flash, will be introduced. Its main task is to design the advertisement of

6、 a sportswear. In addition the main work includes: firstly, analyzing and designing the process of entire advertisement, including conceiving of animation and transforming of scenes; secondly, by Photoshop, designing every scene and the layers, which need to change; thirdly, leading PSD beds in Flas

7、h and then create the animation by Flash. In the exploring process not only the fundamental function of Flash software, but also program of Actionscript 3.0 language are useful. With interpretation and illustration, introduction movie of ad, setting of stages and the comprehensive exertion of AS 3.0

8、 are during this process explained. Thus the development of the ad is vivid. The paper at first introduces the applications and research values of Flash in online-ads. Then the background and technology of software Flash and Photoshop are mentioned. Moreover, how to analyze, design and fulfill the p

9、rocess by Photoshop as well as Flash can also be found in the paper. At last, a sum of design process, a displaying of creative methods for Flash ads and their prospects can be read in the paper as well. Keywords: Flash advertisement; scene; animation; interactive advertisement III 目 录 第一章 绪论 . 1 1.

10、1 引言 . 1 1.2 论文组织结构 . 1 第二章 相关技术概述 . 3 2.1 Flash 概述 . 3 2.2 Actionscript 语言介绍 . 4 2.3 Photoshop 概述 . 5 2.3.1 Photoshop 基本概念 . 5 2.3.2 Photoshop 功能特色 . 6 第三章 Flash 广告的优势 . 7 3.1 广 告的目的 . 7 3.2 Flash 动画的特性 . 7 3.3 Flash 广告的优势 . 8 3.4 Flash 广告的应用领域 . 9 第四章 广告风格设定 . 11 4.1 广告风格定位 简约、时尚 . 11 4.1.1 精简准确的色

11、彩 . 11 4.1.2 简洁大方的板式 . 13 4.2 广告基调设计 . 15 第五章 广告详细设计 . 16 5.1 Photoshop 图层设计 . 16 5.1.1 Photoshop 笔刷利用 . 16 5.1.2 Photoshop 滤镜利用 . 18 5.1.3 文字效果 . 18 5.1.4 产品展示区域 . 19 5.2 Flash 广告进入画面设计 . 20 5.2.1 笔刷效果的动画设计 . 20 5.2.2 滤镜效果的动画设计 . 21 5.2.3 文字 LOGO 效果的动画设计 . 22 5.2.4 背景随机光斑和广告进入画面效果 . 23 5.3 产品展示和品牌介

12、绍 . 25 5.3.1 产品展示 . 26 5.3.2 品牌介绍 . 27 5.3.3 音乐波动条 . 28 5.4 广告设计的总结 . 29 第六章 总结与展望 . 30 IV 参考文献 . 31 致 谢 . 32 V Content Chart 1 Preface . 1 1.1 Introduction . 1 1.2 The structure of this paper. 1 Chart 2 System related technologies outline . 3 2.1 Flash overview . 3 2.2 Introduction of Actionscript.

13、 4 2.3 Photoshop overview . 5 2.3.1 Basic concept of Photoshop . 5 2.3.2 Features of Photoshop . 6 Chart 3 Advantages of Flash advertisement. 7 3.1 The purpose of advertising . 7 3.2 Features of Flash animation . 7 3.3 Advantages of Flash advertisement . 8 3.4 Applications of Flash advertisement . 9

14、 Chart 4 Advertising style. 11 4.1 Simple, stylish . 11 4.1.1 Tone. 11 4.1.2 Pattern . 13 4.2 Tone design . 15 Chart 5 Detailed design . 16 5.1 Layers design in Photoshop. 16 5.1.1 Brushes. 16 5.1.2 Filters . 18 5.1.3 Character . 18 5.1.4 Show goods . 19 5.2 Opening animation. 20 5.2.1 Brushes anima

15、tion. 20 5.2.2 Filters animation . 21 5.2.3 Character animation . 22 5.2.4 Opening animation . 23 5.3 Show goods and introduction of brand . 25 5.3.1 Show goods . 26 5.3.2 Introduction of brand . 27 5.3.3 Sonic. 28 5.4 Summary of this design . 29 Chart 6 Summary and future works . 30 VI References .

16、 31 Acknowledgements. 32 第一章 绪论 1 第一章 绪论 1.1 引言 进入 21 世纪，由于人们对于新的尖端技术的迷恋，导致了不同于以前的心理状态、价值取向、审美意识及时空观念等。与此同时，也使广告设计由以往形态上的平面化、静态化开始逐步向动态化、综合化方向转变。 Flash 作为一种现代传播方式和设计方式，在应用上不仅有视觉和听觉的双重功能和享受，而且具有互动趣味性，因此成为现代人放松自我、表现自我，陶醉自我的一种大众化方式。 作为一种全新的流行艺术和文化表现形式， Flash 已对互联网、大众艺术和文化生活构成了前所未有的冲击，演绎成一场席卷网络和年轻一代的 风暴

17、，并且有愈演愈烈之趋势，这不能不引起人们的关注。利用 Flash 动画表达自己个性张扬的创意，抒发自己另类的情感。它进一步体现了网络交互性，让个人情绪得到图形化的宣泄。许多 Flash 作品有情节、有故事、有人物，加上音乐和对白，完全具备了 MTV 或动画电影的种种要素。同样一首歌曲，在广播里听，无形无影，在电视上看，不过是真人的几个镜头切换，但制作成 Flash 效果则大不一样了。 Flash 电影、 Flash 歌曲、 Flash 游戏、 Flash 卡片，均可实现人物、音乐与动画的完美交融，为制作者表达个人思想与情感提供了更 直接更方便的载体，构成了全新的文化传播模式。爱好音乐的朋友希望

18、通过这种表现手法演绎流行音乐内涵， WEB 设计者利用它构建全新交互的动感网站，网络营销则利用它创造更富有视觉冲击力的网络广告。 Flash 文化迎合了青年人彰显个性的心理需要 ,暗合了青年人的逆反心理。这种文化可以概括为，整洁文雅，聪明敏锐，幽默有趣，认真塌实，醉心于技术，沉静而专注。 不可否认的是，在网络广告中，商业性、技术性含量高的互动 FLASH 广告已经成为设计的新宠，成为了一种新型的广告信息传播模式。 1.2 论文组织结构 本论文共分 六 章 。具体安排 如下： Flash 广告的设计与实现 2 第一章 简单介绍了 Flash 对互联网和文化生活的影响，引出了 Flash 广告这种

19、传播模式。 第二章 概述 广告设计 中所使用的各项技术 及各项技术的国内外发展现状。 第三章 介绍了 Flash 广告的优势以及应用领域。 第四章 介绍了广告风格的设计思路。 第 五 章 详细介绍了广告制作的过程 。 第六章 总结了 Flash 作为一个优秀的传播载体所具有的潜力，并对 Flash 的良好前景作出了展望。 第二章 相关技术概述 3 第二章 相关技术 概述 2.1 Flash 概述 Flash 是美国 Macromedia 公司所设计的一种二维矢量动画软件（现 Adobe公司产品），用于设计和编辑 Flash 文档，最新版本为： Adobe Flash CS5。 Flash通常也

20、指 Macromedia Flash Player（现 Adobe Flash Player），用于播放 Flash 文档。 Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。 Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可 以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。 Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过

21、广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。 要在 Flash 中构建应用程序，可以使用 Flash 绘图工具创建图形，并将其它媒体元素导入 Flash 文档。接下来，定义如何 以及何时使用各个元素来创建设想中的应用程序。 在 Flash 中创作内容时，需要在 Flash 文档文件中工作。 Flash 文档的文件扩展名为 .fla (FLA)。 Flash 文档有四个主要部分： (1) 舞台是在回放过程中显示图形、视频、按钮等内容的位置。在 Flash 基础中将对舞台做详细介绍。 (2) 时间轴用来通知 Flash 显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。 (3) 库面板是 Flash 显示 Flash 文档中的媒体元素列表的位置。 (4) ActionScript 代码可用来向文档中的媒体元素添加交互式内容。例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用 ActionScript 向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同