Flash网页广告六神花露水的设计与实现.pdf

《Flash网页广告六神花露水的设计与实现.pdf》由会员分享，可在线阅读，更多相关《Flash网页广告六神花露水的设计与实现.pdf（10页珍藏版）》请在三一文库上搜索。

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

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

3、各种载体，成为网络传播的一种流行方式。由于 制作简单，效果丰富多彩，并且适合应用于网络传播，不仅受广大设计者的喜爱，更是紧紧抓住了 商业人士的眼球，成为他们广告推广的一种重要形式，Flash 广告将大有发展前景。 1 Flash 网页广告概述 1.1 Flash的发展历程 微软参与制定新的Flash 软件和混合行业用的插件，该软件的开发，吸引着更多的人。Flash 的最早版本是由FutureSplash Animator改名而成。接着Flash 不断地开发出新版本，引入库的概 念，影片剪辑透明度以及独立播放器也继而被研发出来。1999 年的 Flash4 就有了自己专用的独立 播放器 - “F

4、lash Player”，紧接着Flash 不断地更新使功能越来越全面，继而被广大人们所关注。 相对而言， Flash MX 2004的产生增加了许多新的功能，紧接着产生的Flash MX 2004 Pro不但包 含了前者的所有功能，还有Actionscript2.0的面向对象编程。Actionscript2.0比后来产生的 Actionscript3.0更简单易学， 但是很多对Flash 追求更高的人会选择使用Actionscript3.0，因为 它相对于前者做了很多的改进。总结来说无论新旧版本都会有自己的优势，比如有些人为了跟上时 代的发展会选择Flash cs3或者是 Flash cs4

5、 ，当然也有人认为Flash8.0比较稳定，会选择使用， 后面笔者将会介绍到的是用Flash cs4设计制作网页广告的实现方法。 1.2 Flash的发展前景 Flash动画主要采用矢量图和流媒体播放的方式，决定了其在网页中广泛应用的优势，小巧的 体积和生动的效果使它成为众多商业人士广告推广方式的选择。矢量图的应用使其可以任意改变大 小而不影响清晰度；流媒体播放则可以边下载边播放，缓解了访问者的焦虑情绪。 现在的网页设计师可以说不会Flash 就面临着被淘汰的危险，据新闻采访美国Macromedia 公司 得出现在将近有98% 的网站在使用Flash ，可见 Flash 在网页中的影响深远。F

6、lash 兼具灵活性和跨 平台的特性，不管是在哪一种平台，只需安装了Flash Player就能够显示出一样的结果。Flash 动 画短小内容丰富，是一种很好的网络传播形式。主要经过了逐帧动画，位图动画，自动生成动画等 几个发展阶段。下面我们探究一下Flash 动画的发展方式和发展方向。 商丘师范学院 2014届本科毕业论文（设计） 2 Flash 于 1997 年出现在中国，最低的版本，功能并不强大，只能做一些简单的动画，例如形状 大小颜色的变化。后来Flash 动画不断地发展出现Flash4.0 、5.0 等，功能也慢慢强大，后来被人 们开始应用于网页中，但是只是适合用于一些不需要经常更新

7、的网站中。 经过位图动画的发展，由于并不是很好的效果，大批的设计师加入到Flash 动画的制作中，形 成了手绘原创动画，风格各异，他们无一不是将这个世界表现的更美。由于Flash 动画在商业中的 使用，对Flash 的要求也变得比较高，Flash 动画的相关插件相继产生。以前需要很多画面才能完 成的动画只需要几分钟甚至几个小时就能做出来，大大的减少了Flash动画的制作时间，加快了 Flash 商业化的步伐。 当今的 Flash 动画已经慢慢的变得复杂和充满艺术性。比如在网页中应用的Flash 动画不但要 求效果对艺术性的要求也变得严格起来。当然这也跟人们的艺术品位不断上升有着直接的关系。而

8、Flash的发展归结起来最重要的原因还是来源于商业化的要求日益复杂，可是说Flash动画的商业 化造就了充满艺术性和创意性的Flash 动画。 有人说Flash 软件的使用到了终点，国内的Flash 作品价格低和一些软件本身的限制，但我 们相信， macromedia 公司将不会看着他们手中的软件就这样死亡，他们会将Flash 应用推向一个新 的高潮，越来越多的从业人员会更加努力扩大应用它，相信Flash 的未来会更加丰富多彩。 1.3 Flash广告的特点 为什么 Flash 广告能吸引这么多人的关注，我认为主要有以下三个特点： （1）Flash 广告制作成本低，跨媒体性强。Flash 广告

9、不仅可以在互联网上使用，也可以用于 电视、广告、移动电话运营商，达到广告传播的效果。但现在的Flash广告的成本很低，可以表达 生动的效果，便于修改。而传统的广告则没有这些优点。 （2）通过Flash制作的动画，导出的.swf格式的文件体积小，但是效果非常好，保证了在基 本上不影响网页打开速度的前提上表现了所需求的广告效果，非常适合应用于网站中。同时由于 Flash 使用的是位图，无论怎样缩放都不影响画面的清晰度，这点上相对于位图要好很多。 （3）Flash 广告比传统广告更抢眼，在视觉上给人冲击。而且很多Flash 制作的广告赋予物品 性格，在表现物品特点的同时，还给人们展示了一个可爱，生动

10、的画面。有了这些特点，笔者相信 Flash 广告更能紧紧抓住大众的心。 Flash动画制作很方便，只需要一个个人计算机就可以可融合图像，声音，文本为一个整体。 传统的广告在表达上则会比较麻烦，需要大量的人力物力和时间，相对来说制作成本很高。一些物 体的动作和变化可以用补间动画完成，不但方便而且不易使人物或场景变形而影响效果。很重要的 一点，Flash 拥有 ActionScript 面向对象语言编程，使它具有交互性的特点，实现人机互动的效果， 只需用鼠标或键盘就可以控制动画。Flash融合了画面文字音效于一体，对大众的冲击感更强。而 且由于其体积较小，又有交互式的特点，再打开网页的时候可以边下

11、载边观看，省去了浏览者等待 的烦恼。 Flash动画应用的矢量图使动画清晰，画面感好，不会出现模糊不清，或是出现像素点的 状况。便捷的制作，生动的效果使Flash 动画在网页中得以广泛使用。近年来Flash 广告发展起来， 给新型的广告行业注入了新鲜血液。Flash广告构图简单，场景固定并且能够在网页中默默的传送 给浏览网页的人，让人们在浏览网页这个放松的时候悄悄的抓住人们的眼球进入人们的内心。正所 谓润物细无声，我想大概网页Flash 广告就做到了这点吧。 1.4 Flash网页广告的优势 第一， Flash 做出的动画，体积小表现效果生动形象，适合应用于网络。 第二， Flash 代码功能

12、比较大，交互性也强。 第三， Flash 广告适用范围很广，不知能应用于网页上，还可以应用于电视楼宇手机等载体上。 第四， Flash 动画结合其ActionScript程序，一反往常静态网页的局面，使人们眼前一亮。 1.5 Flash网页广告的不足 Flash广告虽然有很多优点，但是现在不能被广泛应用的原因有很多，笔者认为主要原因在于 商丘师范学院 2014届本科毕业论文（设计） 3 以下方面 第一，是人才的缺少。与传统广告的制作人员相比，从事Flash 广告制作的人比较少。并且没有 严格的 Flash 广告制作流程，没有形成真正意义上的Flash 广告设计群体。 第二， Flash技术在网

13、页设计中的使用非常多，许多网站都用用Flash动画来设计。这样的网站 虽然非常漂亮生动，但是也会因为使用了Flash 而导致网页存在不利于搜索引擎的现象。 第三， Flash广告创意和表达比较简单、直接，画面感不追求精美，在细节方面的表现也不如传 统广告做的好。 第四， Flash广告的兼容性不好，当Flash广告不能正常播放时，会影响人们正常的访问网页。 而且加入Flash 广告的网页不便于更新与维护，给维护网站的工作人员造成了很多麻烦。 第五，网站中加入Flash 广告会影响网页打开的速度，虽然一个Flash 广告体积不是很大，但是 对于一些急于打开网页的访问者来说会没有耐心，有时甚至会放

14、弃对网页的浏览。 2 Flash 网页广告的的设计过程 2.1 Flash网页广告的构思 本次 Flash 广告的构思主要包括主题的确定、创意的构思和制作的构思。 本次的广告主题是关于六神花露水的一个段广告，好的创意是一个广告的灵魂，比如一则表达交 通的公益广告，是一个人站在十字路口等待红灯，但是这个时候一群人结伴闯红灯，正当他犹豫要 不要过时，大家都合群过去了，他也迈出犹豫的步伐，但是车流量很大，他慌乱不知道怎么办，造 成了路口交通事故。这是一个反映现实的广告，深入人心。 而这次的花露水广告主要采用可爱生动的风格表现，在一个月亮都睡着了的晚上，一个武装的蚊 子是这次广告的亮点，一反往常丑陋蚊

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

16、本次广告的场景可以说 是一个，另一个是在同样场景的基础上进行色彩改变。 商丘师范学院 2014届本科毕业论文（设计） 4 图 2-1 主场景 2.3 素材准备 一个好的动画怎么可以少了好的素材呢，本次设计的素材均来源于网络。可以把从网上收集的素 材拉入库中，以备使用，特别是音效的素材往往能够起到画龙点睛的作用。比如蚊子的笑声就生动 的刻画了一个邪恶的蚊子，使广告更加生动吸引人。 图 2-2 库中的素材 2.4 图形元件的设计 元件的使用往往伴随着补间动画的产生，元件的生成一定不要重复，否则会增加文件的体积，使 广告放在网页中时候打开缓慢。 3 Flash 网页广告制作过程 商丘师范学院 201

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

18、停止的时候，身体做轻微的晃动 表现蚊子得意的状态。蚊子飞进画面亦需要补间动画的效果，此时就需要把整个蚊子变 商丘师范学院 2014届本科毕业论文（设计） 6 成元件，移动位置，右击设置补间动画来实现飞进画面的效果。 图 3-3 画面三 图 3-4 蚊子翅膀动作的制作 图 3-5 蚊子身体部分关键帧 画面四：此则广告的主角上场，带着礼帽，挥舞这双手，表现了一个活泼时尚的六神先 生，鼻子和嘴用六神的开头字母来表现，不但寓意深刻，更是起到了表现人物性格的效 果。如同蚊子的出场一样，应用补间动画。不同的是，后面需要继续添加帧，因为他们 的较量还没开始。 商丘师范学院 2014届本科毕业论文（设计） 7

19、 图 3-6 画面四 画面五：画面五为广告的精彩部分，六神先生怎么会容许蚊子猖狂，为六神设计的眼波杀死蚊子们 表达了“秒杀“的意思，生动形象。 图 3-7 画面五 画面六：高潮的结束往往伴随着平静的点题画面，这则广告亦是如此。一滴六神转化为元件后，创 建补间动画，确定路径。安静出现的画面与前面的激烈场景形成对比，此时无声胜有声这是这种效 果吧。 商丘师范学院 2014届本科毕业论文（设计） 8 图 3-8 画面六 图 3-9 环路水滴关键帧 画面七：运用了形状补间的效果使六神水滴变化为六神花露水的字样，“形”和“字”都表现了出 来。这里要注意的是，六神水滴不能转化为元件，因为形状补间的对象是分

20、离后的图像。而伴随着 六神的滴落，画面变得清晰，突出六神的效果。而画面的变化主要采用了两幅场景图，对其中一幅 做色彩的变化，采用遮罩的效果使清晰的那一副慢慢出现在人们的视野中。 图 3-10 画面七 商丘师范学院 2014届本科毕业论文（设计） 9 图 3-11 遮罩图层的转变 画面八：整幅场景变得清晰，衬托了六神花露水的神奇和魅力。 图 3-12 画面八 图 3-13 场景透明度的改变 商丘师范学院 2014届本科毕业论文（设计） 10 结束语 用 Flash 动画表现的广告给人留下深刻的印象，它将视觉和听觉融合在一起，直击人们内心。 而且由于Flash 动画制作简单，成本低，效果好，越来越

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