flash动画公益广告.docx

flash动画公益广告.docx

《flash动画公益广告.docx》由会员分享，可在线阅读，更多相关《flash动画公益广告.docx（18页珍藏版）》请在冰豆网上搜索。

flash动画公益广告

摘要

Flash是一种二维矢量动画软件创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。

Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。

Flash特别适用于创建通过Internet提供的内容，因为它的文件非常小。

Flash是通过广泛使用矢量图形做到这一点的。

位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。

与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。

本设计是用AdobeFlashCS3多媒体制作软件制作的一个简单的公益广告，其主要有三部分组成，即动画、音频和文字叙述三部分。

Flash公益广告与传统的公益广告有所不同，其不同之处就是在听到优美音乐的同时，还可以给人一种视觉上的新感受。

关键词：

FLASH动画，公益广告，家庭。

Abstract

Flashisatwo-dimensionalvectoranimationsoftwareauthoringtools,designersanddeveloperscanuseittocreatepresentations,applicationsandothercontenttoallowuserinteraction.Flashcancontainsimpleanimation,videocontent,complexpresentationsapplicationsandanythinginbetween.EspeciallysuitableforcreatingFlashcontentavailablethroughInternet,becauseitsfilesareverysmall.Flashiswidelyusedbyvectorgraphicsdoit.Bitmapgraphicsarebigger,becauseeachpixelintheimagerequiresaseparatedatarepresentation.Comparedwiththebitmapgraphics,vectorgraphicsrequirealotofmemoryandstoragespace,becausetheyarebasedonmathematicalformulasinsteadoflargedatasetstorepresent.ThedesignisasimpleadvertisementmadeofAdobemultimediasoftwareFlashCS3,whichismainlycomposedofthreeparts,namelyanimation,audioandtextthreeparts.Flashpublicserviceadvertisingandtraditionaladvertisingisdifferent,thedifferenceisthatwhilelisteningtobeautifulmusicatthesametime,alsocangivepeopleanewvisualexperience.

Keywords:

FLASHanimation,advertising,family.

1引言

想起小时候，我们经常在父母身边，但叛逆的青春对于父母造成太大的伤害，而如今的我们已然长大，却又离开父母外出生存，陪伴在父母身边的时间也是少之又少。

时间的流逝，让我们逐渐长大，而父母却不再年轻。

我们对父母的关心也越来越少，不再挺直的腰板，满脸的皱纹，这些岁月的痕迹，证明了父母再也不能我们遮风挡雨，趁着还有时间多陪陪父母吧！

不要等到“子欲养而亲不待”的时候去追悔莫及，我们和父母的这个家已不再年轻。

此次我的毕业设计就是“家—有父母，有爱的地方。

”一个Flash小短片。

2Flash的概述

2.1Flash的基本理论知识

Flash是一种动画创作与应用程序开发于一身的创作软件，Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。

通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。

[1]您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。

它能满足最基本的动画制作和设计、开发等功能。

2.2Flash的发展

Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。

它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。

从1985年5月Macromedia公司发布了Flash4.0，并逐渐形成了一些有一定影响力的Flash技术交流团体。

目前已经有很多人会使用Flash这个软件了，而且还会有越来越多的人学习并使用它。

[2]Flash是采用矢量图形和流式播放技术进行二维动画编辑的软件，经过几代版本改进后，已经成为网上动画的霸主。

Flash能够很好地支持声音，并具有交互功能，简单易学，可以很方便实现一些现实中难以实现的、抽象的概念或现象。

用Flash开发出适用于网上传播的动画[3]。

Flash是目前网络动画的事实标准，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于网络动画，广告制作，教学课件，互动游戏等方面。

2.3Flash的特点

1、使用矢量图形和流式播放技术。

矢量图形与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量[4]。

流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。

2、Flash动画是一种矢量动画格式，具有体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等诸多优点，是当今最流行的Web页面动画格式。

用在网页设计上不仅可以使网页更加生动，而且小巧玲珑的文件可以加进下载迅速，使得动画可以在打开网页很短的时间里就得以播放。

3、强大的动画编辑功能使设计者能随心所欲地设计出高品质的动画，通过代码可以实现设计者与浏览者之间的交互性，使Flash具有更大的设计自由度[5]。

4、Flash动画受网络资源的制约一般比较短小，所以在情节和画面上往往更夸张起伏，致力在最短时间内传达最深感受。

5、Flash动画具有交互性优势，更好的满足的受众的需要，他可以让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运行过程和结果。

这一点是传统动画所无法比拟的。

6、不仅如此，Flash软件使动画制作变得非常简单：

一套电脑软件，一个人，一台电脑就可以制作出一段有声有色的动画片段[6]。

7、Flash动画由于使用的是矢量图，文件小，传输速度快的特点，助长了高速动画的崛起，可以利用独有的优势在网上广泛，有着可比拟的传播性。

FLASH制作的MV比传统的MV就易于在网络上传播。

8、Flash动画虽然现在还是比较粗糙、简陋，但Flash有新的视觉效果，比传统的动漫更加灵巧，更加的"酷"。

它不可否认已经成为了一种新时代的艺术表现形式。

9、用Flash制作动画会大幅度降低制作成本，减少人力，物力资源的消耗。

同时，在制作时间上也会大大减少。

半小时的节目，若用Flash技术制作，大约3至4个月就可杀青，若用其它技术通常需用10-14个月。

10、Flash是目前最好的网络多媒体动画，强烈的视觉冲击力可以给浏览者留下深刻的印象，具有绝佳的宣传效果，全力打造企业形象。

无论您要设计动画图形还是构建数据驱动的应用程序，Flash都可提供在多种平台和设备上制作出最佳的效果和提供最完美的用户体验所需的工具。

2.4Flash的应用领域

Flash技术不断推陈出新，继席卷网页设计、网络广告之后，电影、电视、卡通、声乐将是它下一步引领风骚的舞台。

Flash从网络走向电影、电视、卡通、声乐，推动了传统媒体和互联网媒体的融合[7]。

网页设计者开始利用网络技术为商业、音乐电视和电视节目工作。

在网络电影领域，Flash技术的应用，使电影片头更加的具有观赏性，也使得电影的创作更加的丰富。

在电视广告领域，越来越多的广告中出现了Flash动画的身影，比如一些环保公益宣传的广告，通过使用Flash动画来制作类似的广告，可以是观众在一种轻松的氛围中领悟到更深的意义。

在电视卡通剧领域，也出现了一些以Flash为主要制作软件的优秀卡通动画片，在国内最受欢迎的要数《喜洋洋和灰太狼》了[8]，简单的卡通造型，诙谐的剧情，是它取得成功的原因，通过这体现了Flash软件的特别之处。

在音乐领域，越来越多的人喜欢把自己喜欢的歌以FlashMV的方式表达出来，这不得不说是Flash软件的一大骄傲。

在游戏领域，网络上一些用Flash制作的小游戏也同样受到人们的喜欢。

3设计的具体内容及准备工作

我将本段动画分为了3个场景，场景一主要是介绍一些个人的信息以及对一个按钮效果的实现。

场景二则主要是整个故事一个前奏铺垫，引出本设计的主旨内容—家（family），讲述我们小时候对父母的一种伤害。

场景三主要是对整个故事一个收尾，我们慢慢长大，而父母却慢慢老去，如今长大的我们需要去照顾和关心已然年迈的他们。

在开始制作内容之前，先要制作好要需用到的各种原件，比如：

“F”“A”“M”“I”“L””Y”这些字母的原件，还有背景、鼠标以及按钮等等各种原件。

当然啦，需要用到的背景音乐什么的都是少不了的。

3.1片头

我将此场景作为介绍自己基本信息的一个窗口，当然还有对Flash按钮的一些运用，我在此场景建立了10个图层，依次为背景、门、院系、班级、学号、姓名、指导老师、背景模糊、开始按钮和鼠标跟随。

这是动画的片头，上面加有按钮声音，它的背景是个元件，上面加有一个开始按钮，来实现跳转功能。

具体如图3-1所示

图3-1动画开头

同时为了突出此次主题，我将鼠标设置成一个心形的图案，而开始按钮我则设置成了一个思考中的LOVE。

鼠标跟随我是通过拖动影片startDrag（）来实现的，其语法格式为startDrag

（影片名true），意思是拖动（影片名称，拖中心），前面的true表示“真”值，另一个是假值false。

代码如下：

Mouse.hide（）;

startDrag（true）;

开始按钮我是通过stop（）实现的，我在117帧处加入代码stop（）;然后给118帧处的开始按钮love加入代码：

on（press）{

gotoAndPlay（118）;//跳转到场景一的118帧，向场景二过渡

}

然后我在118帧到160帧设置了一个场景模糊动画补间设置，表示故事正式展开。

到此，场景一的工作基本完成。

3.2故事的介绍

场景二我设置了9个图层，family每个字母一个图层，加上背景、音乐和字幕。

整个故事是通过父亲“F”、母亲“M”、还有我“I”还有“L”和“Y”组成的一个小动画。

作品色调属于暖色系。

首先是字幕图层，我准备了这样一段话：

“小时候爸爸是家里的顶梁柱，高大魁梧的爸爸为我们遮风挡雨，温柔贤惠的妈妈相夫教子。

渐渐我长大了，少不更事的我总想挣脱爸爸的束缚，屡次顶撞唠叨的妈妈。

长大后的我体会到了生活的艰辛，发现爸爸的背早已驼的不成样子，妈妈的身体也已臃肿，是时候尽一份子女的责任，细心呵护起这个家，做父亲贴身的拐杖，给他一个依靠的肩膀，给妈妈撑把庇护伞为她遮蔽盛夏的骄阳。

”

从第55帧开始，每隔5帧插入一个关键帧写上一个字并创建补间动画，一直到136帧完成第一句话。

然后在第137帧处插入一个空白关键帧，到154帧处再插入一个空白关键帧，此段空白帧是缓冲隔离区域。

然后在155帧处插入关键帧，这是第二句话开始帧，同样是每隔5帧插入一个关键帧并创建补间动画，直至到236帧结束完成第二句话的字幕设置。

在第237帧处插入一个空白关键帧，在第270帧处插入空白关键帧，此段空白帧同样是缓冲隔离区域。

然后用同上的方法在不同的帧处进行字幕的制作。

同时随着字幕介绍的出现，字母“F”“M”“I”“L”“Y”都进行了不同的动画设置。

随着字幕”小时候爸爸是家里的顶梁柱，高大魁梧的爸爸为我们遮风挡雨”出现，字幕“F”则出现如下图所出现的动画效果。

具体如图3-2所示

图3-2动画效果

这表示着爸爸保护着我们温暖的家，保护着这个家的所有人。

随着字幕“温柔贤惠的妈妈相夫教子”的出现，字母“M”则是变成了如下图的动画效果。

具体如图3-3所示

图3-3场景

妈妈照顾着我照顾着这个家。

随着字幕“渐渐我长大了，少不更事的我总想挣脱爸爸的束缚，屡次顶撞唠叨的妈妈”的出现，字母“I”则是出现了如下图的动画效果。

如图3-43-5所示

图3-4渐渐长大场景

图3-5摆脱约束

小时候我们的不懂事，顶撞爸爸，惹妈妈生气，让如今的两位老人受到的深深的伤害。

而随着字幕“长大后的我体会到了生活的艰辛，发现爸爸的背早已驼的不成样子”出现，字母“F”出现了如下图的动画效果。

具体如图3-6所示

图3-6爸爸的背

我们长大了懂事了，却发现爸爸已然驼了背，拄上了拐杖，也已不再年轻。

想想小时候的作为，我们是否后悔。

接下来的随着字幕“妈妈的身体也已臃肿”的缓缓出现，字母“M”出现了如下图的变化。

具体如图3-7所示

图3-8妈妈的身材

妈妈和爸爸一样为了这个家，为了我们，奉献了自己青春，过度的劳累让妈妈的身体也早已走了样，变得臃肿。

还有随着字幕“是时候尽一份子女的责任，细心呵护起这个家”出现，字母“I”出现了如下图的变化。

具体如图3-9所示

图3-9呵护这个家

如字幕所说，我们长大了，爸爸妈妈却老了，此时的这个家（family）该是让我们来守护啦。

我们需要来保护、照顾这个家，去保护、照顾这个家里的爸爸妈妈啦。

接下来的字幕“做父亲贴身的拐杖，给他一个依靠的肩膀”出现，字幕“F”“I”出现了如下图的变化。

如图3-10所示

图3-10依靠

在父亲为这个家劳累一生老去的时候，我们需要无微不至的照顾，在父亲走路走累了，我们给他一个肩膀依靠，让他可以休息的舒服一些。

在父亲需要的时候，我们应该给予他最好的照顾。

字幕“给妈妈撑把庇护伞为她遮蔽盛夏的骄阳”的出现，字母“M”“I”出现如下图的变化。

具体如图3-11所示

图3-11骄阳

我们应该更好的照顾这个为这个家劳累一生的女人—妈妈。

以上两张图片，长大后的我们应该承担起我们责任，为父母做些事，回报他们的养育之恩。

3.3关于场景2字母动画效果的实现

完成以上几个字母的动画效果，来体现出所表达的意义，有几个地方用现状补间没有出来想要的效果，就通过逐帧来完成，对逐帧掌握的又不是很灵活，出来的效果有点难看。

3.3.1关于场景2字母“F”的动画效果实现

首先在第二场景建立一个命名为“F”的图层，在第一帧处插入关键帧，将之前做好的“F”原件拖入场景中，调整好“F”的位置，然后在第239帧处插入关键帧，将“F”原件拖入，调整所需要的形状。

在第240帧处插入空白关键帧，直到254帧处，留作进入下一主题之用。

然后在第255帧处插入关键帧，并将“F2”原件拖入场景中。

一直到第517帧处，再次插入一个关键帧，将“F3”原件拖入场景中并调整其位。

在第518帧处插入空白关键帧，直到第521帧处[9]。

在第522帧处插入关键帧，将“F3”原件拖入到场景中，一直到第810帧处插入关键帧，“F3”原件拖入到场景中，调整其位置。

至此，场景2的“F”字母动画效果完成。

3.3.2关于场景2字母“A”“L”“Y”的动画效果实现

至于字母“A”“L”“Y”则只有一个原件，新建三个图层，分别命名为“A”“L”“Y”,其关键帧和空白关键帧位置与字母“F”完全相同。

所以其动画效果设置亦完全相同。

3.3.3关于场景2字母“M”的动画效果实现

新建一个图层，命名为“M”。

在第1帧处插入关键帧，将“M”原件拖入到场景中，调整其位置。

在第239帧处插入关键帧，将“M1”原件拖入场景中，调整其位置。

在第240帧处插入空白关键帧，直到254帧处，留作进入下一主题之用。

然后在第255帧处插入关键帧，并将“M2”原件拖入场景中，调整其位置，一直到第517帧处，再次插入一个关键帧，将“M2”原件拖入场景中并调整其位置。

在第518帧处插入空白关键帧，直到第521帧处。

在第522帧处插入关键帧，将“M3”原件拖入到场景中，一直到第810帧处插入关键帧，将“M3”原件拖入到场景中，调整其位置。

至此，场景2的“M”字母动画效果完成。

3.3.4关于场景2字母“I”的动画效果实现

新建一个图层，命名为“I”。

在第1帧处插入关键帧，将“I1”原件拖入场景中，调整其位置。

在第239帧处插入关键帧，将“I1”原件拖入场景中，调整其位置。

在第240帧处插入空白关键帧，直到第516帧处。

在第517帧和第518帧处插入空白关键帧。

在第522帧处插入关键帧，将“I2”原件拖入到场景中，一直到第810帧处插入关键帧，将“I2”原件拖入到场景中，调整其位置。

至此，场景2的“I”字母动画效果完成。

3.4关于场景3动画效果的实现

在这个场景中，所需要的原件又多了几个，比如：

伞、拐杖、雨滴、脚等等这些。

在这个场景中我设置了新的背景。

当然，我们还是要提前做好这些原件。

3.4.1关于场景3背景图层

首先说明一下，在场景3里我需要新的背景，但是在场景2中我们的故事阶段并没有制作完整，所以在场景3中这个背景图层背景是为了完整场景2的故事阶段所建立的图层。

所以在第1帧插入关键帧，将场景2的背景设置到场景3中，并调整其大小。

一直到第435帧处。

在第436帧处插入关键帧，设置新的背景，直到第920帧处。

在第921帧处插入关键帧，设置另一个模糊新背景，直至到第1227帧处插入相同的关键帧。

3.4.2关于场景3family图层

新建一个图层，命名为“family”。

此图层正式开始帧是在第437帧处，在此处插入关键帧，将原件“F3”“A1”“M6”“L”“Y”拖入到场景中，调整各个原件的位置，要把字母“I”的位置空出来。

直至到625帧处，插入复制第437帧的关键帧，同样的把第437帧的原件也复制过来了，此图层至此结束。

3.4.3关于场景3“I”的动画效果的实现

新建一个图层，命名为“I”。

在第1帧处插入关键帧，将原件“I5”拖入到场景中，调整其位置，放入到图层“family”所留出的空隙中，直到第164帧处插入复制第1帧的关键帧。

在第165帧处插入空白关键帧，直到436帧处。

在第437帧处插入关键帧，将原件“I7”拖入到场景中，调整其位置。

直至到第625帧处插入关键帧，将原件“I6”拖入到场景中，调整其位置。

在第626帧处插入空白关键帧，直至到774帧处。

在第775帧处插入关键帧，将原件“I8”拖入到场景中并调整其位置，直至到第919帧处插入复制第775帧的关键帧。

此图层至此结束。

3.4.4关于场景3“F”的动画效果的实现

新建一个图层，命名为“F”。

在第168帧处插入此图层的第一个关键帧，将原件“F6”拖入到场景中并调整其位置。

直到第306帧处插入复制第168帧的关键帧。

在第307帧处插入一个空白关键帧，直至到626帧处。

在第627帧处插入关键帧，将原件“F5”拖入到场景中并调整其位置，在第769帧处插入关键帧。

此图层完成。

3.4.5关于场景3“M”的动画效果的实现

新建一个图层，命名为“M”。

在第310帧处插入此图层的第一个关键帧，将原件“M6”拖入到场景中并调整其位置，在第434帧处插入复制第310帧的关键帧，略微向下调整其位置。

在第435帧处插入空白关键帧，直到773帧处。

在第774帧处插入关键帧，将原件“M7”拖入到场景中并调整其位置，直到919帧处插入复制第774帧的关键帧。

3.4.6关于场景3“father”图层的效果设置

新建一个图层，命名为“father”。

在第922帧处插入关键帧，将原件“F1”拖入到场景中并调整其位置，在第1078帧处插入复制第922帧的关键帧。

3.4.7关于场景3“单词”图层的效果设置

新建一个图层，命名为“单词”。

在第927帧、933帧、940帧、956帧、966帧处各插入一个关键帧并用文本工具写入“ather”、“nd”、“other”、“ove”、“ou”，调整它们的位置。

在第1077帧处插入关键帧，并将“ather”、“nd”、“other”、“ove”、“ou”录入，调整它们的位置。

3.4.8关于场景3“And”图层的效果设置

新建一个图层，命名为“And”。

在第930帧处插入关键帧，将原件“A”拖入到场景中并调整其位置，在第1077帧处插入复制第930帧处的关键帧。

3.4.9关于场景3“Mother”图层的效果设置

新建一个图层，命名为“Mother”。

在第936帧处插入关键帧，将原件“M3”拖入到场景中并调整其位置，在第1077帧处插入复制第936帧处的关键帧。

3.4.10关于场景3“I1”图层效果的设置

新建一个图层，命名为“I1”。

在第943帧处插入关键帧，将原件“I3”拖入到场景中并调整其位置，在第1077帧处插入复制第943帧处的关键帧。

3.4.11关于场景3“LOVE”图层的效果设置

新建一个图层，命名为“LOVE”。

在第949帧处插入关键帧，将原件“L”拖入到场景中并调整其位置，然后将其色彩效果样式设置为Alpha，Alpha设置为0%。

在第955帧处插入复制第949帧的关键帧，然后将其色彩效果样式设置为“无”，在此区间创建补间动画。

在第1077帧处插入关键帧并将原件“L”拖入到场景中并调整其位置。

3.4.12关于场景3“YOU”图层的效果设置

新建一个图层，命名为“YOU”。

在第963帧处插入关键帧并画出Y的图形，然后调整其位置。

在第1077帧处插入复制第963帧处的关键帧。

3.4.13关于场景3“标语”图层的效果设置

新建一个图层，命名为“标语”。

在第967帧处插入关键帧，用文本工具写入“爸爸妈妈我爱你们”几个字，然后设置其属性—滤镜—模糊，将模糊X、模糊Y的值都设置成109像素，品质设置为“低”。

在第1053帧处插入关键帧，用文本工具写入“爸爸妈妈我爱你们”，然后设置其属性—滤镜—模糊，将模糊X、模糊Y的值都设置成0像素，品质设置为“低”，并在此区间创建补间动画。

在第1076帧插入复制第1053帧的关键帧。

在第1077帧插入空白关键帧，直到第1150帧。

在第1151帧插入关键帧，用文本工具写上“有爱就有责任”，调整其位置，在第1228帧处插入复制1151帧的关键帧。

3.4.14关于场景3“FAMILY”图层的效果设置

新建一个图层，命名为“FAMILY”。

在第1079帧处插入空白关键帧，在第1080帧处插入关键帧，将元件“family”拖入到场景中，设置其属性—色彩效果—样式—Alpha，将Alpha值设置为10%并调整其位置。

在第1101帧处插入关键帧，将元件“family”拖入到场景中并调整其位置，创建此区间的补间动画。

在第1102帧处插入关键帧，做出family各个字幕的形状文件，在1147帧处插入关键帧，将元件“家”拖入到场景中并调整其位置，在此区间创建形状补间动画。

在第1148帧处插入关键帧，将元件“家”拖入到场景中并调整位置，在第1227帧处插入复制第1148帧的关键帧。

3.5关于背景音乐