摘 要
Flash 是一种二维矢量动画软件创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。 本设计是用Adobe Flash CS3多媒体制作软件制作的一个简单的公益广告，其主要有三部分组成，即动画、音频和文字叙述三部分。Flash 公益广告与传统的公益广告有所不同，其不同之处就是在听到优美音乐的同时，还可以给人一种视觉上的新感受。
关键词：FLASH 动画，公益广告，家庭。
Abstract
Flash 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. 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, becauseeach 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 multimedia 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 experience.
Keywords: FLASH animation, advertising, family.
目 录
1 引言 ................................................................................................................................... 1
2 Flash的概述 . ..................................................................................................................... 1
2.1 Flash的基本理论知识 . .............................................................................................................. 1
2.2 Flash的发展 . .............................................................................................................................. 1
2.3 Flash的特点 . .............................................................................................................................. 2
2.4 Flash的应用领域 . ...................................................................................................................... 3
3 设计的具体内容及准备工作 ........................................................................................... 3
3.1 片头 ........................................................................................................................................... 3
3.2 故事的介绍 ............................................................................................................................... 5
3.3 关于场景2字母动画效果的实现.......................................................................................... 10
3.3.1 关于场景2字母“F ”的动画效果实现 ................................................................... 10
3.3.2关于场景2字母“A”“L”“Y”的动画效果实现 ......................................................... 11
3.3.3关于场景2字母“M ”的动画效果实现 ................................................................... 11
3.3.4关于场景2字母“I ”的动画效果实现 ..................................................................... 11
3.4 关于场景3动画效果的实现 ................................................................................................. 11
3.4.1 关于场景3背景图层 ................................................................................................. 11
3.4.2 关于场景3 family图层 .............................................................................................. 12
3.4.3 关于场景3“I”的动画效果的实现 ........................................................................... 12
3.4.4 关于场景3“F”的动画效果的实现........................................................................... 12
3.4.5 关于场景3“M”的动画效果的实现 ......................................................................... 12
3.4.6 关于场景3“father”图层的效果设置 ....................................................................... 13
3.4.7 关于场景3“单词”图层的效果设置....................................................................... 13
3.4.8 关于场景3“And”图层的效果设置 . ......................................................................... 13
3.4.9关于场景3“Mother”图层的效果设置 ...................................................................... 13
3.4.10关于场景3“I1”图层效果的设置 ............................................................................ 13
3.4.11关于场景3“LOVE”图层的效果设置 ..................................................................... 13
3.4.12关于场景3“YOU”图层的效果设置 ....................................................................... 13
3.4.13关于场景3“标语”图层的效果设置...................................................................... 13
3.4.14关于场景3“FAMILY ”图层的效果设置 ................................................................. 14
3.5关于背景音乐的插入 .............................................................................................................. 14
3.6 关于字幕的设置 ..................................................................................................................... 14
3.7关于重播的按钮设置 .............................................................................................................. 14
4 总结 ................................................................................................................................. 15
参考文献 ............................................................................................................................. 16
致 谢 ................................................................................................................................... 17
1 引言
想起小时候，我们经常在父母身边，但叛逆的青春对于父母造成太大的伤害，而如今的我们已然长大，却又离开父母外出生存，陪伴在父母身边的时间也是少之又少。时间的流逝，让我们逐渐长大，而父母却不再年轻。我们对父母的关心也越来越少，不再挺直的腰板，满脸的皱纹，这些岁月的痕迹，证明了父母再也不能我们遮风挡雨，趁着还有时间多陪陪父母吧！不要等到“ 子欲养而亲不待”的时候去追悔莫及，我们和父母的这个家已不再年轻。此次我的毕业设计就是“家—有父母，有爱的地方。”一个Flash 小短片。
2 Flash的概述
2.1 Flash的基本理论知识
Flash 是一种动画创作与应用程序开发于一身的创作软件，Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。[1]您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash 应用程序。它能满足最基本的动画制作和设计、开发等功能。
2.2 Flash的发展
Flash 是美国的MACROMEDIA 公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。从1985年5月Macromedia 公司发布了Flash4.0，并逐渐形成了一些有一定影响力的Flash 技术交流团体。目前已经有很多人会使用Flash 这个软件了，而且还会有越来越多的人学习并使用它。[2] Flash 是采用矢量图形和流式播放技术进行二维动画编辑的软件，经过几代版本改进后，已经成为网上动画的霸主。Flash 能够很好地支持声音，并具有交互功能，简单易学，可以很方便实现一些现实中难以实现的、抽象的概念或现象。用Flash 开发出适用于网上传播的动画[3]。 Flash 是目前网络动画的事实标准，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于网络动画，广告制作，教学课件，互动游戏等
方面。
2.3 Flash的特点
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.4 Flash的应用领域
Flash 技术不断推陈出新，继席卷网页设计、网络广告之后，电影、电视、卡通、声乐将是它下一步引领风骚的舞台。Flash 从网络走向电影、电视、卡通、声乐，推动了传统媒体和互联网媒体的融合[7]。网页设计者开始利用网络技术为商业、音乐电视和电视节目工作。 在网络电影领域，Flash 技术的应用，使电影片头更加的具有观赏性，也使得电影的创作更加的丰富。在电视广告领域，越来越多的广告中出现了Flash 动画的身影，比如一些环保公益宣传的广告，通过使用Flash 动画来制作类似的广告，可以是观众在一种轻松的氛围中领悟到更深的意义。在电视卡通剧领域，也出现了一些以Flash 为主要制作软件的优秀卡通动画片，在国内最受欢迎的要数《喜洋洋和灰太狼》了[8]，简单的卡通造型，诙谐的剧情，是它取得成功的原因，通过这体现了Flash 软件的特别之处。在音乐领域，越来越多的人喜欢把自己喜欢的歌以Flash MV 的方式表达出来，这不得不说是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-4 3-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的故事阶段所
摘 要
Flash 是一种二维矢量动画软件创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。 本设计是用Adobe Flash CS3多媒体制作软件制作的一个简单的公益广告，其主要有三部分组成，即动画、音频和文字叙述三部分。Flash 公益广告与传统的公益广告有所不同，其不同之处就是在听到优美音乐的同时，还可以给人一种视觉上的新感受。
关键词：FLASH 动画，公益广告，家庭。
Abstract
Flash 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. 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, becauseeach 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 multimedia 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 experience.
Keywords: FLASH animation, advertising, family.
目 录
1 引言 ................................................................................................................................... 1
2 Flash的概述 . ..................................................................................................................... 1
2.1 Flash的基本理论知识 . .............................................................................................................. 1
2.2 Flash的发展 . .............................................................................................................................. 1
2.3 Flash的特点 . .............................................................................................................................. 2
2.4 Flash的应用领域 . ...................................................................................................................... 3
3 设计的具体内容及准备工作 ........................................................................................... 3
3.1 片头 ........................................................................................................................................... 3
3.2 故事的介绍 ............................................................................................................................... 5
3.3 关于场景2字母动画效果的实现.......................................................................................... 10
3.3.1 关于场景2字母“F ”的动画效果实现 ................................................................... 10
3.3.2关于场景2字母“A”“L”“Y”的动画效果实现 ......................................................... 11
3.3.3关于场景2字母“M ”的动画效果实现 ................................................................... 11
3.3.4关于场景2字母“I ”的动画效果实现 ..................................................................... 11
3.4 关于场景3动画效果的实现 ................................................................................................. 11
3.4.1 关于场景3背景图层 ................................................................................................. 11
3.4.2 关于场景3 family图层 .............................................................................................. 12
3.4.3 关于场景3“I”的动画效果的实现 ........................................................................... 12
3.4.4 关于场景3“F”的动画效果的实现........................................................................... 12
3.4.5 关于场景3“M”的动画效果的实现 ......................................................................... 12
3.4.6 关于场景3“father”图层的效果设置 ....................................................................... 13
3.4.7 关于场景3“单词”图层的效果设置....................................................................... 13
3.4.8 关于场景3“And”图层的效果设置 . ......................................................................... 13
3.4.9关于场景3“Mother”图层的效果设置 ...................................................................... 13
3.4.10关于场景3“I1”图层效果的设置 ............................................................................ 13
3.4.11关于场景3“LOVE”图层的效果设置 ..................................................................... 13
3.4.12关于场景3“YOU”图层的效果设置 ....................................................................... 13
3.4.13关于场景3“标语”图层的效果设置...................................................................... 13
3.4.14关于场景3“FAMILY ”图层的效果设置 ................................................................. 14
3.5关于背景音乐的插入 .............................................................................................................. 14
3.6 关于字幕的设置 ..................................................................................................................... 14
3.7关于重播的按钮设置 .............................................................................................................. 14
4 总结 ................................................................................................................................. 15
参考文献 ............................................................................................................................. 16
致 谢 ................................................................................................................................... 17
1 引言
想起小时候，我们经常在父母身边，但叛逆的青春对于父母造成太大的伤害，而如今的我们已然长大，却又离开父母外出生存，陪伴在父母身边的时间也是少之又少。时间的流逝，让我们逐渐长大，而父母却不再年轻。我们对父母的关心也越来越少，不再挺直的腰板，满脸的皱纹，这些岁月的痕迹，证明了父母再也不能我们遮风挡雨，趁着还有时间多陪陪父母吧！不要等到“ 子欲养而亲不待”的时候去追悔莫及，我们和父母的这个家已不再年轻。此次我的毕业设计就是“家—有父母，有爱的地方。”一个Flash 小短片。
2 Flash的概述
2.1 Flash的基本理论知识
Flash 是一种动画创作与应用程序开发于一身的创作软件，Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。[1]您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash 应用程序。它能满足最基本的动画制作和设计、开发等功能。
2.2 Flash的发展
Flash 是美国的MACROMEDIA 公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。从1985年5月Macromedia 公司发布了Flash4.0，并逐渐形成了一些有一定影响力的Flash 技术交流团体。目前已经有很多人会使用Flash 这个软件了，而且还会有越来越多的人学习并使用它。[2] Flash 是采用矢量图形和流式播放技术进行二维动画编辑的软件，经过几代版本改进后，已经成为网上动画的霸主。Flash 能够很好地支持声音，并具有交互功能，简单易学，可以很方便实现一些现实中难以实现的、抽象的概念或现象。用Flash 开发出适用于网上传播的动画[3]。 Flash 是目前网络动画的事实标准，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于网络动画，广告制作，教学课件，互动游戏等
方面。
2.3 Flash的特点
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.4 Flash的应用领域
Flash 技术不断推陈出新，继席卷网页设计、网络广告之后，电影、电视、卡通、声乐将是它下一步引领风骚的舞台。Flash 从网络走向电影、电视、卡通、声乐，推动了传统媒体和互联网媒体的融合[7]。网页设计者开始利用网络技术为商业、音乐电视和电视节目工作。 在网络电影领域，Flash 技术的应用，使电影片头更加的具有观赏性，也使得电影的创作更加的丰富。在电视广告领域，越来越多的广告中出现了Flash 动画的身影，比如一些环保公益宣传的广告，通过使用Flash 动画来制作类似的广告，可以是观众在一种轻松的氛围中领悟到更深的意义。在电视卡通剧领域，也出现了一些以Flash 为主要制作软件的优秀卡通动画片，在国内最受欢迎的要数《喜洋洋和灰太狼》了[8]，简单的卡通造型，诙谐的剧情，是它取得成功的原因，通过这体现了Flash 软件的特别之处。在音乐领域，越来越多的人喜欢把自己喜欢的歌以Flash MV 的方式表达出来，这不得不说是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-4 3-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的故事阶段所