download

“人才培养模式改革和开放教育试点”计算机科学与技术专业（本科）
“开放教育”计算机信息管理专业（专科）毕业设计
毕业设计论文论文题目 FLASH动画：亡羊补牢
学号 087081335 姓名路云雷
指导教师董海涛职称中教一级
职称
市校淮安市广播电视大学
分校淮安市直
教学班 08秋计算机信息管理
2010 年 9 月 18 日
摘要
FLASH是一款很好的制作动画的软件，FLASH可以制作丰富多彩的矢量动画，并且用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的动画效果。

由它制作出的作品，图文并貌、声色俱全，并可以根据自己的特点进行编辑,可以制作出具有个人特点的动画。

本文详细介绍了关于FLASH的发展史，FLASH的功能特点以及flash动画在实际生活中的应用。

最后以介绍制作FLASH MV动画《亡羊补牢》的整体思路和制作流程及其应注意的地方来说明实际生活中flash动画的应用。

关键词：FLASH MV 动画亡羊补牢
第一部分介绍FLASH
1.1 FLASH简介
1.2 FLASH的前景
1.2.1 出现初期
1.2.2 繁荣时期
1.2.3 FLASH现阶段
第二部分flash动画技术的特点
第三部分FLASH动画的优势
第四部分FLASH动画应用现状
第五部分FLASH的应用领域及发展方向5.1 FLASH的应用领域
5.2 Flash的发展方向
第六部分关于本设计
6.1 前期准备
6.1.1 选材
6.1.2 素材准备
6.2 制作
6.2.1 整体思路
6.2.2 制作流程
6.2.3 制作过程中注意的地方
6.2.4 制作过程中的难点
6.2.5 Flash动画设计的三大基本功能
6.2.6 三大基本功能外的延伸
第七部分结论
第八部分致谢
第九部分参考文献
第一章绪论
Flash软件由Macromedia公司推出，除了制作动画以外，还能实现交互功能。

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

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

它不仅能够制作出许多眩目多彩的效果，只要你肯赋予它一定的情景，它也会模拟出现实生活中的场景。

通过flash生成的动画文件非常小，可以很好的用在网页设计及更多的领域。

Flash制作动画比较简单，你只要定义好各个关键帧，当中的过程由计算机自动生成。

它在制作动画方面和秘密武器是多层透明效果和变形技术，再结合按钮符号的交互功能，就能制作出炫目的动画。

本flash短片《亡羊补牢》是根据成语故事《亡羊补牢》改编的flash短片，把无形的声音语言通过不同的情节转换为有形的flash 动画，模拟出现实生活中的场景，来说明flash在实际生活中的应用。

附和着成语故事带领读者领悟成语故事的内涵，达到视觉、听觉合一的效果。

第一章介绍FLASH
FLASH是一款很好的制作动画的软件，FLASH可以制作丰富多彩的矢量动画，并且用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的动画效果。

由它制作出的作品，图文并貌、声色俱全，并可以根据自己的特点进行编辑,可以制作出具有个人特点的动画。

本文详细介绍了关于FLASH的发展史，FLASH的功能特点以及flash动画在实际生活中的应用。

最后以介绍制作FLASH MV动画《亡羊补牢》的整体思路和制作流程及其应注意的地方来说明实际生活中flash动画的应用。

Flash软软件由Macromedia公司推出，除了制作动画以外，还能实现交互功能。

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

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

它不仅能够制作出许多眩目多彩的效果，只要你肯赋予它一定的情景，它也会模拟出现实生活中的场景。

通过flash生成的动画文件非常小，可以很好的用在网页设计及更多的领域。

Flash制作动画比较简单，你只要定义好各个关键帧，当中的过程由计算机自动生成。

它在制作动画方面和秘密武器是多层透明效果和变形技术，再结合按钮符号的交互功能，就能制作出炫目的动画。

本flash短片《亡羊补牢》是根据成语故事《亡羊补牢》改编的flash短片，把无形的声音语言通过不同的情节转换为有形的flash动画，模拟出现实生活中的场景，来说明flash在实际生活中的应
第二部分FLASH的应用领域及发展方向
5.1 FLASH的应用领域
FLASH技术不断推陈出新，继席卷网页设计、网络广告之后，电影、电视、卡通、声乐将是它下一步引领风骚的舞台。

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

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

在网络电影领域，FLASH技术自1997年由MACROMEDIA推出后，逐渐受到好莱坞制片公司的青睐，增加了微型电影和基于网络的电影制作，用它设计迷你电影与网络电影。

宝马汽车推出的网络电影系列也是靠FLASH主战，其中就有李安导演的"卧虎藏龙"。

在中国，闪客皮三为某电影已经制作FLASH短剧。

在电视广告领域，NETZERO公司官员日前说，最近他们运用MACROMEDIA 公司的FLASH软件制作了即将在黄金时段播出的电视广告宣传片，这种方式为公司节省了210万美元的制作成本。

这段即将在哥伦比亚广播公司(NBC)转播NBA总决赛期间播出的具有"革命性"意义的广告片预计将在本周洛杉矶湖人队同费城76人队之间的比赛中播出。

NETZERO公司首席行销官布赖恩•伍兹说MACROMEDIA公司的FLASH软件为他们节约成本开辟了道路。

伍兹说："我们的技术人员采用本来用于网络的技术只花了正常制作成本的一小部分就完成了一系列高质量广告片的制作。

简单地说，NETZERO公司只花费了电视广告片正常制作成本的大约2%，从而使广告制作成本与花在购买媒体时段的费用之间的比例更为合理。

"
在电视卡通剧领域，NELV ANA的第一项新产品名叫"WHEN QUADS WON`T LEA VE"，是世界上第一部完全由MACROMEDIA公司的FLASH软件制作的电视系列剧。

该剧每集半小时，由JOHN CALLAHAN以反映他轮椅生活的幽默漫画为蓝本创作，将于加拿大TELETOON电视台黄金时段播FLASH之所以受欢迎在于大幅降低成本与时间。

KIMBERG说，FLASH制作的节目可以同时在网络与电视台播出，一片两播，符合经济效益。

他同时透露，半小时节目若用FLASH 技术制作，大约3至4个月就可杀青，若是其它技术，通常需要10-14个月。

在音乐领域，FLASH MV更好的提供了在唱片宣传上既保证质量又降低成本的有效途径，并且将成功的把传统的唱片宣传推广带到电脑网路的更大空间。

流行歌手BECK与DURAN DURAN以FLASH制作的MTV可以同时在网络与电视台播出。

在游戏领域，索尼公司也宣布它将把这项技术用于制作PLAYSTATION 2的片头。

此外由于它能够减少游戏软件中的电影片段所占数据容量，因此预计将为DVD 游戏软件节省更多的空间。

5.2 Flash的发展方向
Flash被成为是“最为灵活的前台”，同时它也是最为小巧的前台。

Flash具有跨平台的特性，所以无论处于何种平台，都能保证最终显示效果一致。

另外，它还可以应用与Pocket PC上。

1、应用程序
2、操作系统界面
3、手机领域的开发
4、游戏开发
5、Web应用服务
6、站点建设
7、多媒体娱乐
第六部分关于本设计
在本设计中，利用了Macromedia Flash的动画技术将自己喜欢的一个成语《亡羊补牢》通过自己对成语故事的理解设计出人物和不同的视觉效果使成语故事与场景合二为一，已达到视觉、听觉合一的动画效果。

该制作分为：素材的准备、音乐的设置和导入、元件制作、动画编辑4个部分。

6.1 前期准备
前期准备是一部完整flash动画的起步阶段，前期准备充分与否尤为重要，往往
需要设计者就剧本的故事、剧作的结构、风格、人物、音乐等一系列问题进行反复的探讨、商榷。

首先要有一部构思完整、结构出色的文学剧本，接着需要根据剧本设计主场景和人物。

尽可能地达到音乐与画面上动作节奏的和谐、统一。

达到音乐配合画面动作、色彩、意境的效果。

6.1.1 选材
舞蹈是我们实际生活中不可缺少的一部分，在情绪低落、高涨等任何时候都会有人通过舞蹈发泄自己的情感与思想，现代人都喜欢通过动画的方式表现自己的实际生活,带着一种思想、情感把所看的人感染，同时也可释放出作者内心深处的某种情绪。

因此我便选择了这样的一个主题。

我结合着现实生活中的很多情景便构造了这部flash短片。

《亡羊补牢》虽然是首比较老的成语故事，但根据对成语故事的理解拟写剧本，塑造人物形象，通过不同的场景特效来谱写剧本。

6.1.2 素材准备
这是工程最庞大的一块,当靠flash是远远不够的,还需要用到photoshop 软件。

不同的情景需要不同的场景衬托。

又要考虑到整体的色彩的搭配,因此背景构图是相当费神的。

缺少人物的短片当然不够完整,在这主要才用的是矢量图形,因为牵涉到人物的动作,用图片表现很占空间,而且画面不很流畅,因此考虑在flash里手绘,对每个动作的绘制都要很仔细才行,不然会使人物的动作不协调。

在场景中也涉及到很多小的修饰,如炫目的灯光效果、飘舞的雪花、树等。

为了使其真实、形象有的则是通过图片再进行特殊的处理放入场景中去的。

在FLASH 中开发产品外观很容易，人们可以在短时间内为角色,道具或者背景制作出很多不同的版本。

通过调整,转换或者忽略去角色的外貌特征就可以创作出很多不同的版本。

通过调整,转换或者略去角色的外貌特征就可以创作出很多变体。

诸如地板,墙纸,树木,山峦等背景元素则可以被复制和改变成多种样式和基调。

也可以扫描一幅或多幅画稿的合成图,然后对其进行调节。

还可以把角色快速地放在不同的背景中,以查看它们在一起的效果。

在FLASH中开发产品的一个主要原因就是可以在整个过程中自始自终地处在一个程序中来解决各种问题,FLASH可以制作元件化的资产。

6.2 制作
制作动画时,首先要编写完成的剧本。

在这之后根据剧本确定人物及场景和作品思想。

动画世界中的物理定律以及故事所基于的情境类型要符合客观事实和逻辑。

剧本要经过多次的修改才能完稿。

初稿就自不必说,当剧本进入审稿工序,它就要被塑造成最终在制作过程中使用的剧本。

剧本可以经历多次修改,但最后一个阶段要进行润饰工作或者做最终的调整。

下一步就是角色背景和道具的设计，对很多艺术家而言,给动画作品创作角色,背景和道具是一个发挥创意,收获成就感的阶段,这也是整个开发过程中最具实验性的部分,是为产品探索新的外观和思想的时刻。

在策划过程中,设计者会对角色,背景和道具进行充分的解读和提炼。

最后角色、背景和道具必须被标准化,进行为下一个阶段-----前期制作阶段铺平道路。

对动画世界的外观和感觉的建设是一种想象型的实验过程,这是概念艺术家释放他们想象力的时刻,毕竟这也正是雇用他们的原因所在。

随着剧本和故事的成熟,
可能会有一些新的角色,场景跳出来,作品中所有新元素的外观都必须与已经创建好
的动画世界的整体外观相吻合。

创作动画外观的目标就是要实现一种既标准又独特的视觉效果。

6.2.1 整体思路
情节的组节要符合生活的逻辑、思维的逻辑。

在flash 的创作过程中是很灵活的,你想怎样去实现就通过你的思想去实现,只要不违背现实的客观规律就可。

所以怎样才能组接好更多的镜头这也是要考虑进去的，景别的变化我都采用的是循序渐进的方式,我觉得这样可以使得整个画面过度的不突然，这样欣赏起来不会有莫名其妙的感觉。

在动作的表现当中,也不可能把每个细节都展现出来,这样会有种沉重的感觉，我就在表现内容的时候，抓住了可以表现的东西，也就是突出了我想说明主题的动作。

再就是开始把每个素材按故事的发展前后链接在一起，首先就是要导入库内，在导入之前先在库内建立多个文件夹，并取好与内容相符的名字，然后把图片按内容导入到相应的文件夹中，这样把图片连起来的时候就可以很容易找到所需要图片了。

下一步就是开始整个作品最重要的内容了，就是作出整个FLASH了。

6.2.2 制作流程
一、打开Flash文档，建立舞台，设置属性（如图1）。

图1
二、插入所需要的图层（如图2）
所谓“图层”,是指动画编辑的物理图层，每一层可以是一部动画，各层独立进行编辑和加工.把多个动画层叠加起来,可丰富动画的表现力和降低制作动画的难度.动画层的概念与图像处理软件PHOTOSHOP中的图层概念类似.
在启动FLASH软件后,新建的动画总是在第1层,如果不进行增加层的操作,该层将是惟一的层。

在制作动画时，FLASH软件在一层内不能同时制作两种模式的动画，动画主体和动画背景的混合难度非常大。

为了解决这个问题，FLASH引入了图层概念，不同的场景单独制作,然后把各层动画合成在一起,就能轻松得到运动模式相当复杂的动画了.
FLASH的图层主要用于两个以上的动画编辑与合成.
三、为动画添加声音。

一个真正的动画作品，画面和声音是相辅相成的。

1）选择“文件/导入”菜单命令，显示图3所示的导入文件窗口。

选择路径和声
音文件名，点击【打开】按钮。

导到库中如图4所示。

图3图4
2）单击某一帧（该帧将是声音的开始点），打开属性工具栏，如图5所示。

图5
3）选择“控制/播放”菜单命令，在观看动画效果的同时，可听到同步声音。

四、绘制所需的图形并将其转换为元件（此处只举一例，其他相同，如图5）
图5
五、选择字幕图层为动画添加字幕，创建补间动画以便达到字幕滚动的效果。

六、为达到炫目多彩的效果，创建影片剪辑元件，制作逐帧动画，利用每帧之间不同的颜色、形状在视觉上产生闪烁的效果，欲使影片剪辑只播放一次在每个影片剪辑的最后一帧加上一个
stop() 代码。

七、在本设计中主要应用帧动画、自动动画。

在这里主要介绍制作帧并帧动画的制作方法,自动动画由flash按指定的模式完成,常见的自动动画有:直线移动、按照一定的路径移动，物体变形等。

1.制作帧动画
1）基本方法
在Flash软件中，制作动画主要是对帧进行处理。

对帧的处理在时间轴窗口中进行，该窗口如图6所示。

时间轴窗口中的数字标尺表示帧号，帧号下方的方格表示每一帧。

时间轴窗口的底部有一组按钮和显示信息，用于控制播放状态和显示当前帧、帧速率和时间。

动画中的帧有关键帧和普通帧之分。

关键帧用于表现动作的转折、关键动作的位置以及首、尾帧。

在时间轴窗口中，关键帧的方格内有“•”标记。

普通帧则把关键帧之间的动画连贯起来，主要用于动作的连续发展。

在时间轴窗口中，普通帧没有任何标记。

在时间轴窗口中，可以对帧进行删除、插入和其他操作。

用鼠标右键单击某一帧，显示功能菜单，在菜单中选择需要功能，例如插入帧、移除帧、插入关键帧、删除关键帧等。

逐帧动画的每帧都是关键帧,由动画制作者逐帧动画可以表现非常复杂和灵活的动作,能牢牢地控制动画的进程和节奏.但是,逐帧动画的画面绘制工作量很大.
2)制作步骤
制作帧动画的基本步骤是:先绘制第1帧的内容,然后增加一个关键帧,修改新增关键帧的内容;再增加一个关键帧,修改新增关键帧的内容,……如此下去,直到所有关键帧绘制完成为止.
绘制关键帧.
增加关键帧.
在第2帧中修改图形,形成动作的变化.
进行步骤2,增加新的帧.进行步骤3,在新增加的帧上修改，……，重复进行步骤2和步骤3直至完成动画。

图7-2是完成后的动画，共绘制了4帧，对应的时间轴窗口见图7-1。

从图中看出，4帧都有“•”标记，全部是关键帧。

图7-1
图7-2
选择”控制/播放”菜单命令,预览动画效果.发现某一帧有问题时,单击时间轴窗口中的帧号,把该帧作为当前帧,继续修改.
八、制作按钮
1、绘制图形
弹起指针经过
按下点击
2、添加文字
九、选择相应的代码图层添加代码脚本
例:开头按钮PLAY按钮的设置：只要在第一帧加入stop ();然后在PLAY上加上如下代码：
on (release)
{
play ();
如按钮是加在场景中的，要控制场景的动画播放与暂停就直接用play()或stop()就行了，如果控制影片剪辑的话就在前面加上影片剪辑的实例名(选中影片剪辑，打开属性，在实例名称处可命名)，如aa.stop()。

音乐也要做在影片剪辑里就可和控制影片剪辑的方法一样。

下面按钮可同时控制影片剪辑，场景和声音停止
on(release){
stop();//主时间轴停止
aa.stop();//停止aa这个影片剪辑
sy.stop();//暂停声音的播放
}
播放：
on(release){
play();//主时间轴播放
aa.play();//播放aa这个影片剪辑
sy.play();//播放声音影片剪辑
在flash中加入雨滴的效果，则需要把雨转换成元件，把元件名称改成(yu) 在元件上按F9 插入代码：
i = 1;
_root.onEnterFrame = function(yu) {
duplicateMovieClip(yu, "yu"+i, i);
setProperty("yu"+i, _x, random(600));
setProperty("yu"+i, _y, random(200));
setProperty("yu"+i, _alpha, random(70)+30);
i++;
if (i>200) {
如果需要把雨减少则再加入：减少雨
i = 1;
_root.onEnterFrame = function() {
removeMovieClip("yu"+i
这样点击PLAY键就开始了整个故事的发展。

九、保存动画
Flash动画在保存时，可以选择若干种文件格式。

默认的文件格式是fla，该文件格式的动画文件可重复编辑；根据使用场合的不同，还可以选择swf格式（互联网上的播放文件，不可编辑）、avi格式（标准视频文件）、gif格式（gif89a 网页动画文件）等进行保存。

在本设计中最终保存为swf格式。

选择“文件/导出影片”菜单命令，显示导出文件窗口。

在该窗口中选择路径，指定保存类型等。

6.2.3 制作过程中注意的地方
1、由于要在flash中导入图片,图片的格式最好是,jpg的这样的容量才不会
很大,声音格式也应为。

mp3格式的。

一般说来在flash的最后应对整个flash进行整体减肥,也就是去掉一些没有用到的而又事先导入库的素材,只需在库的右上方点击选择未使用的项目,点击删除,再保存即可。

2、一般情况下第一个播放按钮的界面要和主界面设为两个不同的场景,为了方面在以后的制作中加入loading
3、在制作的过程中尽量使用变形动画,避免过多的使用帧动画,关键帧越多,文件的体积便会更大
4、在使用矢量图的时候最好不要把它打散,这同样也会增加文件的体积。

5、如果你有美术设计背景，你会发现在Flash设计里面有很多工具，这些工具你在Fireworks, Photoshop或其他图片软件也曾经用到过。

6、如果上面提到的这两部分你哪一部分也不曾接触过，也是很好的，甚至有可能会更好，因为Flash软件在这样的人的手中可能会释放它全部的潜能。

Flash 很好的融合了技术与艺术的二元性。

如果要做得更出色，程序员需要自己学习一些画图工具以及Flash动画的概念。

设计师如果想让自己做的静态图片有生气他们就需要让左脑活动起来，抓住actionscript里面程序的基本含义。

7、以对象导向为基础的软件：时间轴和影片就Flash本身来说，Flash就是一个对象导向的软件。

使用Flash就像是使用对象。

Flash里面的对象就好比可以容纳其他容器的一个容器。

时间轴包含影片剪辑，影片剪辑包含其他时间轴，其他时间轴又包含其他影片剪辑…诸如此类等等。

8、了解时间轴和影片剪辑的含义是很重要的。

我们称作Flash影片的也可以称为一个影片剪辑。

主要的影片（可以视为Flash播放器）包含其他所有影片剪辑。

每个影片都有一个主要的时间轴，每个影片剪辑都是有自己的带有独立时间轴动作的时间轴。

从另一方面来讲我们可以从宇宙的概念来理解：大宇宙包含其他小宇宙，小宇宙又包含行星，行星上面包含生物等等，每个生命体都有他们自己的参数（在actionscript里面称作属性）和行为，只不过它们是在网络世界中而已。

6.2.4 制作过程中的难点
1、根据成语故事拟定剧本。

2、制作光线变换的效果，主要利用不同帧的颜色变化。

3、人物的绘画，要注重观察人物说话的时候的细节。

4、为使场景中各个元素的连贯，要特别注意帧与帧间的连接。

5、由“静”画到动画的设计指导这里的关键是如何用“动”的技巧来进行表达了。

6、把握好元件与图形的区别、线条与填充的区别、按钮，mc的区别。

7、理解与掌握元间的嵌套问题。

8、在这里需要强调的是动画创意关，好的创意是作品成功的前提。

真正难点不
在于技术方面的难度，而在于选题和创意方面的难度。

想到的题目往往都是重大题材，如奥运会，航天，神舟火箭、太空探索等等。

这些选题都是别人已经做滥了或者是自己力不能及的，创作题材选择时，一定要从小处着眼、从细处着眼，以小见大，小题大做，小题细做，小题精做。

切忌大而空，大而不当。

而且要结合自己的学习内容，贴近生活。

同时所选取的题材要健康向上，富有朝气。

创意来源的选择：可以创作、改编一些寓言、童话、小故事、生活片断、小知识、科学家生平等。

如果能结合相关学科教材上的内容来进行选题创作，一方面可以在制作过程中进一步巩固和拓展所学知识。

另一方面也可以在制作Flash动画时掌握制作技能。

起到学科整合的效果。

确实是一举几得。

6.2.5 Flash动画设计的三大基本功能
Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。

这是三个紧
密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。

1、绘图和编辑图形
绘图和编辑图形不但是创作Flash动画的基本功，也是进行多媒体创作
的基本功。

只有基本功扎实，才能在以后的学习和创作道路上一帆风顺。

使用Flash Professional 8绘图和编辑图形——这是Flash动画创作的三大基本
功的第一位。

在绘图的过程中要学习怎样使用元件来组织图形元素，这也是Flash动
画的一个巨大特点。

2、补间动画
补间动画是整个Flash动画设计的核心，也是Flash动画的最大优点，它有动
画补间和形状补间两种形式。

用户学习Flash动画设计，最主要的就是学习“补间动画”设计。

在应用影片剪辑元件和图形元件创作动画时，有一些细微的差别，你应该完
整把握这些细微的差别。

3、遮罩
遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基
本功能中重要的出彩点。

使用遮罩配合补间动画，用户更可以创建更多丰富多采的动画效果：图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。

并且，从这些动画
实例中，用户可以举一反三创建更多实用性更强的动画效果。

遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影
片剪辑元件结合起来，可以创建千变万化的形式，你应该对这些形式作个总
结概括，从而使自己可以有的放矢，从容创建各种形式的动画效果。

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

6.2.6 三大基本功能外的延伸
Flash动画的三大基本功能是一切Flash动画应用的基础。

但现在Flash
已经是一个非常强大的平台，他是一个富媒体环境。

在Flash 4时他加入了MP3声音的支持，Flash 3及以前的版本对音频支持是。