Flash网页广告六神花露水的设计与实现(共10页).doc

《Flash网页广告六神花露水的设计与实现(共10页).doc》由会员分享，可在线阅读，更多相关《Flash网页广告六神花露水的设计与实现(共10页).doc（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上Flash网页广告六神花露水的设计与实现绪论随着网络的普及，网络对人们的生活影响日益变大。人们对社会的关注已不再局限于现实生活，更多的来自于网络。越来越多的人开始关注网络这个宣传、展示的平台，网页广告也如雨后春笋般迅速发展起来，主要有弹出式广告，漂浮广告，以及大幅面广告等几种形式。Flash动画是Macromedia公司在1999年6月推出的优秀网页动画制作软件。它可以将音乐，声音，画面创意的结合在一起。Flash动画主要使用矢量图和流式播放技术。相对位图来讲，矢量图可以任意改变图像尺寸而不会影响其清晰度；而流式技术使网页中的Flash动画可以播放下载同时进行，使访问

2、者能很快的访问网页由于很多人出于兴趣制作Flash动画，很多作品也只是供部分人娱乐而已，所以其作品相对于传统广告来说没有严格的制作流程和成熟的经验。也有很多曾经从事图像处理的人开始对Flash动画产生兴趣，经随着慢慢的深入，也有一些优秀的作品诞生。后来慢慢的随着国外的一些优秀Flash动画作品流入中国，喜爱Flash动画的人越来越多，到现在的Flash已为许多人所熟悉。Flash出现在中国之后，由于其技术简单成本低而被广大人们所认识到广泛应用。Flash动画发展到现在已有将近二十年，现在Flash动画应用于各种载体，成为网络传播的一种流行方式。由于制作简单，效果丰富多彩，并且适合应用于网络传播

3、，不仅受广大设计者的喜爱，更是紧紧抓住了商业人士的眼球，成为他们广告推广的一种重要形式，Flash广告将大有发展前景。1 Flash网页广告概述1.1 Flash的发展历程微软参与制定新的Flash软件和混合行业用的插件，该软件的开发，吸引着更多的人。Flash的最早版本是由FutureSplash Animator改名而成。接着Flash不断地开发出新版本，引入库的概念，影片剪辑透明度以及独立播放器也继而被研发出来。1999年的Flash4就有了自己专用的独立播放器-“Flash Player”，紧接着Flash不断地更新使功能越来越全面，继而被广大人们所关注。相对而言，Flash MX 2

4、004的产生增加了许多新的功能，紧接着产生的Flash MX 2004 Pro不但包含了前者的所有功能，还有Actionscript2.0的面向对象编程。Actionscript2.0比后来产生的Actionscript3.0更简单易学，但是很多对Flash追求更高的人会选择使用Actionscript3.0，因为它相对于前者做了很多的改进。总结来说无论新旧版本都会有自己的优势，比如有些人为了跟上时代的发展会选择Flash cs3或者是Flash cs4，当然也有人认为Flash8.0比较稳定，会选择使用，后面笔者将会介绍到的是用Flash cs4设计制作网页广告的实现方法。1.2 Flash

5、的发展前景Flash动画主要采用矢量图和流媒体播放的方式，决定了其在网页中广泛应用的优势，小巧的体积和生动的效果使它成为众多商业人士广告推广方式的选择。矢量图的应用使其可以任意改变大小而不影响清晰度；流媒体播放则可以边下载边播放，缓解了访问者的焦虑情绪。现在的网页设计师可以说不会Flash就面临着被淘汰的危险，据新闻采访美国Macromedia公司得出现在将近有98%的网站在使用Flash，可见Flash在网页中的影响深远。Flash兼具灵活性和跨平台的特性，不管是在哪一种平台，只需安装了Flash Player就能够显示出一样的结果。Flash动画短小内容丰富，是一种很好的网络传播形式。主要

6、经过了逐帧动画，位图动画，自动生成动画等几个发展阶段。下面我们探究一下Flash动画的发展方式和发展方向。Flash于1997年出现在中国，最低的版本，功能并不强大，只能做一些简单的动画，例如形状大小颜色的变化。后来Flash动画不断地发展出现Flash4.0、5.0等，功能也慢慢强大，后来被人们开始应用于网页中，但是只是适合用于一些不需要经常更新的网站中。经过位图动画的发展，由于并不是很好的效果，大批的设计师加入到Flash动画的制作中，形成了手绘原创动画，风格各异，他们无一不是将这个世界表现的更美。由于Flash动画在商业中的使用，对Flash 的要求也变得比较高，Flash动画的相关插件

7、相继产生。以前需要很多画面才能完成的动画只需要几分钟甚至几个小时就能做出来，大大的减少了Flash动画的制作时间，加快了Flash商业化的步伐。当今的Flash动画已经慢慢的变得复杂和充满艺术性。比如在网页中应用的Flash动画不但要求效果对艺术性的要求也变得严格起来。当然这也跟人们的艺术品位不断上升有着直接的关系。而Flash的发展归结起来最重要的原因还是来源于商业化的要求日益复杂，可是说Flash动画的商业化造就了充满艺术性和创意性的Flash动画。 有人说Flash软件的使用到了终点，国内的Flash作品价格低和一些软件本身的限制，但我们相信，macromedia公司将不会看着他们手中的

8、软件就这样死亡，他们会将Flash应用推向一个新的高潮，越来越多的从业人员会更加努力扩大应用它，相信Flash的未来会更加丰富多彩。1.3 Flash广告的特点为什么Flash广告能吸引这么多人的关注，我认为主要有以下三个特点： （1）Flash广告制作成本低，跨媒体性强。Flash广告不仅可以在互联网上使用，也可以用于电视、广告、移动电话运营商，达到广告传播的效果。但现在的Flash广告的成本很低，可以表达生动的效果，便于修改。而传统的广告则没有这些优点。（2）通过Flash制作的动画，导出的.swf格式的文件体积小，但是效果非常好，保证了在基本上不影响网页打开速度的前提上表现了所需求的广告

9、效果，非常适合应用于网站中。同时由于Flash使用的是位图，无论怎样缩放都不影响画面的清晰度，这点上相对于位图要好很多。（3）Flash广告比传统广告更抢眼，在视觉上给人冲击。而且很多Flash制作的广告赋予物品性格，在表现物品特点的同时，还给人们展示了一个可爱，生动的画面。有了这些特点，笔者相信Flash广告更能紧紧抓住大众的心。Flash动画制作很方便，只需要一个个人计算机就可以可融合图像，声音，文本为一个整体。传统的广告在表达上则会比较麻烦，需要大量的人力物力和时间，相对来说制作成本很高。一些物体的动作和变化可以用补间动画完成，不但方便而且不易使人物或场景变形而影响效果。很重要的一点，F

10、lash拥有ActionScript 面向对象语言编程，使它具有交互性的特点，实现人机互动的效果，只需用鼠标或键盘就可以控制动画。Flash融合了画面文字音效于一体，对大众的冲击感更强。而且由于其体积较小，又有交互式的特点，再打开网页的时候可以边下载边观看，省去了浏览者等待的烦恼。Flash动画应用的矢量图使动画清晰，画面感好，不会出现模糊不清，或是出现像素点的状况。便捷的制作，生动的效果使Flash动画在网页中得以广泛使用。近年来Flash广告发展起来，给新型的广告行业注入了新鲜血液。Flash广告构图简单，场景固定并且能够在网页中默默的传送给浏览网页的人，让人们在浏览网页这个放松的时候悄悄

11、的抓住人们的眼球进入人们的内心。正所谓润物细无声，我想大概网页Flash广告就做到了这点吧。1.4 Flash网页广告的优势第一，Flash做出的动画，体积小表现效果生动形象，适合应用于网络。第二，Flash代码功能比较大，交互性也强。第三，Flash广告适用范围很广，不知能应用于网页上，还可以应用于电视楼宇手机等载体上。第四，Flash动画结合其ActionScript程序，一反往常静态网页的局面，使人们眼前一亮。1.5 Flash网页广告的不足Flash广告虽然有很多优点，但是现在不能被广泛应用的原因有很多，笔者认为主要原因在于以下方面 第一，是人才的缺少。与传统广告的制作人员相比，从事F

12、lash广告制作的人比较少。并且没有严格的Flash广告制作流程，没有形成真正意义上的Flash广告设计群体。第二，Flash技术在网页设计中的使用非常多，许多网站都用用Flash动画来设计。这样的网站虽然非常漂亮生动，但是也会因为使用了Flash而导致网页存在不利于搜索引擎的现象。第三，Flash广告创意和表达比较简单、直接，画面感不追求精美，在细节方面的表现也不如传统广告做的好。第四，Flash广告的兼容性不好，当Flash广告不能正常播放时，会影响人们正常的访问网页。而且加入Flash广告的网页不便于更新与维护，给维护网站的工作人员造成了很多麻烦。第五，网站中加入Flash广告会影响网页

13、打开的速度，虽然一个Flash广告体积不是很大，但是对于一些急于打开网页的访问者来说会没有耐心，有时甚至会放弃对网页的浏览。2 Flash网页广告的的设计过程2.1 Flash网页广告的构思本次Flash广告的构思主要包括主题的确定、创意的构思和制作的构思。本次的广告主题是关于六神花露水的一个段广告，好的创意是一个广告的灵魂，比如一则表达交通的公益广告，是一个人站在十字路口等待红灯，但是这个时候一群人结伴闯红灯，正当他犹豫要不要过时，大家都合群过去了，他也迈出犹豫的步伐，但是车流量很大，他慌乱不知道怎么办，造成了路口交通事故。这是一个反映现实的广告，深入人心。而这次的花露水广告主要采用可爱生动

14、的风格表现，在一个月亮都睡着了的晚上，一个武装的蚊子是这次广告的亮点，一反往常丑陋蚊子的形象，赋予了这个蚊子人性化，邪恶的笑声烘托蚊子的可恶，采用了幽默的出场方式，吸引人们眼球，当他入侵之后得意笑的时候，六神先生的到来让蚊子措不及防，在消灭了蚊子之后，一滴花露水滴下整个画面开始变得清晰，文字的变形是这则广告结束和点题的亮点。2.2 场景的设计场景的整个设计有着很重要的作用，它是动画中重要的一部分，一个好的场景设计不仅要有美学的高度还要具有欣赏的艺术。它是故事情节展开的载体，刻画和突出广告主体。一个好的场景设计，会给人们带来视觉享受。他能够使画面更加丰富，直接影响着整个广告的画面感。场景的设计给

15、人的视觉冲击影响着人们的喜怒哀乐，让观众更深刻的感受剧情的起伏变化。本次广告的场景可以说是一个，另一个是在同样场景的基础上进行色彩改变。图2-1 主场景2.3 素材准备一个好的动画怎么可以少了好的素材呢，本次设计的素材均来源于网络。可以把从网上收集的素材拉入库中，以备使用，特别是音效的素材往往能够起到画龙点睛的作用。比如蚊子的笑声就生动的刻画了一个邪恶的蚊子，使广告更加生动吸引人。 图2-2 库中的素材2.4 图形元件的设计 元件的使用往往伴随着补间动画的产生，元件的生成一定不要重复，否则会增加文件的体积，使广告放在网页中时候打开缓慢。3 Flash网页广告制作过程此则广告主要分为八个画面：画

16、面一：广告的主场景为一个夜晚，月亮挂在黑夜里，一片云遮住半个月亮，场景逼真。将准备好的素材拖入库中，转化为原件放入舞台，大小设置的和舞台大小一样。 图3-1 画面一画面二：画面二为反面主角蚊子的出场，他的亮相可谓是吸引人的眼球，紧握的拳头和大墨镜塑造了一个酷酷的蚊子，挥动着翅膀进入画面。 图3-2画面二画面三：蚊子在画面的中央得意的笑，因为得意身子都在颤抖，坏坏的笑声，把蚊子形象刻画的十分生动。把蚊子的形象分为三部分，左右翅膀，和身体，以便于制作飞舞的效果。双击进入效果制作界面，用关键帧改变蚊子的翅膀，做飞舞状态，停止的时候，身体做轻微的晃动表现蚊子得意的状态。蚊子飞进画面亦需要补间动画的效果

17、，此时就需要把整个蚊子变成元件，移动位置，右击设置补间动画来实现飞进画面的效果。图3-3 画面三 图3-4 蚊子翅膀动作的制作 图3-5 蚊子身体部分关键帧画面四：此则广告的主角上场，带着礼帽，挥舞这双手，表现了一个活泼时尚的六神先生，鼻子和嘴用六神的开头字母来表现，不但寓意深刻，更是起到了表现人物性格的效果。如同蚊子的出场一样，应用补间动画。不同的是，后面需要继续添加帧，因为他们的较量还没开始。图3-6 画面四画面五：画面五为广告的精彩部分，六神先生怎么会容许蚊子猖狂，为六神设计的眼波杀死蚊子们表达了“秒杀“的意思，生动形象。 图3-7 画面五画面六：高潮的结束往往伴随着平静的点题画面，这则

18、广告亦是如此。一滴六神转化为元件后，创建补间动画，确定路径。安静出现的画面与前面的激烈场景形成对比，此时无声胜有声这是这种效果吧。图3-8画面六 图3-9 环路水滴关键帧画面七：运用了形状补间的效果使六神水滴变化为六神花露水的字样，“形”和“字”都表现了出来。这里要注意的是，六神水滴不能转化为元件，因为形状补间的对象是分离后的图像。而伴随着六神的滴落，画面变得清晰，突出六神的效果。而画面的变化主要采用了两幅场景图，对其中一幅做色彩的变化，采用遮罩的效果使清晰的那一副慢慢出现在人们的视野中。 图3-10画面七 图3-11遮罩图层的转变画面八：整幅场景变得清晰，衬托了六神花露水的神奇和魅力。 图3

19、-12 画面八 图3-13 场景透明度的改变结束语用Flash动画表现的广告给人留下深刻的印象，它将视觉和听觉融合在一起，直击人们内心。而且由于Flash动画制作简单，成本低，效果好，越来越多的商业人士开始选择Flash制作广告。虽说现在Flash广告还没有传统广告那样有正规的流程和成熟的经验，但是由于它自身内存小播放快的优点，在未来的广告界一定会有自己的一片天地。自从Flash软件出现在中国后，由于技术简单成本低而被大家广泛使用。随着Flash的发展日益成为网络传播的一种重要方式，获得设计师喜爱的同时也紧紧抓住了商业人士的心，成为广告推广的一种重要形式，Flash广告的发展前景将不可限量。本次设计的完成可以说经过了很多困难，有知识方面的，也有心理方面的，在老师的指导和帮助下，克服了一个个困难，从而收获不少。正所谓失败是成功之母，只有不断的尝试才能得到真知。在这次的论文写作中我深深的体会到这一点。我觉得很荣幸的是我有这么多相互帮助的同学和负责的论文指导老师。从论文的初题到定稿可谓是漫长的，但是在指导老师悉心的指导下，相信我会圆满完成这篇论文的。本次论文的完成不止让我学到很多理论知识，并把所学知识付诸实践；更难得的是明白了面对困难要坚持不放弃，从而锻炼了自己各方面的能力，收获颇多。专心-专注-专业