1、摘 要Flash 是一种二维矢量动画软件创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。Flash 特别适用于创建通过 Internet 提供的内容,因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。 本设计是用 Adobe Flash CS3多媒体制作软件制作的一个简单的公益广告,
2、其主要有三部分组成,即动画、音频和文字叙述三部分。Flash 公益广告与传统的公益广告有所不同,其不同之处就是在听到优美音乐的同时,还可以给人一种视觉上的新感受。 关键词:FLASH 动画,公益广告,家庭。AbstractFlash is a two-dimensional vector animation software authoring tools, designers and developers can use it to create presentations, applications and other content to allow user interaction.
3、Flashcan contain simple animation, video content, complex presentations applications and anything in between. Especially suitable for creating Flash content available through Internet, because its files are very small. Flash is widely used by vector graphics do it. Bitmap graphics are bigger, becaus
4、eeach pixel in the image requires a separate data representation. Compared with the bitmap graphics, vector graphics require a lot of memory and storage space, because they are based on mathematical formulas instead of large data sets to represent. The design is a simpleadvertisement made of Adobe m
5、ultimedia software Flash CS3, which is mainly composed of three parts, namely animation, audio and text three parts. Flash public service advertising and traditionaladvertising is different, the difference is that while listening to beautiful music at the same time, alsocan give people a new visual
6、experience.Keywords: FLASH animation, advertising, family.目 录1 引言 .12 Flash 的概述 .12.1 Flash 的基本理论知识 .12.2 Flash 的发展 .12.3 Flash 的特点 .22.4 Flash 的应用领域 .33 设计的具体内容及准备工作 .33.1 片头 .33.2 故事的介绍 .53.3 关于场景 2 字母动画效果的实现 .103.3.1 关于场景 2 字母“F”的动画效果实现 .103.3.2 关于场景 2 字母“A”“L”“Y”的动画效果实现 .113.3.3 关于场景 2 字母“M”的动画效
7、果实现 .113.3.4 关于场景 2 字母“I”的动画效果实现 .113.4 关于场景 3 动画效果的实现 .113.4.1 关于场景 3 背景图层 .113.4.2 关于场景 3 family 图层 .123.4.3 关于场景 3“I”的动画效果的实现 .123.4.4 关于场景 3“F”的动画效果的实现 .123.4.5 关于场景 3“M”的动画效果的实现 .123.4.6 关于场景 3“father”图层的效果设置 .133.4.7 关于场景 3“单词”图层的效果设置 .133.4.8 关于场景 3“And”图层的效果设置 .133.4.9 关于场景 3“Mother”图层的效果设置
8、.133.4.10 关于场景 3“I1”图层效果的设置 .133.4.11 关于场景 3“LOVE”图层的效果设置 .133.4.12 关于场景 3“YOU”图层的效果设置 .133.4.13 关于场景 3“标语”图层的效果设置 .133.4.14 关于场景 3“FAMILY”图层的效果设置 .143.5 关于背景音乐的插入 .143.6 关于字幕的设置 .143.7 关于重播的按钮设置 .144 总结 .15参考文献 .16致 谢 .1711 引言想起小时候,我们经常在父母身边,但叛逆的青春对于父母造成太大的伤害,而如今的我们已然长大,却又离开父母外出生存,陪伴在父母身边的时间也是少之又少。
9、时间的流逝,让我们逐渐长大,而父母却不再年轻。我们对父母的关心也越来越少,不再挺直的腰板,满脸的皱纹,这些岁月的痕迹,证明了父母再也不能我们遮风挡雨,趁着还有时间多陪陪父母吧!不要等到“ 子欲养而亲不待”的时候去追悔莫及,我们和父母的这个家已不再年轻。此次我的毕业设计就是“家有父母,有爱的地方。 ”一个 Flash 小短片。2 Flash 的概述2.1 Flash 的基本理论知识Flash 是一种动画创作与应用程序开发于一身的创作软件,Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常,使用 Flash 创作的各个内容单元称为应用程序,即使它们可能
10、只是很简单的动画。 1您也可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的 Flash 应用程序。它能满足最基本的动画制作和设计、开发等功能。2.2 Flash 的发展Flash 是美国的 MACROMEDIA 公司于 1999 年 6 月推出的优秀网页动画设计软件。它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。从 1985 年 5 月 Macromedia公司发布了 Flash4.0,并逐渐形成了一些有一定影响力的 Flash 技术交流团体。目前已经有很多人会使用 Flash 这个软件了,而且还会有越来越多的人学习
11、并使用它 。2 Flash 是采用矢量图形和流式播放技术进行二维动画编辑的软件,经过几代版本改进后,已经成为网上动画的霸主。Flash 能够很好地支持声音,并具有交互功能,简单易学,可以很方便实现一些现实中难以实现的、抽象的概念或现象。用 Flash 开发出适用于网上传播的动画 3。 Flash 是目前网络动画的事实标准,其文件短小,播放效果好,交互功能强,易学易用,被广泛应用于网络动画,广告制作,教学课件,2互动游戏等方面。 2.3 Flash 的特点1、使用矢量图形和流式播放技术。矢量图形与位图图形不同的是,矢量图形可以任意缩放尺寸而不影响图形的质量 4。流式播放技术使得动画可以边播放边下
12、载,从而缓解了网页浏览者焦急等待的情绪。 2、Flash 动画是一种矢量动画格式,具有体积小、兼容性好、直观动感、互动性强大、支持 MP3 音乐等诸多优点,是当今最流行的 Web 页面动画格式。用在网页设计上不仅可以使网页更加生动,而且小巧玲珑的文件可以加进下载迅速,使得动画可以在打开网页很短的时间里就得以播放。 3、强大的动画编辑功能使设计者能随心所欲地设计出高品质的动画,通过代码可以实现设计者与浏览者之间的交互性,使 Flash 具有更大的设计自由度 5。 4、Flash 动画受网络资源的制约一般比较短小,所以在情节和画面上往往更夸张起伏,致力在最短时间内传达最深感受。 5、Flash 动
13、画具有交互性优势,更好的满足的受众的需要,他可以让欣赏者的动作成为动画的一部分,通过点击、选择等动作决定动画的运行过程和结果。这一点是传统动画所无法比拟的。 6、不仅如此,Flash 软件使动画制作变得非常简单:一套电脑软件,一个人,一台电脑就可以制作出一段有声有色的动画片段 6。 7、Flash 动画由于使用的是矢量图,文件小,传输速度快的特点,助长了高速动画的崛起,可以利用独有的优势在网上广泛,有着可比拟的传播性。FLASH 制作的 MV 比传统的 MV 就易于在网络上传播。 8、Flash 动画虽然现在还是比较粗糙、简陋,但 Flash 有新的视觉效果,比传统的动漫更加灵巧,更加的“ 酷
14、“ 。它不可否认已经成为了一种新时代的艺术表现形式。9、用 Flash 制作动画会大幅度降低制作成本,减少人力,物力资源的消耗。同时,在制作时间上也会大大减少。半小时的节目,若用 Flash 技术制作,大约 3至 4 个月就可杀青,若用其它技术通常需用 10-14 个月。 10、Flash 是目前最好的网络多媒体动画,强烈的视觉冲击力可以给浏览者留下3深刻的印象,具有绝佳的宣传效果,全力打造企业形象。无论您要设计动画图形还是构建数据驱动的应用程序,Flash 都可提供在多种平台和设备上制作出最佳的效果和提供最完美的用户体验所需的工具。2.4 Flash 的应用领域Flash 技术不断推陈出新,
15、继席卷网页设计、网络广告之后,电影、电视、卡通、声乐将是它下一步引领风骚的舞台。Flash 从网络走向电影、电视、卡通、声乐,推动了传统媒体和互联网媒体的融合 7。网页设计者开始利用网络技术为商业、音乐电视和电视节目工作。 在网络电影领域,Flash 技术的应用,使电影片头更加的具有观赏性,也使得电影的创作更加的丰富。在电视广告领域,越来越多的广告中出现了 Flash 动画的身影,比如一些环保公益宣传的广告,通过使用 Flash 动画来制作类似的广告,可以是观众在一种轻松的氛围中领悟到更深的意义。在电视卡通剧领域,也出现了一些以 Flash 为主要制作软件的优秀卡通动画片,在国内最受欢迎的要数
16、喜洋洋和灰太狼了 8,简单的卡通造型,诙谐的剧情,是它取得成功的原因,通过这体现了 Flash 软件的特别之处。在音乐领域,越来越多的人喜欢把自己喜欢的歌以 Flash MV 的方式表达出来,这不得不说是 Flash 软件的一大骄傲。 在游戏领域,网络上一些用 Flash 制作的小游戏也同样受到人们的喜欢。3 设计的具体内容及准备工作我将本段动画分为了 3 个场景,场景一主要是介绍一些个人的信息以及对一个按钮效果的实现。场景二则主要是整个故事一个前奏铺垫,引出本设计的主旨内容家(family) ,讲述我们小时候对父母的一种伤害。场景三主要是对整个故事一个收尾,我们慢慢长大,而父母却慢慢老去,如
17、今长大的我们需要去照顾和关心已然年迈的他们。在开始制作内容之前,先要制作好要需用到的各种原件,比如:“F” “A”“M”“I”“L”Y”这些字母的原件,还有背景、鼠标以及按钮等等各种原件。当然啦,需要用到的背景音乐什么的都是少不了的。3.1 片头我将此场景作为介绍自己基本信息的一个窗口,当然还有对 Flash 按钮的一些4运用,我在此场景建立了 10 个图层,依次为背景、门、院系、班级、学号、姓名、指导老师、背景模糊、开始按钮和鼠标跟随。这是动画的片头,上面加有按钮声音,它的背景是个元件,上面加有一个开始按钮,来实现跳转功能。具体如图 3-1 所示图 3-1 动画开头同时为了突出此次主题,我将
18、鼠标设置成一个心形的图案,而开始按钮我则设置成了一个思考中的 LOVE。鼠标跟随我是通过拖动影片 startDrag()来实现的,其语法格式为 startDrag(影片名 true),意思是拖动(影片名称,拖中心) ,前面的 true 表示“真”值,另一个是假值 false。代码如下:Mouse.hide();startDrag(true);开始按钮我是通过 stop()实现的,我在 117 帧处加入代码 stop();然后给 118帧处的开始按钮 love 加入代码:on(press)gotoAndPlay(118);/跳转到场景一的 118 帧,向场景二过渡然后我在 118 帧到 160
19、帧设置了一个场景模糊动画补间设置,表示故事正式展开。到此,场景一的工作基本完成。53.2 故事的介绍场景二我设置了 9 个图层,family 每个字母一个图层,加上背景、音乐和字幕。整个故事是通过父亲“F ”、母亲“M” 、还有我“I” 还有“L ”和“Y”组成的一个小动画。作品色调属于暖色系。首先是字幕图层,我准备了这样一段话:“小时候爸爸是家里的顶梁柱,高大魁梧的爸爸为我们遮风挡雨,温柔贤惠的妈妈相夫教子。渐渐我长大了,少不更事的我总想挣脱爸爸的束缚,屡次顶撞唠叨的妈妈。长大后的我体会到了生活的艰辛,发现爸爸的背早已驼的不成样子,妈妈的身体也已臃肿,是时候尽一份子女的责任,细心呵护起这个家
20、,做父亲贴身的拐杖,给他一个依靠的肩膀,给妈妈撑把庇护伞为她遮蔽盛夏的骄阳。 ”从第 55 帧开始,每隔 5 帧插入一个关键帧写上一个字并创建补间动画,一直到136 帧完成第一句话。然后在第 137 帧处插入一个空白关键帧,到 154 帧处再插入一个空白关键帧,此段空白帧是缓冲隔离区域。然后在 155 帧处插入关键帧,这是第二句话开始帧,同样是每隔 5 帧插入一个关键帧并创建补间动画,直至到 236 帧结束完成第二句话的字幕设置。在第 237 帧处插入一个空白关键帧,在第 270 帧处插入空白关键帧,此段空白帧同样是缓冲隔离区域。然后用同上的方法在不同的帧处进行字幕的制作。同时随着字幕介绍的出现,字母“F” “M”“I”“L”“Y”都进行了不同的动画设置。随着字幕” 小时候爸爸是家里的顶梁柱,高大魁梧的爸爸为我们遮风挡雨” 出现,字幕“F”则出现如下图所出现的动画效果。具体如图 3-2 所示6图 3-2 动画效果这表示着爸爸保护着我们温暖的家,保护着这个家的所有人。随着字幕“温柔贤惠的妈妈相夫教子”的出现,字母“M”则是变成了如下图的动画效果。具体如图 3-3 所示图 3-3 场景妈妈照顾着我照顾着这个家。随着字幕“渐渐我长大了,少不更事的我总想挣脱爸爸的束缚,屡次顶撞唠叨