Flash环保公益广告的设计与实现-陆亚

江苏联合职业技术学院毕业设计任务书

指导教师: 沈 俊

江都职教集团电信系

2008级计算机及应用专业毕业设计

论文标题:

作者姓名:

指导教师:

完成时间:实习单位:

Flash 环保公益广告的设计与实现 陆 亚 王荣军 2013.03.10 江苏易图地理信息工程有限公司 江都职业教育集团电信系

目 录

摘要

第一章 绪 论.......................................................1

第二章 Flash公益广告概述............................................3

2.1 Flash的发展历史...............................................3

2.2 Flash的发展前景...............................................4

2.3 Flash广告的特点...............................................6

2.4 Flash公益广告的优势...........................................7

2.5Flash公益广告的不足.............................................8

第三章 环保公益广告的的设计过程......................................9

3.1 环保公益广告的构思.............................................9

3.2 场景的设计....................................................11

3.3 素材准备......................................................13

3.4 图形元件的设计................................................13

第四章 环保公益广告制作过程.........................................17

4.1 主场景制作....................................................17

4.2 开始界面制作..................................................21

4.3 按钮元件制作..................................................22

第五章 总结.........................................................24

参考文献............................................................25

Flash 环保公益广告的设计与实现 摘 要:

计算机

Flash技术和动画结合,可以融多媒体和互动两个特性,具体来说,它一改将平面漫画照搬到网络上仍然是静态页面的展现形态,而实现了动态页面,生成了一种新的表现形态:动态漫画乃至互动漫画。随着网络多媒体制作技术的发展,音乐、动漫、文字实现了互相穿插链接是一个迫近的趋势,内容变的越来越精彩纷呈。以互联网多媒体为方向的多元媒体相互竞争、并行发展的格局。随着上网人数的剧增,越来越多的商业客户开始重视网络这个宣传、展示的平台,网络广告近些年也呈快速发展之势。在网络广告的发展历程中,简单的静态的banner广告形式已经不能满足客户的要求,因此,又出现了漂浮广告、弹出式广告以及大幅面广告等众多形式,笔者在考察了众多的网络广告形式之后,又结合了传统广告的制作、创意等情况,认为未来的网络广告形式中,Flash广告将大有可为。

本文介绍了Flash动画制作中最基础的知识以及在Flash CS3软件环境下制作Flash广告动画的过程和一些相关的应用方法,并通过制作Flash广告动画向大家展示出Flash动画的特色。

………

关键词: Flash软件,动画,Flash广告

第一章 绪论

随着上网人数的剧增,越来越多的商业客户开始重视网络这个宣传、展示的平台,网络广告近些年也呈快速发展之势。在网络广告的发展历程中,简单的静态的banner广告形式已经不能满足客户的要求,因此,又出现了漂浮广告、弹出式广告以及大幅面广告等众多形式,笔者在考察了众多的网络广告形式之后,又结合了传统广告的制作、创意等情况,认为未来的网络广告形式中,Flash广告将大有可为。

关于Flash,是美国的macromedia公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。

Flash使用矢量图形和流式播放技术。与位图图形不同的是,矢量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术使得动画可以边播放边下载,从而缓解了网页浏览者焦急等待的情绪。使所出作品最大程度支持网络传输。

Flash在中国的发展经历了十几年的时间,起初只是一些爱好者出于个人兴趣制作的Flash作品,传到网上以供网民浏览,因为更多的人喜好这种表现形式,以及商家对网络发展态势的看好,早期的那些创作者开始承接商业广告。自此,Flash广告的制作逐渐兴盛。

1997年Flash开始出现在中国,Flash是一个技术门槛比较低,开发成本也相对比较低的优秀软件。

它让不少业余爱好者很快能够加入到创作者的行列中来。最初的Flash动画制作,大部分人的作品

国外大量的优秀Flash动画在国内迅速传播,因其不少作品很符合大众口味。 而且Flash这种新颖的便于网络传播的形式,喜好Flash动画的观众数量积聚增加。 一项由某著名品牌发起的最新网上调查表明,Flash网络动画已成为越来越多上网族的最爱。 在

传播性,画面的可塑性。很快成为了企业或商家们都喜好的网络展示形式,用于他们的商业站点,产品展示,乃至会议演示,都有Flash的踪影。

本课题就是运用Flash软件结合一个原创的动画详细讲解了这个软件的使用。把保护环境的重要性从一些小事到大事形象生动的展现在你眼前,希望大家意识到公德心与环境保护是息息相关的,希望人人都树立起公德心,共同保护我们的生活环境!

蓝天白云,空气清新,鸟语花香,风调雨顺,山河变得更加美好,环境变得更适宜居住,这是全人类对新世纪的希望。

然而,站在新世纪的门槛上看,全国环境形势仍然相当严峻,各项污染物排放总量很大,污染程度仍处于相当高的水平,生态恶化加剧的趋势尚未得到有效遏制,部分地区生态被破坏的程序还在加剧。

人存在于这个社会,必然会与别人产生各种错综复杂的关系,希望别人能以诚待自己,这就要求我们以诚待人。这是当初做这部动画的出发点和思想源点,希望做一部动画来能引起别人的共鸣,也是自己做动画的出发点,而做动画一直是自己的爱好和擅长,所有由此引此了这部动画,公益广告一直可能被认识是认真严肃的事情,总是希望能通过幽默的情节,让人一笑之后,能有所感想,这也是做动画的最基本思想。只是想通过这部小小的故事片,希望能有所感悟,不管是作者还是读者,就已经足够了。

第二章 Flash公益广告概述

2.1Flash的发展历程

Flash 是由macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash涉及到的领域:动画游戏制作,网络构件,学习课件,网站广告设计及全Flash网站,工控界面等等。主要特点是制作简单,通用性比较大,涉及的领域多,制作出的东西效果都可以做到非常精致。缺点在于有些效果需要别的软件辅助制作等等,不是所有效果都能制作出来。(比如些3d效果,Flash就很难制作,只能通过导入的方式或者针并针的方式)

Flash有三重意义:(1) FLASH英文本意为“闪光”;(2)它是全球流行的电脑动画设计软件;(3)它代表用上述软件制作的流行于网络的动画作品。Flash是一种交互式矢量多媒体技术,他的前身是Futureplash,早期网上流行的矢量动画插件。后来由于Macromedia公司收购了Future Splash以后便将其改名为 Flash2,到现在最新的Flashcs3。现在网上已经有成千上万个Flash站点,著名的如Macromedia专门ShockRave站点,全部采用了Shockwave Flash 和Director。可以说Flash已经渐渐成为交互式知量的标准,未来网页的一大主流。

Flash 最早期的版本称为Future Splash Animator,当时Future Splash Animator最大的两个用户是微软(Microsoft)和迪斯尼(Disney)。1996年11月,Future Splash Animator卖给了MM(Macromedia.com),同时改名为Flash1.0 。 Macromedia 公司在1997年6月推出了 Flash 2.0 ,1998年5月推出了Flash3.0。但是这些早期版本的Flash所使用的都是Shockwave 播放器。自 Flash 进入4.0 版以后,原来所使用的 Shockwave 播放器便仅供 Director 使用。Flash 4.0开始有了自己专用的播放器,称为“Flash Player”,但是为了保持向下相容性,Flash仍然沿用了原有的扩展名:.SWF(Shockwave Flash)。

2000年8月Macromedia 推出了Flash5.0 ,它所支持的播放为 Flash Player 5。Flash 5.0中的ActionScript已有了长足的进步,并且开始了对XML和Smart Clip(智能影片剪辑)的支持。ActionScript的语法已经开始定位为发展成为一种完整的面向对象的语言,并且遵循ECMAScript的标准,就像javascript那样。 2002年3月 Macromedia 推出了Flash MX支持的播放器为 Flash Player 6。Flash 6开始了对外部jpg和MP3调入的支持,同时也增加了更多的内建对象,提供了对HTML文本更精确的控制,并引如SetInterval 超频帧的概念。同时也改进了swf文件的压缩技术。

2003年8月Macromedia 推出了Flash MX 2004,其播放器的版本被命名为 Flash Player

7。Flash MX 2004增加了许多新的功能。

2005年10月,Macromedia 推出了Flash 8.0,增强了对视频支持。可以打包成Flash视频(即*.flv文件);改进了动作脚本面板。

2005年Adobe耗资34亿美元并购Macromedia,从此,Flash便冠上了Adobe的名头,不久推出了以Adobe的名义推出Flash产品,名为Adobe Flash CS3(同时也发布了多款捆绑套装)。

2008年底推出了Adobe Creative Suite 4 Master Collection套装(简称Adobe CS4)中,含有最新版的Flash CS4。

最近又推出了最新版本Adobe CS5其功能有六大特点:

XFL格式(Flash专业版)、文本布局(Flash专业版)、代码片段库(Flash专业版)、与Flash Builder完美集成、与Flash Catalyst完美集成、Flash Player 10.1无处不在。

2.2Flash的发展前景

Flash被称为是“最为灵活的前台”,由于其独特的时间片段分割(TimeLine)和重组(MC嵌套)技术,结合ActionScritp的对象和流程控制,使得在灵活的界面设计和动画设计成为可能,同时它也是最为小巧的前台。Flash具有跨平台的特性(这点和Java一样),所以无论你处于处于何种平台,只要你安装了支持的Flash Player,就可以保证它们的最终显示效果的一致,而不必像在以前的网页设计中那样为IE或NetSpace各设计一个版本。同Java一样,它有很强的可移植性。最新的Flash还具有的手机支持功能,可以让用户为自已的手机设计喜爱的功能。当然首先必需要有支持Flash的手机,同时它还可以应用于Pocket PC。

Falsh动画在网上因短小且内容丰富,成为一种非常好的交互和表达方式,它主要经历了简单动画、位图动画、手绘动画、自动生成动画几个发展过程。那么Flash动画究竟是怎样发展起来的,将走向何处?

在初期Flash动画都是一些简单的动画,比如形状、大小的变化,颜色的变化等等,简单的制作便组成了一个作品,这便是最原始的动画。后来由于国内某些人在MTV制作上的成功,许多人争相效仿,国内便涌现出了一大批MTV的作品,这些作品有一个明显的特征便是大量采用了位图,虽然画面精美却由于位图太多太滥已经失去了动画的精髓,之中也时而不时地有些好作品问世,但总给人一种欲说还休的遗憾。

经过几个月的发展,有大批的美工加入到Flash动画制作者行业之中。它们大都拥有手绘这一特长,于是国内便又涌现出一大批手绘的原创动画作品,作品的风格有写实也有搞笑的,有些是明显的日本动画风格,有些有明显的本土化倾向。这些作品将Flash世界点缀得异常精彩。而Flash作品的商业化也成了Flash动画的推动力,商业化应用需要在最短的时间内完成一个完整的动画作品,动画自动生成软件及其它相关软件的插件也因此承现出一派繁荣景象。比如制作专门字体效果的Swish、Flax软件,专门制作3D效果的Swift3D 等都是一些动画自动生成的工具,还有3Dmax的插件、Moho软件、Pesor等等这些工具软件的出现大大丰富了Flash动画的制作,让以前要经过几小时甚至几天时间来制作的动画在几分钟之内便可以完成。或者在将来会出现像Photoshop的滤镜一样的功能,将一个个的功能高度集成到软件中间,从而大大加速商业化应用。

当今Flash动画的发展已经向大型化、复杂化、系列化、艺术化方向发展。所谓大型化、复杂化就是一个Flash动画已经是一个完整的系统,比如图形化的MUD,图形化的聊天室,3D实物电子商务展示平台等。这些在以往的商业应用中是根本不可能实现的,现在可以用Flash轻松实现。系列化是围绕一个中心制作一组Flash动画,这个中心可以是一群人,也可以是一个长篇故事或者小说。比如台湾的阿贵的故事、EBOOK系列,国内Showgood的爆笑三国系列动画,这些都是Flash动画系列化的典型。此时的Flash作品已经不再是一个纯粹的动画,它已经成为一个品牌!艺术化是指那些充满艺术性、不时闪现创意火花的作品。比如在移动互联平台上制作的Flash动画就要求有较强的艺术性,这是由硬件平台的特性所决定的。当然,所有这一切离不开最基本点就是商业化,上述的内容都受到商业化的主宰,也是因为更复杂更现实的商业应用推动了Flash动画发展,让Flash展现出世界的多姿多彩。移动设备上网是未来重要的发展方向,在移动设备上播放动画将成为一种时尚、一种必然趋势,目前Flash已经提供了对在pocket pc操作平台上播放广泛娱乐内容、在线学习内容以及商业应用等内容的支持。所谓的microsft pocket pc操作平台包括:COMPAQ、CASIO及JORNAD等设备提供的用户操作平台。它使用的是WinCE的操作系统,而对于此类平台,出厂设置普遍为16-bit色、内建音频支持及206 MHZ的CPU运算速度。从而在硬件上满足了mcaromedia Flash 技术的运行要求,使mcaromedia Flash技术有机会向PDA领域发展。基于Palm操作系统的掌上电脑也出现了像gMovie这样的软件,它不但可以对Swf文件格式进行转化,还可以流畅地播放转化后的动画文件。虽然这些移动式掌上电脑平台播放Flash动画有着动画文件较大、交互功能差等这样那样的限制与不足,但它的意义是深远的,它将成为移动动画领域的一朵奇芭,从而在未来的移动设备时代

中占据一席之地!

在国外出现了一种软件叫swf studio它扩展了超过30个全新的FSCOMMAMD;提供一套开放的插件体系;多媒体内容管理;多边形窗口;直接发送邮件;访问文件系统;读写硬盘和注册表;更多播放模式支持等等,这些功能都是激动人心的。可惜目前它的价格对一般的个人用户来说太贵了,但对于公司用户来说这功能与价格的性价比的确令人垂涎欲滴! 有人提出Flash经过几年的发展目前已经到了穷途末路,从Flash自身的限制,国内Flash作品的便宜价格,其它更优秀软件的冲击都可以看出端倪,但是我们应该相信一点,macromedia公司肯定不会眼看着自己手中的软件就这样消亡,他们肯定会把Flash的应用推向一个新的阶段,而众多的从业人员会更加努力地扩展它的应用面,相信Flash的未来会更加美丽与精彩。

2.3 Flash广告的特点

为何Flash广告会吸引这么多人的注意力,笔者认为是主要在于以下四个特点:

(1)体积小但效果好。Flash广告采用矢量图形和流式播放技术,保证了图形的质量和观看速度。通过使用关键帧和图符使得所生成的动画(.swf)文件非常小,因此适合在网站中插入。

(2)跨媒体性强,但制作、改动成本低廉。Flash广告除了可以在互联网上进行传播,还可以在电视、楼宇广告、手机等载体上进行发布、传播。目前完整的Flash广告多以500元(不少于10秒情节,动画整体风格及脚本设计Flash动画效果)起价。而且改动起来也比传统电视广告方便很多、也便宜很多。

(3)视觉冲击力比其他的广告形式要强。同一个产品的广告,如果采用Flash形式会更容易吸引受众的注意。例如佳洁士牙膏的广告多源自于生活场景,而高露洁的广告则多了“海狸先生”这个动画人物,让受众觉得更为有趣。取名叫打印一网通的Flash动画广告,结合现实生活中的办公室常出现的打印纠纷,制造出一个幽默搞笑、动感十足的卡通打印机,它会委屈,会抗议,将广告做得很可爱,也很人性化。

(4)Flash的广告形式具有亲和力和交互性优势。这是与网络的开放性结合在一起的,使其可更好地满足受众的需要,让欣赏者的动作成为动画的一部分,通过点击、选择等动作决定动画的运行过程和结果,使广告的传达更加人性化, 更有趣味 ,比起传统的广告和公

关宣传,通过Flash进行产品宣传有着信息传递效率高、受众接受度高、宣传效果好的显著优势。

Flash制作的广告与传统的广告相比有着显著的优势。Flash 具有制作成本少、周期短、产品可多样化,作为一种新兴传播媒体,Flash具有非常高的自由度与互动特性。人们瞄准Flash在中国的广泛应用与传播这个绝佳时机,从事制作的“闪客”和这一类公司也如雨后春笋般地冒了出来,证明有着供求双方的市场已经形成了。

通常情况下Flash广告可以分为网络Flash广告和电视Flash 广告两种类型。网络Flash 广告是最早应用的广告形式,它主要用于各网络站点投放的广告,如按钮广告、电子邮件广告等。与传统广告相比,网络广告可以通过目的性极强的一对一、一对多,多对多的传递方式将产品信息随Flash动画悄无声息地传递给受众目标,使受众目标在不知不觉中了解产品,同时又不易产生逆反心理。而且Flash的传播方式也在无形中变成一种隐性的宣传形式,充分挖掘了网络文化与商业机制合作的巧妙切入点和巨大潜力,显示出了Flash 的巨大商业推广价值。电视Flash 广告是在最近几年才发展起来的。由于其投入低廉,形式多样,逐渐成为企业用来宣传产品的载体。比起一般的电视广告,Flash 通过简单的构图、固定的场景、明快的对话以及幽默的剧情轻松吸引住人们的眼球,让人们在娱乐放松的同时获取信息。Flash 动画从网络走向电视是一种媒体之间的互动进步,它给电视等传媒行业注入新的技术与文化娱乐的血液,大大推动传统媒体与互联网的融合。

2.4 Flash公益广告的优势

动画一旦变成说教,就索然无味,特别是这种公益性的公告。

说起Flash,不少人会马上联想到好玩,搞笑,无厘头,而说到公益广告,却是严肃认真的事情。那么Flash公益广告呢为Flash公益广告,应该侧重在公益广告的思想性和倡导性的特性上,而Flash只是一个手段.创作一个FLASH公益广告比创作一个只是抒发个人内心感想的Flash要注意的地方更多,公益广告是个认真,负责的事情。严肃只是创作态度,跟作品好玩不矛盾。Flash公益广告,应该侧重在公益广告的思想性和倡导性的特性上,而Flash只是一个手段。创作一个Flash公益广告,首先不要产生公害。如果让公害搭了便车,怎么也是彻底失败的。因为逆向的思维方式在Flash里也经常出现,所以要处理得当。由于公益广告跟公众沟通,要考虑到公众是所有人,尊重大家的习俗,信仰,文化等等。避免不

适合少年儿童的内容,避免容易误解、歧义的内容,这些往往是个人创作,自由表达中容易忽略的,其实本着公德心去做就好。

本次毕业设计突破了传统的框架,用Flash动画作为公益广告的创作形式。由于Flash技术表现形式多样且富有动感,以致在现今社会的文化传播中被广泛利用,此次设计通过运用Flash制作公益广告,希望吸引更多的观众来关注环保,通过Flash的形式呈现为大众创作更加贴近生活、更具有代表性的公益广告,而公益广告表现的内容通常都出现在你我的身边,只要有一颗爱心,就能够发现更多、做得更好,从而使公益广告完全贴近实际、贴近生活、贴近大众。

2.5 Flash公益广告的不足

虽然Flash公益广告形式具有很多优点,但是目前Flash公益广告的应用范围相对较小。主要原因在于:

第一,是人才、经验不足。相对传统广告的庞大的从业人员,Flash广告的制作人员很少,且是自发加入到这个行列,这就使Flash广告先天就营养不良。许多闪客并不具备扎实的美工基础,没有严格的商业操作流程,缺乏知识产权保护,严格意义上的制作群体并没有形成;

第二,虽然我国现在有近亿万网民,但是其年龄结构偏小,关注的多是时尚产品,因此其他产品发布广告存在可能达不到目标群体的障碍,这就导致潜在的广告客户对于这种表现形式的认可度较低,因此在现阶段制约着Flash广告的发展;

第三,广告创意及产品诉求相对单一。多属于简单直观的表达方式,画面比较粗糙,不讲究画面的精美,看重的是在作品中突出品牌,对于产品的深层次特征挖掘不够,在展示产品特色方面做得没有传统的电视广告好;

第四,Flash广告目前属于单打独斗,真正意义上属于团队制作的成品并不多,这点和Flash发展现状差不多,多是游兵散将,并没有形成庞大的阵势。

第三章 环保公益广告的的设计过程

3.1 环保公益广告的构思

公益广告的创作,既要遵循一般广告的创作原则,又要体现公益广告的个性原则。公益广告创作的个性原则包括以下几方面。

(1)思想性原则

公益广告推销的是观念。观念属上层建筑,思想性原则是第一要旨。

思想性原则还要求公益广告的品位高雅。就是说要把思想性和艺术性统一起来,融思想性于艺术性之中。第43届戛纳国际广告节上,有一个反种族歧视的广告,画面是四个大脑,前三个大小相同,最后一个明显小于前三个,文字说明依次是非洲人、欧洲人、亚洲人和种族主义者的(均标在相应大脑下)。让受众自己去思考、去体会。独特创意令人叫绝。

(2)倡导性原则

公益广告向公众推销观念或行为准则,应以倡导方式进行。传受双方应是平等的交流。摆出教育者的架势,居高临下,以教训人的口气说话,是万万要不得的。这并不是说公益广告不能对不良行为和不良风气发言。公益广告的倡导性原则要求我们采取以正面宣传为主,提醒规劝为辅的方式,与公众进行平等的交流。这方面成功的例子是很多的,如“珍惜暑假时光”、“您的家人盼望您安全归来”、“保护水资源”、“孩子,不要加入烟民的行列”等。

(3)情感性原则

人的态度,是扎根于情感之中的。如能让观念依附在较易被感知的情感成分上,就会引起人的共鸣,更何况东方民族尤重感情。如福建电视台播出的一则“两岸情依依,骨肉盼团圆”的广告,成功地将祖国统一的观念诉之于情。

(4)公益广告的创意

如何让公众感到有趣、好奇、轻松、耐看,从而巧妙地使公众发自内心地接受,是制作者的首要课题。比如“节约用电,出门关灯”,看看俄罗斯广告人是如何做的,一组动画画面,一对夫妇吵得天翻地覆,丈夫不堪忍受,收拾衣物离家出走。妻子如梦方醒,抱着几个孩子失声痛哭。不一会儿房门突然开了,丈夫出现在门口。丈夫回来了!妻儿正欲破涕为笑,哪知丈夫手一伸,啪地把墙上的开关关掉,摔门扬长而去。房内顿时一片漆黑。出现字幕:节约用电,人走灯灭。这就是创意,一个出乎所有人预料的结局。

比起商业广告,公益广告在创意上相对自由一些,因为商业广告必受到广告客户的制约。

而公益广告只需符合本国的道德规范和法律,受制约较小,创作者有更大发挥余地。 一个好的公益广告创意,大致应具备以下特点:

①深刻揭示本质,透彻剖析事理

中央电视台曾播过一条警告吸烟危害生命的公益广告。电视画面中,在醒目的位置上显出“吸烟”两个大字,背景上是吸烟危及健康的组合画面,“烟”字半边的“火”将一支香烟点燃后熊熊地燃烧着,烧出了一连串惊人的数字:

全世界每年因吸烟所引起的死亡人数达300万人,占全年死亡人数的5%;世界上每10秒就有1人因吸烟而丧命;

我国15岁以上男性吸烟率平均为61%;„„

深沉的画外音进一步作了本质的揭示:

吸烟是继战争、饥饿和瘟疫之后,对人类生存的最大威胁。

一组惊人的数字,一句振聋发聩的警告,从本质上道出了吸烟的危害,让人们看后胆战心惊,利害自明,从而收到了良好的宣传警示效果。

一个好广告创意是智慧的结晶,它会使公益广告的警示教化效果倍增。

②高度艺术浓缩,巧妙含蓄比喻

电视公益广告必须紧凑简短,不容拖泥带水。而对其宣传效果却要求虽短犹精,情真味浓。这就要求把告诉人们的东西高度浓缩于耀眼的一瞬间。

山东省的一条获奖公益广告就堪称令人难忘的佳作。广告一开始,一枝苹果花充满屏幕,繁花凋谢后,绿叶枝头结出一个苹果,越长越大,长成一个硕大鲜美的苹果。果实隐去,又结出两只小苹果,果实再隐去,又结出四个小苹果„„,几经隐显,果实累累的枝头上全是瘦小的残次果。这时,不堪重负的苹果枝“咔嚓”一声被压断——画面定格。远处传来一声意蕴深厚的画外音:人类也要控制自己。

艺术的浓缩,比喻的精巧,可以十倍地缩短时间和篇幅,可以百倍地增加感染力与说服力。

③适度地夸张,精辟地警策

好的广告创意离不开精妙的比喻,更离不开适度而准确的夸张。中央电视台播出的珍惜水资源的公益广告,在直言相告国民“中国是个水资源匮乏的国家”后,接着不无夸张地警告人们:如果肆无忌惮的破坏水资源,我们最后看到的一滴水,将是自己的眼泪!画面上,一滴晶莹的泪水从一只美丽的大眼睛中滴落。让人闻言慑服,触目惊心,实在是警世箴言,点睛妙笔。

有了以上对公益广告的认识后,和自己确定的公益广告主题后,下一步就是动画的主角和故事情节了,想了已久,鉴于多年来无法根治的城市“牛皮癣”现象,就以“围墙”来做为动画的主角,不选“人”为主角,是因为静物为题材的公益广告局限性比较少,范围比较广,更容易体现出作品的本质,和让人联想起一些东西,好的作品是能引起共鸣的,作品看完之后能让人有感想,就已经算成功了一半,接下来的只是对作品好坏的不同看法。

确定了动画的主角之后,便要开始构思动画的情节和内容,广告的作用是能以小见大,提取生活题材,精练生活题材,然后以此为题材展开,往往能达到意想不到的效果,如果情节上能有所突破,情节幽默,结局出人意料,往往能给观众留下深刻的印象,这便是一个好的广告了。首先我想到了赋予“围墙”以生命,让静物拥有自己的情感来诠释一个主题。因为人类情感通常是由脸部表情的变化来表达的,如果要把这个特征反映在静物的身上,就需要给它一张“脸”。那么试想围墙的特点,就用一个带有大门且两侧有灯的围墙来做这张脸,因为眼神是传达情绪的重要感官,所以大门两侧的灯就是它的眼睛,同时还需要一些肢体的动作来诠释情感,以达到更好的表达效果和视觉效果,便再给围墙加2只手,并且设计一些激烈的动作来呈现它的愤怒,对于随意张贴小广告的抵制。

因为张贴小广告是件不甚光彩的事情,所以把环境设计定在一个夜深人静的时刻,大家都进入了甜甜的梦乡,围墙也不例外,几个不速之客的不良举动把围墙惊醒了,围墙用自己的方式狠狠地打击了他们不和谐的举动。

为了吸引观众,片头的设计很重要,延续广告主体基调,把广告中的人物形象放在片头中,加上一些动画,场景需要设计出感染力,结合人物的动作,渲染出一种气氛。

3.2 场景的设计

Flash动画中场景设计是动画作品构成中重要的组成部分,场景设计是指动画中除角色造型以外的随着时间改变而变化的一切物的造型设计。好的场景设计可以提升动画影片的美感、强化渲染主题,它能够使动画影片的渲染效果更加饱满。恰当的场景设计更能为动画作品提升附加值,直接影响着整部作品的风格和艺术水平。

场景设计既要求有高度的创作性,又要求有很强的艺术性。动画场景不仅仅是绘景,更不同于环境设计。它是一门为动画服务,为展现故事情节,完成戏剧冲突,刻画人物性格服务的时空造型艺术。它的创作是依据动画剧本、依据角色造型、依据特定的时间线索规定的。

动画场景设计对镜头画面的形成起着至关重要的作用,可以说场景空间设计制约着镜头画面。设计一般是依据场景空间的创意思维来安排镜头画面中景别的变化、视角的变化、镜头的运动方式以及场景气氛效果的营造。

场景设计不但影响着角色与剧情,而且还影响着动画的欣赏。动画片给观众带来的感受是动画片中多种元素综合产生的,它让观众随着剧情的发展而紧张、忧伤、欣喜、兴奋,在欣赏过程中,观众最直接感受到的还是场景设计所传达出来的复杂情绪。场景设计对动画中的场面施加主观影响,通过色彩、构图、光影等设计手法来强化影视动画的视觉表现,使恐怖气氛更加恐怖,优雅场面更加优雅。

本动画的场景分为2个:开始界面与主场景,根据剧情需要主场景中包括2个背景,片头有一个背景。

主场景:在Flash CS3里新建图形元件,绘制的背景。主场景设计选择比较卡通的绘画风格,运用描边几何图形和钢笔工具绘制出围墙和树丛。,简单的2D线条营造的视觉效果更能增加动画的趣味性。

图3.1 主场景背景

开始界面场景:开始界面设计选择接近写实+卡通的绘画风格,背景运用渐变色绘制楼房,地面和灯光,渲染出一个很有质感的画面,使人感受到夜晚的宁静与柔和,这样更能吸引观众的注意。座椅和路灯用几何线条勾画。环境设计为夜晚,所以色调以灰色为主。

图3.2 开始界面背景

3.3 素材准备

动画是一个多媒体的载体,各种声音素材必不可少,把从网上搜集的声音素材导入源文件,并且新建“音效”文件夹。动画制作过程中,音频元素在塑造动画角色,创造时空环境方面具有独特的功能,可以作为画龙点睛的一部分。添加音乐以及音效可以丰富动画的内容,强化动画的风格,更能体现动画的意义。结合动画的风格,本次设计的片头音乐和片尾音乐选择节奏明快的音乐,音效是发挥创造性的重要方面,本片选择可爱有趣的卡通音效,与背景音乐融合,增加整体效果。

3.4 图形元件的设计

元件是Flash中的重要概念之一。在一个动画中,有时需要多次使用到某个图形或动画片段,这种情况下可将这个图形或动画片段制作为元件,就能在动画中需要的位置多次使用这个元件,不需要重复制作,同时不会因为多次使用而增加动画文件的大小,能大大提高动画制作的效率。

为了便于修改与缩小源文件体积,本片中的所有动画元素都分别制作成图形元件,作为制作整体动画时插入关键帧中的内容。以下是主要动画元素的设计过程。

动画中的人物形象设计,需要配合场景的风格,片头的人物形象接近写实,主场景的人物形象使用简笔画的风格。

图3.4开始界面形象

图3.5主场景形象

吸烟动画:开始界面动画中的人物动作绘制方法为,把各个身体部分放置各层,并创建补间动画。开始界面中头部的动作比较关键,使用绘图纸外观功能,用钢笔工具调整各关键帧里的形状,因为吸烟的面部表情需要缓慢流畅,所以在各个关键帧之间创建补间动画。

图3.6吸烟动画

喷漆逐帧动画:喷漆的动作比较快速,所以选择逐帧动画来制作。手臂,身体和拿瓶子的手分置各层,用钢笔工具绘制出手臂,然后逐渐插入关键帧,每一帧用钢笔工具调节手臂形状。拿着瓶子的手随手臂的位置插入关键帧作调整。一般这类动画各关键帧变化的内容不多,且变化幅度较小,则只需要将最基本的关键帧图形复制到其他关键帧中,使用绘图工具进行调整和修改。

图3.7 喷漆动画

谢幕逐帧动画:为了保持动作的精准和流畅,使用绘图纸外观功能,在每一帧中用钢笔工具调整头部和手臂的变化。在Flash CS3中提供了“绘图纸外观”的功能,可以在编辑动画时同时查看多个帧中的动画内容。在制作逐帧动画时,合理利用该功能可以对各关键帧中图形的大小和位置进行更好地定位,并可参考相邻关键帧中的图形,对当前帧中的图形进行修改和调整,从而在一定程度上提高制作逐帧动画的质量和效率。

图3.8 谢幕动画

人物被打逐帧动画:把身体各部位分置各层,设计动作为缓慢地飞出去,所以创建补间动画。要给身体部位创建自然过渡的变形效果,所以身体的变化运用形状补间动画来调整。

图3.9 被打飞动画

爆炸效果动画:爆炸是一个从内向外逐渐扩大的视觉效果,而且是激烈的动作,所以选择逐帧动画来诠释它的突然性,用钢笔工具绘制出不规则形状,中间的色彩都比边缘的深,模拟出火花喷发的效果,并且后一帧都比前一帧的形状大,因为爆炸越来越激烈,最终布满整个屏幕。

图3.10 爆炸动画

写字动画:此动画的实现是先把需要做动画的字体打出来,然后选择橡皮擦工具,每插入一个关键帧,就按笔画的倒序擦掉一点字体,擦完后按shift键选择所有关键帧,右键点击“翻转帧”,写字动画就完成了。

图3.11 写字动画

刷墙动画:此效果做法是把字体,背景,和刷子分置各图层,对背景和刷子做补间动画,因为墙漆要随着刷子的移动出现,所以两者关键帧起点与终点的位置要相同,字体使用插入关键帧,随着刷子移动相继出现。

图3.12 刷墙动画

火焰逐帧动画:此效果与爆炸动画有异曲同工之处,用钢笔工具调整各关键帧中的火焰形状,模拟火焰的燃烧。

图3.13 火焰动画

待绘制完以上的动作和画面部分后,接下来的就是后期的合成和音效,后期的合成需要费一番工夫,做到让动画流畅,让观众感觉是在看一部动画,而不是几张图片在动。

第四章 环保公益广告制作过程

4.1主场景制作

在整个短片之中,要考虑到镜头的组节问题。镜头的组节要符合生活的逻辑、思维的逻辑。这点在动画的运用中也不例外。在这个的基础上我们才能从观众的口味入手,怎样才能组接好更多的镜头。景别的变化都要采用的是循序渐进的方式,才能使得整个画面过度的不突然。在动作的表现当中,也不可能把每个细节都展现出来,只要抓住可以表现的东西即可。在flash 中创作过程是很灵活的,你想怎样去实现就通过你的思想去实现,只要不违背现实的客观规律即可。

在源文件中声音素材单独插入名为“音效”的图层,全片一共十个镜头,把每个镜头放在不同的图层中。为了更好地实现镜头的切换,在每个镜头间用遮罩动画来制作转场的效果。

新建一个ActionScript3.0的文件,在“文档属性”中,将尺寸设为640*480,单位为像素,背景颜色设置为白色,并将帧频设置为12.0fps。

首先在做flash的时候,应该考虑给它遮羞,在场景的最上面的一层绘制一个大过舞台的黑色的矩形,然后通过扣除和舞台一样大小的黑色块便可使flash编辑界面中忽略掉其它多余的东西,方便随时查看效果。

第一个镜头:在一个夜深人静的黑夜,劳累了一天的人们都睡着了,连路边的围墙都打起了呼噜。画面从右向左移动,一个人物出现在画面。随之画面推回到围墙的大门正面,突然一阵声响惊醒了熟睡地围墙,它唰地睁开眼睛,声音是从左边传来的,所以它朝左边瞧了瞧。把制作好的背景和眼睛的动画图形元件放入第一个关键帧中,然后创建补间动画,在间隔几帧之后插入关键帧,将舞台中的图形全部选中,往右边平移,创造出镜头移动的效果。

图4.1 第一镜头

第二个镜头:镜头跳到一个墙面,一只手不停地往墙壁上贴小广告,发出刺耳地响声。此动画做法为先在关键帧中绘制一个与舞台大小相同的矩形作为背景,然后在不同的时间点插入关键帧,分别在各关键帧中绘制不同的广告纸形状并放置制作好的手臂动画图形。手臂

图形制作运用补间动画调节透明度做出一闪即过的效果。

图4.2 第二镜头

第三个镜头:围墙看到了这个不良举动,气愤地瞪大了眼睛,大喊一声:“住手!”此动画做法为把制作好的眼睛与画外音的图形元件放入关键帧。眼睛与画外音的动画图形的制作用补间动画调节大小,做出忽大忽小的效果,表示愤怒的情绪。

图4.3 第三镜头

第四个镜头:镜头回到被贴上小广告的墙面,破坏者站在墙壁前,被突如其来的呵斥声惊呆了,脑袋上挂满了问号,奇怪这夜深人静的时刻怎么会有如此声响。突然,墙壁里伸出一个拳头挥向破坏者,破坏者应声飞了出去,原来是围墙愤怒地挥起了拳头。此动画做法为将制作好的人物被打动画图形和拳击动画图形置于不同的图层中,并给人物被打的图形做位移补间动画,模拟被拳头打飞出去的效果。

图4.4 第四镜头

第五个镜头:转到围墙的大门正面,围墙拖着疲惫的双眼,长长地舒了一口气。突然,右边传来噗嗤噗嗤地喷雾声,围墙又警惕地瞪大了眼睛,朝右边看了看。此处动画是把制作好的图形动画放入关键帧中。气体动画元件的制作是创建补间动画,调节形状大小和透明度,模拟喷气的动画。

图4.5 第五镜头

第六个镜头:又出现了一个破坏者,墙面上被喷上一个字“招”,此人正在喷第二个字“工”。先在关键帧中绘制与舞台同尺寸的矩形,再放入制作好的写字动画元件。其中先做好写字动画图形,再制作喷漆动画,喷漆动画制作时,在编辑模式下放入写字动画作为时间点和动作位置的参考。

图4.6 第六镜头

第七个镜头:接二连三破坏市容的举动彻底激怒了围墙,怒火在它的眼里熊熊燃烧。 此处的眼睛动画利用了遮罩动画特效,先做好火焰燃烧的动画图形元件,然后再创建一个图形元件,编辑界面里把火焰图形置于第一层,然后在此图层之上新建一层绘制眼睛的形状作为遮罩层,眼里冒火的效果就做好了。

图4.7 第七镜头

第八个镜头:回到作案现场,破坏者举着喷雾器站在墙壁前,画面定格了几秒,突然从墙壁里伸出一只拿着枪的手臂,对着破坏者的手开了一枪,手中的喷雾器随即掉落,接着枪口向下对准了破坏者的脑袋,又开了一枪,破坏者的脑袋爆炸了,火花四溅,最后爆炸的烟雾弥漫了整个画面。此画面先把打枪动画,爆炸动画,喷雾器掉落的动画和人物消失的动画分别做成图形元件,合成时要对准时间点插入关键帧。

图4.8 第八镜头

第九个镜头:围墙举着枪,作出胜利的微笑,嘴角闪过一丝亮光。把制作好的眨眼动画,举枪图形,微笑动画先后放入关键帧中。制作星光图形运用补间动画调整大小,模拟出闪烁的效果。

图4.9 第九镜头

第十个镜头:镜头来到一个被小广告毁容的墙面,一只手臂在拿着刷子刷墙面,刷过的墙面留下了2行字:“维护市容市貌,请勿乱贴广告”。然后画面缩小,一个拿着刷子的人站在墙壁前,鞠了个躬,动画就此结束。先在关键帧里绘制好舞台大小的墙面,用铅笔工具在上面写一些字,再插入制作好的刷墙动画图形。最后一帧里加入制作好的重播按钮。

图4.10 第十镜头

4.2开始界面制作

作为开场的开始界面尤为重要,Flash动画开始界面是浏览者第一个看到的画面,是设计者的风格和动画信息的展示窗口,如果能给浏览者留下深刻的印象,这个开始界面制作就

是成功的。开始界面设计的特点是风格突出,短小精悍,表现形式多样并且具备交互的功能。

本次设计开始界面为一个人坐在街头的长椅上幽幽地吸着烟,轻轻地摇动着左腿,烟雾缓慢的往上飘,路灯散发出柔柔的光,几片落叶随着微风飘过。

落叶图形的制作运用引导动画,绘制好落叶图形,然后在落叶图层上新建引导层,用铅笔工具绘制出落叶飘过的路径作为引导线,再选择图形第一帧拖动到引导线的一端,给图形创建补间动画,选择最后一帧把图形拖到引导线另一端,动画就做好了。人物的头,烟雾,拿烟的手臂和左腿分别做成逐帧动画。制作各身体部位的动画要配合好时间点,抽烟的动作和吸烟时的表情需要做相同的帧数。

新建一个图层放置开始按钮元件,给开始按钮添加补间动画。

图4.11 开始界面

4.3按钮元件制作

按钮动画是一个交互的效果,所以需要用脚本控制动画的播放。因为在ActionScript3.0中无法为按钮和影片剪辑添加脚本,并且在3.0中还删除了2.0中应用于按钮和影片剪辑的on和onClipEvent等语句,因此在ActionScript3.0中实现这类交互效果的方法与2.0有所区别。在ActionScript3.0中,主要通过为按钮或影片剪辑要实现的交互效果创建一个函数,然后用addEventListener语句创建事件侦听器,对发生在按钮或影片剪辑中的特定事件进行侦听,在满足条件时,即调用函数中的脚本实现交互效果。

本次动画设计有2个按钮元件,开始按钮和重播按钮。分别创建按钮元件,做好动画效果,在片头动画里新建层,把开始按钮拖动到该层第一次帧,然后选择舞台中的开始按钮,在属性面板中将其实例名称设置为“ks”,然后打开动作面板,输入如下语句:function start(event:MouseEvent):void {

} nextScene( );

ks.addEventListener(MouseEvent.CLICK,start);

创建一个名为start的函数,函数体为nextScene语句,使播放指针跳转到下一个场景的第一帧。

在主场景中最后一帧插入重播按钮,舞台中选择重播按钮,在属性面板把实例名称改为“re”,在动作面板里输入语句:

function replay(event:MouseEvent):void {

}

re.addEventListener(MouseEvent.CLICK,replay);

创建函数replay,函数体为gotoAndPlay语句,使播放指针跳转到场景中的第一帧,并从第一帧开始播放。

gotoAndPlay(1);

第五章 总结

Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而创建千变万化的效果。

使用Flash 制作广告将完美的创意及生动幽默的动画效果、视觉表现手法和声音有效的融合在一起,不仅弥补了传统广告中画面设计单一的不足,而且还给人留下深刻的印象。由于Flash 制作成本少、周期短,制作效果引人入胜,使得越来越多的公司开始用它来制作广告。

Flash广告有着很好的发展前景,虽然目前来说力量还是有些弱小,但是随着相关培训机构、大专院校相关专业的设立,人才的培养和整合,会诞生出更多的精品;另一方面,更多的广告客户和广告公司会越来越注重Flash作品的开发与制作,例如日本的电通公司、千龙研究院的动漫小组、以及一些优秀闪客成立的工作室,这些力量的介入会使得Flash这种广告形式运用得更加普遍;最后,移动电视、楼宇广告、电视广告等媒介形式也为Flash广告的展示提供了一个较为广阔的平台。所以,未来Flash将成为广告设计中的新潮流与各种媒介互助共进,开拓更广阔的空发展间。

在老师的指导下,本次的毕业设计成功完成。本人也获得了丰富的知识,不仅掌握了flash动画的基本知识,也充分涉及在动画过程中的不足,在学习新知识的同时完成毕业设计,通过毕业设计掌握新的内容,开扩新的视野,既可以锻炼我的独立性和自主性,也可以培养各方面的能力。

这次设计所产生的影响还没有结束,我从这次毕业设计中学到了许多课本上没有的知识。在几个月的时间里,通过自己的学习和努力,通过老师的指导和教育,使我不仅仅在知识水平和解决问题的能力上有了很大的提高,还从思想的深处体会到,要把自己所学变成现实是所将面对的种种难题。

老师对毕业设计的重视也是我能完成设计的一个重要条件。为了保证我们毕业设计的正常进行,学院组织了优秀的老师指导我们进行毕业设计,提供材料,并且不时的询问我们毕业设计的进展情况。

参考文献

1、《Flash CS3动画设计经典100例》 中国电力出版社 2008年11月

2、《Flash CS3动画制作入门提高精通》 机械工业出版社 2008年1月

3、《Flash第一步:ActionScript编程篇》 清华大学出版社 2006年03月

4、《中文版Flash CS3动画制作》 编委会《中文版Flash CS3动画制作》清华大学出版社 2008年05月

5、《精通Flash动画设计——脚本、分镜头设计与典型案例》 清华大学出版社 2009年03月

江苏联合职业技术学院毕业设计任务书

指导教师: 沈 俊

江都职教集团电信系

2008级计算机及应用专业毕业设计

论文标题:

作者姓名:

指导教师:

完成时间:实习单位:

Flash 环保公益广告的设计与实现 陆 亚 王荣军 2013.03.10 江苏易图地理信息工程有限公司 江都职业教育集团电信系

目 录

摘要

第一章 绪 论.......................................................1

第二章 Flash公益广告概述............................................3

2.1 Flash的发展历史...............................................3

2.2 Flash的发展前景...............................................4

2.3 Flash广告的特点...............................................6

2.4 Flash公益广告的优势...........................................7

2.5Flash公益广告的不足.............................................8

第三章 环保公益广告的的设计过程......................................9

3.1 环保公益广告的构思.............................................9

3.2 场景的设计....................................................11

3.3 素材准备......................................................13

3.4 图形元件的设计................................................13

第四章 环保公益广告制作过程.........................................17

4.1 主场景制作....................................................17

4.2 开始界面制作..................................................21

4.3 按钮元件制作..................................................22

第五章 总结.........................................................24

参考文献............................................................25

Flash 环保公益广告的设计与实现 摘 要:

计算机

Flash技术和动画结合,可以融多媒体和互动两个特性,具体来说,它一改将平面漫画照搬到网络上仍然是静态页面的展现形态,而实现了动态页面,生成了一种新的表现形态:动态漫画乃至互动漫画。随着网络多媒体制作技术的发展,音乐、动漫、文字实现了互相穿插链接是一个迫近的趋势,内容变的越来越精彩纷呈。以互联网多媒体为方向的多元媒体相互竞争、并行发展的格局。随着上网人数的剧增,越来越多的商业客户开始重视网络这个宣传、展示的平台,网络广告近些年也呈快速发展之势。在网络广告的发展历程中,简单的静态的banner广告形式已经不能满足客户的要求,因此,又出现了漂浮广告、弹出式广告以及大幅面广告等众多形式,笔者在考察了众多的网络广告形式之后,又结合了传统广告的制作、创意等情况,认为未来的网络广告形式中,Flash广告将大有可为。

本文介绍了Flash动画制作中最基础的知识以及在Flash CS3软件环境下制作Flash广告动画的过程和一些相关的应用方法,并通过制作Flash广告动画向大家展示出Flash动画的特色。

………

关键词: Flash软件,动画,Flash广告

第一章 绪论

随着上网人数的剧增,越来越多的商业客户开始重视网络这个宣传、展示的平台,网络广告近些年也呈快速发展之势。在网络广告的发展历程中,简单的静态的banner广告形式已经不能满足客户的要求,因此,又出现了漂浮广告、弹出式广告以及大幅面广告等众多形式,笔者在考察了众多的网络广告形式之后,又结合了传统广告的制作、创意等情况,认为未来的网络广告形式中,Flash广告将大有可为。

关于Flash,是美国的macromedia公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。

Flash使用矢量图形和流式播放技术。与位图图形不同的是,矢量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术使得动画可以边播放边下载,从而缓解了网页浏览者焦急等待的情绪。使所出作品最大程度支持网络传输。

Flash在中国的发展经历了十几年的时间,起初只是一些爱好者出于个人兴趣制作的Flash作品,传到网上以供网民浏览,因为更多的人喜好这种表现形式,以及商家对网络发展态势的看好,早期的那些创作者开始承接商业广告。自此,Flash广告的制作逐渐兴盛。

1997年Flash开始出现在中国,Flash是一个技术门槛比较低,开发成本也相对比较低的优秀软件。

它让不少业余爱好者很快能够加入到创作者的行列中来。最初的Flash动画制作,大部分人的作品

国外大量的优秀Flash动画在国内迅速传播,因其不少作品很符合大众口味。 而且Flash这种新颖的便于网络传播的形式,喜好Flash动画的观众数量积聚增加。 一项由某著名品牌发起的最新网上调查表明,Flash网络动画已成为越来越多上网族的最爱。 在

传播性,画面的可塑性。很快成为了企业或商家们都喜好的网络展示形式,用于他们的商业站点,产品展示,乃至会议演示,都有Flash的踪影。

本课题就是运用Flash软件结合一个原创的动画详细讲解了这个软件的使用。把保护环境的重要性从一些小事到大事形象生动的展现在你眼前,希望大家意识到公德心与环境保护是息息相关的,希望人人都树立起公德心,共同保护我们的生活环境!

蓝天白云,空气清新,鸟语花香,风调雨顺,山河变得更加美好,环境变得更适宜居住,这是全人类对新世纪的希望。

然而,站在新世纪的门槛上看,全国环境形势仍然相当严峻,各项污染物排放总量很大,污染程度仍处于相当高的水平,生态恶化加剧的趋势尚未得到有效遏制,部分地区生态被破坏的程序还在加剧。

人存在于这个社会,必然会与别人产生各种错综复杂的关系,希望别人能以诚待自己,这就要求我们以诚待人。这是当初做这部动画的出发点和思想源点,希望做一部动画来能引起别人的共鸣,也是自己做动画的出发点,而做动画一直是自己的爱好和擅长,所有由此引此了这部动画,公益广告一直可能被认识是认真严肃的事情,总是希望能通过幽默的情节,让人一笑之后,能有所感想,这也是做动画的最基本思想。只是想通过这部小小的故事片,希望能有所感悟,不管是作者还是读者,就已经足够了。

第二章 Flash公益广告概述

2.1Flash的发展历程

Flash 是由macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash涉及到的领域:动画游戏制作,网络构件,学习课件,网站广告设计及全Flash网站,工控界面等等。主要特点是制作简单,通用性比较大,涉及的领域多,制作出的东西效果都可以做到非常精致。缺点在于有些效果需要别的软件辅助制作等等,不是所有效果都能制作出来。(比如些3d效果,Flash就很难制作,只能通过导入的方式或者针并针的方式)

Flash有三重意义:(1) FLASH英文本意为“闪光”;(2)它是全球流行的电脑动画设计软件;(3)它代表用上述软件制作的流行于网络的动画作品。Flash是一种交互式矢量多媒体技术,他的前身是Futureplash,早期网上流行的矢量动画插件。后来由于Macromedia公司收购了Future Splash以后便将其改名为 Flash2,到现在最新的Flashcs3。现在网上已经有成千上万个Flash站点,著名的如Macromedia专门ShockRave站点,全部采用了Shockwave Flash 和Director。可以说Flash已经渐渐成为交互式知量的标准,未来网页的一大主流。

Flash 最早期的版本称为Future Splash Animator,当时Future Splash Animator最大的两个用户是微软(Microsoft)和迪斯尼(Disney)。1996年11月,Future Splash Animator卖给了MM(Macromedia.com),同时改名为Flash1.0 。 Macromedia 公司在1997年6月推出了 Flash 2.0 ,1998年5月推出了Flash3.0。但是这些早期版本的Flash所使用的都是Shockwave 播放器。自 Flash 进入4.0 版以后,原来所使用的 Shockwave 播放器便仅供 Director 使用。Flash 4.0开始有了自己专用的播放器,称为“Flash Player”,但是为了保持向下相容性,Flash仍然沿用了原有的扩展名:.SWF(Shockwave Flash)。

2000年8月Macromedia 推出了Flash5.0 ,它所支持的播放为 Flash Player 5。Flash 5.0中的ActionScript已有了长足的进步,并且开始了对XML和Smart Clip(智能影片剪辑)的支持。ActionScript的语法已经开始定位为发展成为一种完整的面向对象的语言,并且遵循ECMAScript的标准,就像javascript那样。 2002年3月 Macromedia 推出了Flash MX支持的播放器为 Flash Player 6。Flash 6开始了对外部jpg和MP3调入的支持,同时也增加了更多的内建对象,提供了对HTML文本更精确的控制,并引如SetInterval 超频帧的概念。同时也改进了swf文件的压缩技术。

2003年8月Macromedia 推出了Flash MX 2004,其播放器的版本被命名为 Flash Player

7。Flash MX 2004增加了许多新的功能。

2005年10月,Macromedia 推出了Flash 8.0,增强了对视频支持。可以打包成Flash视频(即*.flv文件);改进了动作脚本面板。

2005年Adobe耗资34亿美元并购Macromedia,从此,Flash便冠上了Adobe的名头,不久推出了以Adobe的名义推出Flash产品,名为Adobe Flash CS3(同时也发布了多款捆绑套装)。

2008年底推出了Adobe Creative Suite 4 Master Collection套装(简称Adobe CS4)中,含有最新版的Flash CS4。

最近又推出了最新版本Adobe CS5其功能有六大特点:

XFL格式(Flash专业版)、文本布局(Flash专业版)、代码片段库(Flash专业版)、与Flash Builder完美集成、与Flash Catalyst完美集成、Flash Player 10.1无处不在。

2.2Flash的发展前景

Flash被称为是“最为灵活的前台”,由于其独特的时间片段分割(TimeLine)和重组(MC嵌套)技术,结合ActionScritp的对象和流程控制,使得在灵活的界面设计和动画设计成为可能,同时它也是最为小巧的前台。Flash具有跨平台的特性(这点和Java一样),所以无论你处于处于何种平台,只要你安装了支持的Flash Player,就可以保证它们的最终显示效果的一致,而不必像在以前的网页设计中那样为IE或NetSpace各设计一个版本。同Java一样,它有很强的可移植性。最新的Flash还具有的手机支持功能,可以让用户为自已的手机设计喜爱的功能。当然首先必需要有支持Flash的手机,同时它还可以应用于Pocket PC。

Falsh动画在网上因短小且内容丰富,成为一种非常好的交互和表达方式,它主要经历了简单动画、位图动画、手绘动画、自动生成动画几个发展过程。那么Flash动画究竟是怎样发展起来的,将走向何处?

在初期Flash动画都是一些简单的动画,比如形状、大小的变化,颜色的变化等等,简单的制作便组成了一个作品,这便是最原始的动画。后来由于国内某些人在MTV制作上的成功,许多人争相效仿,国内便涌现出了一大批MTV的作品,这些作品有一个明显的特征便是大量采用了位图,虽然画面精美却由于位图太多太滥已经失去了动画的精髓,之中也时而不时地有些好作品问世,但总给人一种欲说还休的遗憾。

经过几个月的发展,有大批的美工加入到Flash动画制作者行业之中。它们大都拥有手绘这一特长,于是国内便又涌现出一大批手绘的原创动画作品,作品的风格有写实也有搞笑的,有些是明显的日本动画风格,有些有明显的本土化倾向。这些作品将Flash世界点缀得异常精彩。而Flash作品的商业化也成了Flash动画的推动力,商业化应用需要在最短的时间内完成一个完整的动画作品,动画自动生成软件及其它相关软件的插件也因此承现出一派繁荣景象。比如制作专门字体效果的Swish、Flax软件,专门制作3D效果的Swift3D 等都是一些动画自动生成的工具,还有3Dmax的插件、Moho软件、Pesor等等这些工具软件的出现大大丰富了Flash动画的制作,让以前要经过几小时甚至几天时间来制作的动画在几分钟之内便可以完成。或者在将来会出现像Photoshop的滤镜一样的功能,将一个个的功能高度集成到软件中间,从而大大加速商业化应用。

当今Flash动画的发展已经向大型化、复杂化、系列化、艺术化方向发展。所谓大型化、复杂化就是一个Flash动画已经是一个完整的系统,比如图形化的MUD,图形化的聊天室,3D实物电子商务展示平台等。这些在以往的商业应用中是根本不可能实现的,现在可以用Flash轻松实现。系列化是围绕一个中心制作一组Flash动画,这个中心可以是一群人,也可以是一个长篇故事或者小说。比如台湾的阿贵的故事、EBOOK系列,国内Showgood的爆笑三国系列动画,这些都是Flash动画系列化的典型。此时的Flash作品已经不再是一个纯粹的动画,它已经成为一个品牌!艺术化是指那些充满艺术性、不时闪现创意火花的作品。比如在移动互联平台上制作的Flash动画就要求有较强的艺术性,这是由硬件平台的特性所决定的。当然,所有这一切离不开最基本点就是商业化,上述的内容都受到商业化的主宰,也是因为更复杂更现实的商业应用推动了Flash动画发展,让Flash展现出世界的多姿多彩。移动设备上网是未来重要的发展方向,在移动设备上播放动画将成为一种时尚、一种必然趋势,目前Flash已经提供了对在pocket pc操作平台上播放广泛娱乐内容、在线学习内容以及商业应用等内容的支持。所谓的microsft pocket pc操作平台包括:COMPAQ、CASIO及JORNAD等设备提供的用户操作平台。它使用的是WinCE的操作系统,而对于此类平台,出厂设置普遍为16-bit色、内建音频支持及206 MHZ的CPU运算速度。从而在硬件上满足了mcaromedia Flash 技术的运行要求,使mcaromedia Flash技术有机会向PDA领域发展。基于Palm操作系统的掌上电脑也出现了像gMovie这样的软件,它不但可以对Swf文件格式进行转化,还可以流畅地播放转化后的动画文件。虽然这些移动式掌上电脑平台播放Flash动画有着动画文件较大、交互功能差等这样那样的限制与不足,但它的意义是深远的,它将成为移动动画领域的一朵奇芭,从而在未来的移动设备时代

中占据一席之地!

在国外出现了一种软件叫swf studio它扩展了超过30个全新的FSCOMMAMD;提供一套开放的插件体系;多媒体内容管理;多边形窗口;直接发送邮件;访问文件系统;读写硬盘和注册表;更多播放模式支持等等,这些功能都是激动人心的。可惜目前它的价格对一般的个人用户来说太贵了,但对于公司用户来说这功能与价格的性价比的确令人垂涎欲滴! 有人提出Flash经过几年的发展目前已经到了穷途末路,从Flash自身的限制,国内Flash作品的便宜价格,其它更优秀软件的冲击都可以看出端倪,但是我们应该相信一点,macromedia公司肯定不会眼看着自己手中的软件就这样消亡,他们肯定会把Flash的应用推向一个新的阶段,而众多的从业人员会更加努力地扩展它的应用面,相信Flash的未来会更加美丽与精彩。

2.3 Flash广告的特点

为何Flash广告会吸引这么多人的注意力,笔者认为是主要在于以下四个特点:

(1)体积小但效果好。Flash广告采用矢量图形和流式播放技术,保证了图形的质量和观看速度。通过使用关键帧和图符使得所生成的动画(.swf)文件非常小,因此适合在网站中插入。

(2)跨媒体性强,但制作、改动成本低廉。Flash广告除了可以在互联网上进行传播,还可以在电视、楼宇广告、手机等载体上进行发布、传播。目前完整的Flash广告多以500元(不少于10秒情节,动画整体风格及脚本设计Flash动画效果)起价。而且改动起来也比传统电视广告方便很多、也便宜很多。

(3)视觉冲击力比其他的广告形式要强。同一个产品的广告,如果采用Flash形式会更容易吸引受众的注意。例如佳洁士牙膏的广告多源自于生活场景,而高露洁的广告则多了“海狸先生”这个动画人物,让受众觉得更为有趣。取名叫打印一网通的Flash动画广告,结合现实生活中的办公室常出现的打印纠纷,制造出一个幽默搞笑、动感十足的卡通打印机,它会委屈,会抗议,将广告做得很可爱,也很人性化。

(4)Flash的广告形式具有亲和力和交互性优势。这是与网络的开放性结合在一起的,使其可更好地满足受众的需要,让欣赏者的动作成为动画的一部分,通过点击、选择等动作决定动画的运行过程和结果,使广告的传达更加人性化, 更有趣味 ,比起传统的广告和公

关宣传,通过Flash进行产品宣传有着信息传递效率高、受众接受度高、宣传效果好的显著优势。

Flash制作的广告与传统的广告相比有着显著的优势。Flash 具有制作成本少、周期短、产品可多样化,作为一种新兴传播媒体,Flash具有非常高的自由度与互动特性。人们瞄准Flash在中国的广泛应用与传播这个绝佳时机,从事制作的“闪客”和这一类公司也如雨后春笋般地冒了出来,证明有着供求双方的市场已经形成了。

通常情况下Flash广告可以分为网络Flash广告和电视Flash 广告两种类型。网络Flash 广告是最早应用的广告形式,它主要用于各网络站点投放的广告,如按钮广告、电子邮件广告等。与传统广告相比,网络广告可以通过目的性极强的一对一、一对多,多对多的传递方式将产品信息随Flash动画悄无声息地传递给受众目标,使受众目标在不知不觉中了解产品,同时又不易产生逆反心理。而且Flash的传播方式也在无形中变成一种隐性的宣传形式,充分挖掘了网络文化与商业机制合作的巧妙切入点和巨大潜力,显示出了Flash 的巨大商业推广价值。电视Flash 广告是在最近几年才发展起来的。由于其投入低廉,形式多样,逐渐成为企业用来宣传产品的载体。比起一般的电视广告,Flash 通过简单的构图、固定的场景、明快的对话以及幽默的剧情轻松吸引住人们的眼球,让人们在娱乐放松的同时获取信息。Flash 动画从网络走向电视是一种媒体之间的互动进步,它给电视等传媒行业注入新的技术与文化娱乐的血液,大大推动传统媒体与互联网的融合。

2.4 Flash公益广告的优势

动画一旦变成说教,就索然无味,特别是这种公益性的公告。

说起Flash,不少人会马上联想到好玩,搞笑,无厘头,而说到公益广告,却是严肃认真的事情。那么Flash公益广告呢为Flash公益广告,应该侧重在公益广告的思想性和倡导性的特性上,而Flash只是一个手段.创作一个FLASH公益广告比创作一个只是抒发个人内心感想的Flash要注意的地方更多,公益广告是个认真,负责的事情。严肃只是创作态度,跟作品好玩不矛盾。Flash公益广告,应该侧重在公益广告的思想性和倡导性的特性上,而Flash只是一个手段。创作一个Flash公益广告,首先不要产生公害。如果让公害搭了便车,怎么也是彻底失败的。因为逆向的思维方式在Flash里也经常出现,所以要处理得当。由于公益广告跟公众沟通,要考虑到公众是所有人,尊重大家的习俗,信仰,文化等等。避免不

适合少年儿童的内容,避免容易误解、歧义的内容,这些往往是个人创作,自由表达中容易忽略的,其实本着公德心去做就好。

本次毕业设计突破了传统的框架,用Flash动画作为公益广告的创作形式。由于Flash技术表现形式多样且富有动感,以致在现今社会的文化传播中被广泛利用,此次设计通过运用Flash制作公益广告,希望吸引更多的观众来关注环保,通过Flash的形式呈现为大众创作更加贴近生活、更具有代表性的公益广告,而公益广告表现的内容通常都出现在你我的身边,只要有一颗爱心,就能够发现更多、做得更好,从而使公益广告完全贴近实际、贴近生活、贴近大众。

2.5 Flash公益广告的不足

虽然Flash公益广告形式具有很多优点,但是目前Flash公益广告的应用范围相对较小。主要原因在于:

第一,是人才、经验不足。相对传统广告的庞大的从业人员,Flash广告的制作人员很少,且是自发加入到这个行列,这就使Flash广告先天就营养不良。许多闪客并不具备扎实的美工基础,没有严格的商业操作流程,缺乏知识产权保护,严格意义上的制作群体并没有形成;

第二,虽然我国现在有近亿万网民,但是其年龄结构偏小,关注的多是时尚产品,因此其他产品发布广告存在可能达不到目标群体的障碍,这就导致潜在的广告客户对于这种表现形式的认可度较低,因此在现阶段制约着Flash广告的发展;

第三,广告创意及产品诉求相对单一。多属于简单直观的表达方式,画面比较粗糙,不讲究画面的精美,看重的是在作品中突出品牌,对于产品的深层次特征挖掘不够,在展示产品特色方面做得没有传统的电视广告好;

第四,Flash广告目前属于单打独斗,真正意义上属于团队制作的成品并不多,这点和Flash发展现状差不多,多是游兵散将,并没有形成庞大的阵势。

第三章 环保公益广告的的设计过程

3.1 环保公益广告的构思

公益广告的创作,既要遵循一般广告的创作原则,又要体现公益广告的个性原则。公益广告创作的个性原则包括以下几方面。

(1)思想性原则

公益广告推销的是观念。观念属上层建筑,思想性原则是第一要旨。

思想性原则还要求公益广告的品位高雅。就是说要把思想性和艺术性统一起来,融思想性于艺术性之中。第43届戛纳国际广告节上,有一个反种族歧视的广告,画面是四个大脑,前三个大小相同,最后一个明显小于前三个,文字说明依次是非洲人、欧洲人、亚洲人和种族主义者的(均标在相应大脑下)。让受众自己去思考、去体会。独特创意令人叫绝。

(2)倡导性原则

公益广告向公众推销观念或行为准则,应以倡导方式进行。传受双方应是平等的交流。摆出教育者的架势,居高临下,以教训人的口气说话,是万万要不得的。这并不是说公益广告不能对不良行为和不良风气发言。公益广告的倡导性原则要求我们采取以正面宣传为主,提醒规劝为辅的方式,与公众进行平等的交流。这方面成功的例子是很多的,如“珍惜暑假时光”、“您的家人盼望您安全归来”、“保护水资源”、“孩子,不要加入烟民的行列”等。

(3)情感性原则

人的态度,是扎根于情感之中的。如能让观念依附在较易被感知的情感成分上,就会引起人的共鸣,更何况东方民族尤重感情。如福建电视台播出的一则“两岸情依依,骨肉盼团圆”的广告,成功地将祖国统一的观念诉之于情。

(4)公益广告的创意

如何让公众感到有趣、好奇、轻松、耐看,从而巧妙地使公众发自内心地接受,是制作者的首要课题。比如“节约用电,出门关灯”,看看俄罗斯广告人是如何做的,一组动画画面,一对夫妇吵得天翻地覆,丈夫不堪忍受,收拾衣物离家出走。妻子如梦方醒,抱着几个孩子失声痛哭。不一会儿房门突然开了,丈夫出现在门口。丈夫回来了!妻儿正欲破涕为笑,哪知丈夫手一伸,啪地把墙上的开关关掉,摔门扬长而去。房内顿时一片漆黑。出现字幕:节约用电,人走灯灭。这就是创意,一个出乎所有人预料的结局。

比起商业广告,公益广告在创意上相对自由一些,因为商业广告必受到广告客户的制约。

而公益广告只需符合本国的道德规范和法律,受制约较小,创作者有更大发挥余地。 一个好的公益广告创意,大致应具备以下特点:

①深刻揭示本质,透彻剖析事理

中央电视台曾播过一条警告吸烟危害生命的公益广告。电视画面中,在醒目的位置上显出“吸烟”两个大字,背景上是吸烟危及健康的组合画面,“烟”字半边的“火”将一支香烟点燃后熊熊地燃烧着,烧出了一连串惊人的数字:

全世界每年因吸烟所引起的死亡人数达300万人,占全年死亡人数的5%;世界上每10秒就有1人因吸烟而丧命;

我国15岁以上男性吸烟率平均为61%;„„

深沉的画外音进一步作了本质的揭示:

吸烟是继战争、饥饿和瘟疫之后,对人类生存的最大威胁。

一组惊人的数字,一句振聋发聩的警告,从本质上道出了吸烟的危害,让人们看后胆战心惊,利害自明,从而收到了良好的宣传警示效果。

一个好广告创意是智慧的结晶,它会使公益广告的警示教化效果倍增。

②高度艺术浓缩,巧妙含蓄比喻

电视公益广告必须紧凑简短,不容拖泥带水。而对其宣传效果却要求虽短犹精,情真味浓。这就要求把告诉人们的东西高度浓缩于耀眼的一瞬间。

山东省的一条获奖公益广告就堪称令人难忘的佳作。广告一开始,一枝苹果花充满屏幕,繁花凋谢后,绿叶枝头结出一个苹果,越长越大,长成一个硕大鲜美的苹果。果实隐去,又结出两只小苹果,果实再隐去,又结出四个小苹果„„,几经隐显,果实累累的枝头上全是瘦小的残次果。这时,不堪重负的苹果枝“咔嚓”一声被压断——画面定格。远处传来一声意蕴深厚的画外音:人类也要控制自己。

艺术的浓缩,比喻的精巧,可以十倍地缩短时间和篇幅,可以百倍地增加感染力与说服力。

③适度地夸张,精辟地警策

好的广告创意离不开精妙的比喻,更离不开适度而准确的夸张。中央电视台播出的珍惜水资源的公益广告,在直言相告国民“中国是个水资源匮乏的国家”后,接着不无夸张地警告人们:如果肆无忌惮的破坏水资源,我们最后看到的一滴水,将是自己的眼泪!画面上,一滴晶莹的泪水从一只美丽的大眼睛中滴落。让人闻言慑服,触目惊心,实在是警世箴言,点睛妙笔。

有了以上对公益广告的认识后,和自己确定的公益广告主题后,下一步就是动画的主角和故事情节了,想了已久,鉴于多年来无法根治的城市“牛皮癣”现象,就以“围墙”来做为动画的主角,不选“人”为主角,是因为静物为题材的公益广告局限性比较少,范围比较广,更容易体现出作品的本质,和让人联想起一些东西,好的作品是能引起共鸣的,作品看完之后能让人有感想,就已经算成功了一半,接下来的只是对作品好坏的不同看法。

确定了动画的主角之后,便要开始构思动画的情节和内容,广告的作用是能以小见大,提取生活题材,精练生活题材,然后以此为题材展开,往往能达到意想不到的效果,如果情节上能有所突破,情节幽默,结局出人意料,往往能给观众留下深刻的印象,这便是一个好的广告了。首先我想到了赋予“围墙”以生命,让静物拥有自己的情感来诠释一个主题。因为人类情感通常是由脸部表情的变化来表达的,如果要把这个特征反映在静物的身上,就需要给它一张“脸”。那么试想围墙的特点,就用一个带有大门且两侧有灯的围墙来做这张脸,因为眼神是传达情绪的重要感官,所以大门两侧的灯就是它的眼睛,同时还需要一些肢体的动作来诠释情感,以达到更好的表达效果和视觉效果,便再给围墙加2只手,并且设计一些激烈的动作来呈现它的愤怒,对于随意张贴小广告的抵制。

因为张贴小广告是件不甚光彩的事情,所以把环境设计定在一个夜深人静的时刻,大家都进入了甜甜的梦乡,围墙也不例外,几个不速之客的不良举动把围墙惊醒了,围墙用自己的方式狠狠地打击了他们不和谐的举动。

为了吸引观众,片头的设计很重要,延续广告主体基调,把广告中的人物形象放在片头中,加上一些动画,场景需要设计出感染力,结合人物的动作,渲染出一种气氛。

3.2 场景的设计

Flash动画中场景设计是动画作品构成中重要的组成部分,场景设计是指动画中除角色造型以外的随着时间改变而变化的一切物的造型设计。好的场景设计可以提升动画影片的美感、强化渲染主题,它能够使动画影片的渲染效果更加饱满。恰当的场景设计更能为动画作品提升附加值,直接影响着整部作品的风格和艺术水平。

场景设计既要求有高度的创作性,又要求有很强的艺术性。动画场景不仅仅是绘景,更不同于环境设计。它是一门为动画服务,为展现故事情节,完成戏剧冲突,刻画人物性格服务的时空造型艺术。它的创作是依据动画剧本、依据角色造型、依据特定的时间线索规定的。

动画场景设计对镜头画面的形成起着至关重要的作用,可以说场景空间设计制约着镜头画面。设计一般是依据场景空间的创意思维来安排镜头画面中景别的变化、视角的变化、镜头的运动方式以及场景气氛效果的营造。

场景设计不但影响着角色与剧情,而且还影响着动画的欣赏。动画片给观众带来的感受是动画片中多种元素综合产生的,它让观众随着剧情的发展而紧张、忧伤、欣喜、兴奋,在欣赏过程中,观众最直接感受到的还是场景设计所传达出来的复杂情绪。场景设计对动画中的场面施加主观影响,通过色彩、构图、光影等设计手法来强化影视动画的视觉表现,使恐怖气氛更加恐怖,优雅场面更加优雅。

本动画的场景分为2个:开始界面与主场景,根据剧情需要主场景中包括2个背景,片头有一个背景。

主场景:在Flash CS3里新建图形元件,绘制的背景。主场景设计选择比较卡通的绘画风格,运用描边几何图形和钢笔工具绘制出围墙和树丛。,简单的2D线条营造的视觉效果更能增加动画的趣味性。

图3.1 主场景背景

开始界面场景:开始界面设计选择接近写实+卡通的绘画风格,背景运用渐变色绘制楼房,地面和灯光,渲染出一个很有质感的画面,使人感受到夜晚的宁静与柔和,这样更能吸引观众的注意。座椅和路灯用几何线条勾画。环境设计为夜晚,所以色调以灰色为主。

图3.2 开始界面背景

3.3 素材准备

动画是一个多媒体的载体,各种声音素材必不可少,把从网上搜集的声音素材导入源文件,并且新建“音效”文件夹。动画制作过程中,音频元素在塑造动画角色,创造时空环境方面具有独特的功能,可以作为画龙点睛的一部分。添加音乐以及音效可以丰富动画的内容,强化动画的风格,更能体现动画的意义。结合动画的风格,本次设计的片头音乐和片尾音乐选择节奏明快的音乐,音效是发挥创造性的重要方面,本片选择可爱有趣的卡通音效,与背景音乐融合,增加整体效果。

3.4 图形元件的设计

元件是Flash中的重要概念之一。在一个动画中,有时需要多次使用到某个图形或动画片段,这种情况下可将这个图形或动画片段制作为元件,就能在动画中需要的位置多次使用这个元件,不需要重复制作,同时不会因为多次使用而增加动画文件的大小,能大大提高动画制作的效率。

为了便于修改与缩小源文件体积,本片中的所有动画元素都分别制作成图形元件,作为制作整体动画时插入关键帧中的内容。以下是主要动画元素的设计过程。

动画中的人物形象设计,需要配合场景的风格,片头的人物形象接近写实,主场景的人物形象使用简笔画的风格。

图3.4开始界面形象

图3.5主场景形象

吸烟动画:开始界面动画中的人物动作绘制方法为,把各个身体部分放置各层,并创建补间动画。开始界面中头部的动作比较关键,使用绘图纸外观功能,用钢笔工具调整各关键帧里的形状,因为吸烟的面部表情需要缓慢流畅,所以在各个关键帧之间创建补间动画。

图3.6吸烟动画

喷漆逐帧动画:喷漆的动作比较快速,所以选择逐帧动画来制作。手臂,身体和拿瓶子的手分置各层,用钢笔工具绘制出手臂,然后逐渐插入关键帧,每一帧用钢笔工具调节手臂形状。拿着瓶子的手随手臂的位置插入关键帧作调整。一般这类动画各关键帧变化的内容不多,且变化幅度较小,则只需要将最基本的关键帧图形复制到其他关键帧中,使用绘图工具进行调整和修改。

图3.7 喷漆动画

谢幕逐帧动画:为了保持动作的精准和流畅,使用绘图纸外观功能,在每一帧中用钢笔工具调整头部和手臂的变化。在Flash CS3中提供了“绘图纸外观”的功能,可以在编辑动画时同时查看多个帧中的动画内容。在制作逐帧动画时,合理利用该功能可以对各关键帧中图形的大小和位置进行更好地定位,并可参考相邻关键帧中的图形,对当前帧中的图形进行修改和调整,从而在一定程度上提高制作逐帧动画的质量和效率。

图3.8 谢幕动画

人物被打逐帧动画:把身体各部位分置各层,设计动作为缓慢地飞出去,所以创建补间动画。要给身体部位创建自然过渡的变形效果,所以身体的变化运用形状补间动画来调整。

图3.9 被打飞动画

爆炸效果动画:爆炸是一个从内向外逐渐扩大的视觉效果,而且是激烈的动作,所以选择逐帧动画来诠释它的突然性,用钢笔工具绘制出不规则形状,中间的色彩都比边缘的深,模拟出火花喷发的效果,并且后一帧都比前一帧的形状大,因为爆炸越来越激烈,最终布满整个屏幕。

图3.10 爆炸动画

写字动画:此动画的实现是先把需要做动画的字体打出来,然后选择橡皮擦工具,每插入一个关键帧,就按笔画的倒序擦掉一点字体,擦完后按shift键选择所有关键帧,右键点击“翻转帧”,写字动画就完成了。

图3.11 写字动画

刷墙动画:此效果做法是把字体,背景,和刷子分置各图层,对背景和刷子做补间动画,因为墙漆要随着刷子的移动出现,所以两者关键帧起点与终点的位置要相同,字体使用插入关键帧,随着刷子移动相继出现。

图3.12 刷墙动画

火焰逐帧动画:此效果与爆炸动画有异曲同工之处,用钢笔工具调整各关键帧中的火焰形状,模拟火焰的燃烧。

图3.13 火焰动画

待绘制完以上的动作和画面部分后,接下来的就是后期的合成和音效,后期的合成需要费一番工夫,做到让动画流畅,让观众感觉是在看一部动画,而不是几张图片在动。

第四章 环保公益广告制作过程

4.1主场景制作

在整个短片之中,要考虑到镜头的组节问题。镜头的组节要符合生活的逻辑、思维的逻辑。这点在动画的运用中也不例外。在这个的基础上我们才能从观众的口味入手,怎样才能组接好更多的镜头。景别的变化都要采用的是循序渐进的方式,才能使得整个画面过度的不突然。在动作的表现当中,也不可能把每个细节都展现出来,只要抓住可以表现的东西即可。在flash 中创作过程是很灵活的,你想怎样去实现就通过你的思想去实现,只要不违背现实的客观规律即可。

在源文件中声音素材单独插入名为“音效”的图层,全片一共十个镜头,把每个镜头放在不同的图层中。为了更好地实现镜头的切换,在每个镜头间用遮罩动画来制作转场的效果。

新建一个ActionScript3.0的文件,在“文档属性”中,将尺寸设为640*480,单位为像素,背景颜色设置为白色,并将帧频设置为12.0fps。

首先在做flash的时候,应该考虑给它遮羞,在场景的最上面的一层绘制一个大过舞台的黑色的矩形,然后通过扣除和舞台一样大小的黑色块便可使flash编辑界面中忽略掉其它多余的东西,方便随时查看效果。

第一个镜头:在一个夜深人静的黑夜,劳累了一天的人们都睡着了,连路边的围墙都打起了呼噜。画面从右向左移动,一个人物出现在画面。随之画面推回到围墙的大门正面,突然一阵声响惊醒了熟睡地围墙,它唰地睁开眼睛,声音是从左边传来的,所以它朝左边瞧了瞧。把制作好的背景和眼睛的动画图形元件放入第一个关键帧中,然后创建补间动画,在间隔几帧之后插入关键帧,将舞台中的图形全部选中,往右边平移,创造出镜头移动的效果。

图4.1 第一镜头

第二个镜头:镜头跳到一个墙面,一只手不停地往墙壁上贴小广告,发出刺耳地响声。此动画做法为先在关键帧中绘制一个与舞台大小相同的矩形作为背景,然后在不同的时间点插入关键帧,分别在各关键帧中绘制不同的广告纸形状并放置制作好的手臂动画图形。手臂

图形制作运用补间动画调节透明度做出一闪即过的效果。

图4.2 第二镜头

第三个镜头:围墙看到了这个不良举动,气愤地瞪大了眼睛,大喊一声:“住手!”此动画做法为把制作好的眼睛与画外音的图形元件放入关键帧。眼睛与画外音的动画图形的制作用补间动画调节大小,做出忽大忽小的效果,表示愤怒的情绪。

图4.3 第三镜头

第四个镜头:镜头回到被贴上小广告的墙面,破坏者站在墙壁前,被突如其来的呵斥声惊呆了,脑袋上挂满了问号,奇怪这夜深人静的时刻怎么会有如此声响。突然,墙壁里伸出一个拳头挥向破坏者,破坏者应声飞了出去,原来是围墙愤怒地挥起了拳头。此动画做法为将制作好的人物被打动画图形和拳击动画图形置于不同的图层中,并给人物被打的图形做位移补间动画,模拟被拳头打飞出去的效果。

图4.4 第四镜头

第五个镜头:转到围墙的大门正面,围墙拖着疲惫的双眼,长长地舒了一口气。突然,右边传来噗嗤噗嗤地喷雾声,围墙又警惕地瞪大了眼睛,朝右边看了看。此处动画是把制作好的图形动画放入关键帧中。气体动画元件的制作是创建补间动画,调节形状大小和透明度,模拟喷气的动画。

图4.5 第五镜头

第六个镜头:又出现了一个破坏者,墙面上被喷上一个字“招”,此人正在喷第二个字“工”。先在关键帧中绘制与舞台同尺寸的矩形,再放入制作好的写字动画元件。其中先做好写字动画图形,再制作喷漆动画,喷漆动画制作时,在编辑模式下放入写字动画作为时间点和动作位置的参考。

图4.6 第六镜头

第七个镜头:接二连三破坏市容的举动彻底激怒了围墙,怒火在它的眼里熊熊燃烧。 此处的眼睛动画利用了遮罩动画特效,先做好火焰燃烧的动画图形元件,然后再创建一个图形元件,编辑界面里把火焰图形置于第一层,然后在此图层之上新建一层绘制眼睛的形状作为遮罩层,眼里冒火的效果就做好了。

图4.7 第七镜头

第八个镜头:回到作案现场,破坏者举着喷雾器站在墙壁前,画面定格了几秒,突然从墙壁里伸出一只拿着枪的手臂,对着破坏者的手开了一枪,手中的喷雾器随即掉落,接着枪口向下对准了破坏者的脑袋,又开了一枪,破坏者的脑袋爆炸了,火花四溅,最后爆炸的烟雾弥漫了整个画面。此画面先把打枪动画,爆炸动画,喷雾器掉落的动画和人物消失的动画分别做成图形元件,合成时要对准时间点插入关键帧。

图4.8 第八镜头

第九个镜头:围墙举着枪,作出胜利的微笑,嘴角闪过一丝亮光。把制作好的眨眼动画,举枪图形,微笑动画先后放入关键帧中。制作星光图形运用补间动画调整大小,模拟出闪烁的效果。

图4.9 第九镜头

第十个镜头:镜头来到一个被小广告毁容的墙面,一只手臂在拿着刷子刷墙面,刷过的墙面留下了2行字:“维护市容市貌,请勿乱贴广告”。然后画面缩小,一个拿着刷子的人站在墙壁前,鞠了个躬,动画就此结束。先在关键帧里绘制好舞台大小的墙面,用铅笔工具在上面写一些字,再插入制作好的刷墙动画图形。最后一帧里加入制作好的重播按钮。

图4.10 第十镜头

4.2开始界面制作

作为开场的开始界面尤为重要,Flash动画开始界面是浏览者第一个看到的画面,是设计者的风格和动画信息的展示窗口,如果能给浏览者留下深刻的印象,这个开始界面制作就

是成功的。开始界面设计的特点是风格突出,短小精悍,表现形式多样并且具备交互的功能。

本次设计开始界面为一个人坐在街头的长椅上幽幽地吸着烟,轻轻地摇动着左腿,烟雾缓慢的往上飘,路灯散发出柔柔的光,几片落叶随着微风飘过。

落叶图形的制作运用引导动画,绘制好落叶图形,然后在落叶图层上新建引导层,用铅笔工具绘制出落叶飘过的路径作为引导线,再选择图形第一帧拖动到引导线的一端,给图形创建补间动画,选择最后一帧把图形拖到引导线另一端,动画就做好了。人物的头,烟雾,拿烟的手臂和左腿分别做成逐帧动画。制作各身体部位的动画要配合好时间点,抽烟的动作和吸烟时的表情需要做相同的帧数。

新建一个图层放置开始按钮元件,给开始按钮添加补间动画。

图4.11 开始界面

4.3按钮元件制作

按钮动画是一个交互的效果,所以需要用脚本控制动画的播放。因为在ActionScript3.0中无法为按钮和影片剪辑添加脚本,并且在3.0中还删除了2.0中应用于按钮和影片剪辑的on和onClipEvent等语句,因此在ActionScript3.0中实现这类交互效果的方法与2.0有所区别。在ActionScript3.0中,主要通过为按钮或影片剪辑要实现的交互效果创建一个函数,然后用addEventListener语句创建事件侦听器,对发生在按钮或影片剪辑中的特定事件进行侦听,在满足条件时,即调用函数中的脚本实现交互效果。

本次动画设计有2个按钮元件,开始按钮和重播按钮。分别创建按钮元件,做好动画效果,在片头动画里新建层,把开始按钮拖动到该层第一次帧,然后选择舞台中的开始按钮,在属性面板中将其实例名称设置为“ks”,然后打开动作面板,输入如下语句:function start(event:MouseEvent):void {

} nextScene( );

ks.addEventListener(MouseEvent.CLICK,start);

创建一个名为start的函数,函数体为nextScene语句,使播放指针跳转到下一个场景的第一帧。

在主场景中最后一帧插入重播按钮,舞台中选择重播按钮,在属性面板把实例名称改为“re”,在动作面板里输入语句:

function replay(event:MouseEvent):void {

}

re.addEventListener(MouseEvent.CLICK,replay);

创建函数replay,函数体为gotoAndPlay语句,使播放指针跳转到场景中的第一帧,并从第一帧开始播放。

gotoAndPlay(1);

第五章 总结

Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而创建千变万化的效果。

使用Flash 制作广告将完美的创意及生动幽默的动画效果、视觉表现手法和声音有效的融合在一起,不仅弥补了传统广告中画面设计单一的不足,而且还给人留下深刻的印象。由于Flash 制作成本少、周期短,制作效果引人入胜,使得越来越多的公司开始用它来制作广告。

Flash广告有着很好的发展前景,虽然目前来说力量还是有些弱小,但是随着相关培训机构、大专院校相关专业的设立,人才的培养和整合,会诞生出更多的精品;另一方面,更多的广告客户和广告公司会越来越注重Flash作品的开发与制作,例如日本的电通公司、千龙研究院的动漫小组、以及一些优秀闪客成立的工作室,这些力量的介入会使得Flash这种广告形式运用得更加普遍;最后,移动电视、楼宇广告、电视广告等媒介形式也为Flash广告的展示提供了一个较为广阔的平台。所以,未来Flash将成为广告设计中的新潮流与各种媒介互助共进,开拓更广阔的空发展间。

在老师的指导下,本次的毕业设计成功完成。本人也获得了丰富的知识,不仅掌握了flash动画的基本知识,也充分涉及在动画过程中的不足,在学习新知识的同时完成毕业设计,通过毕业设计掌握新的内容,开扩新的视野,既可以锻炼我的独立性和自主性,也可以培养各方面的能力。

这次设计所产生的影响还没有结束,我从这次毕业设计中学到了许多课本上没有的知识。在几个月的时间里,通过自己的学习和努力,通过老师的指导和教育,使我不仅仅在知识水平和解决问题的能力上有了很大的提高,还从思想的深处体会到,要把自己所学变成现实是所将面对的种种难题。

老师对毕业设计的重视也是我能完成设计的一个重要条件。为了保证我们毕业设计的正常进行,学院组织了优秀的老师指导我们进行毕业设计,提供材料,并且不时的询问我们毕业设计的进展情况。

参考文献

1、《Flash CS3动画设计经典100例》 中国电力出版社 2008年11月

2、《Flash CS3动画制作入门提高精通》 机械工业出版社 2008年1月

3、《Flash第一步:ActionScript编程篇》 清华大学出版社 2006年03月

4、《中文版Flash CS3动画制作》 编委会《中文版Flash CS3动画制作》清华大学出版社 2008年05月

5、《精通Flash动画设计——脚本、分镜头设计与典型案例》 清华大学出版社 2009年03月


相关内容

  • Flash环保公益广告的设计与实现
  • Flash环保公益广告的设计与实现 引言 随着上网人数的剧增,越来越多的商业客户开始重视网络这个宣传.展示的平台,网络广告近些年也呈快速发展之势.在网络广告的发展历程中,简单的静态的banner广告形式已经不能满足客户的要求,因此,又出现了漂浮广告.弹出式广告以及大幅面广告等众多形式,笔者在考察了众 ...

  • flash动画公益广告毕业论文
  • 摘 要 Flash 是一种二维矢量动画软件创作工具,设计人员和开发人员可使用它来创建演示文稿.应用程序和其它允许用户交互的内容.Flash 可以包含简单的动画.视频内容.复杂演示文稿和应用程序以及介于它们之间的任何内容.Flash 特别适用于创建通过 Internet 提供的内容,因为它的文件非常小 ...

  • 公益广告创意设计大赛活动策划书
  • 公益广告创意设计大赛活动策划书 公益广告,是社会的一盏灯.它通俗又直接的展现了一社会的真实精神面貌.一方面考虑到社会的需要,另一面为了提高我校大学生的想象能力.创新能力.动手能力及人文素质,我们学雷锋小组和爱心社联手举办本次"公益广告设计大赛"活动.此次活动旨在号召广大师生积极主 ...

  • 公益广告保护环境绿色旅游刘林清
  • 绿色环保游公益广告策划书 院系:广告学院 课程名称:<公益广告> 授课老师:刘林清 班级:1301班 姓名:李 翔 第一部分:创意背景 1. 社会背景---------------------- 2. 活动目的---------------------- 第二部分:广告策划 1.广告目标 ...

  • 公益广告设计大赛策划书
  • 一、活动目的: 提高我校大学生的想象能力、创新能力、动手能力及人文素质。充分结合专业优势,为公益事业尽微薄之力、为校园各项设施,如保护设施、节约资源、改善和美化生活环境等发挥持久和实质性的效用。 二、活动主题: 公益广告设计大赛 三、活动时间:11月23日 四、活动地点:待定 五、活动对象:全院学生 ...

  • 线上线下活动结合
  • 现在很多落地活动不都这样吗,试吃,试穿,试拍,还有什么美女选拔,各种模特大赛等.论坛版块小征文活动不在其列. 线上发起活动.评比:线下活动要热烈:再回到线上讨论!做好活动的后期宣传工作! 1.有奖注册 例如网站注册前100名,赠送N个积分,或N元的现金抵用券,或直接可以以5折优惠购买某商家商品.买赠 ...

  • 12届艺术节
  • 附1: 延安大学第十二届"校园之春"大学生文化艺术节 组 委 会 主 任:组委会副主任:组 委 会 成 员: 组委会组成人员名单 高延龙 姜庆.李伟.解文元 马莉.梁燕.赵海龙.石玮.刘江.贺启翔.杨亮. 徐海阔.任静.牛志睿.高媛.刘艳梅.朱伟.高曙光.徐雯婷.苏洁.张艳.赛江 ...

  • 节能减排 低碳和谐-公益广告设计大赛策划书
  • 活动主题 节能减排 低碳和谐—公益广告设计大赛 活动背景 “学习实践科学发展观”活动已经成为当今社会的主旋律,引起了极大的反响,各地纷纷采取各种形式进行宣传和深入学习,“节能减排,低碳和谐”更是顺应时代的需要。 活动目的 为了丰富校园文化,加强大学生思想教育,进一步深化对科学发展观的认识、宣传“节能 ...

  • 青柠檬简介
  • 公司简介: 海南海口青柠檬广告有限公司是一支专注于flash 动画建设网站及企业VI 视觉设计的年轻化团队. 近年来flash 动画网站的已经成为互联网的主流,flash 动画网站的酷.炫.精美的动画效果,打破了传统网站静止的页面格局,让人眼前一亮,精美的flash 动画网站,就是企业在互联网上的一 ...