Flash动画作品制作
姓 名：学 号：专 业 班 级：指 导 教 师： XXXXXXX XXXXXXXXXX XXXXXXXXXXXXXXX XXXXXX
衢州职业技术学院信息工程学院毕业设计（论文）
摘 要
flash是Macromedia公司的一个的网页交互动画制作工具。 我们可以从Macromedia公司的主页上下载flash的试用版。与gif和jpg不同，用flash制作出来的动画是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而且它采用了流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输送数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。自从Macromedia在2005年8月发布Macromedia Studio 8以来，我们一直在不停地探索关于它的新特性和新功能，因为这次软件升级给我们带来了太多的惊喜，不是MX版本升级到MX2004时的那么简单，而是实现了新的飞跃。
本论文主要介绍flash动画作品的构思以及相关flash软件的功能运用，从中感悟flash软件给生活带来乐趣的同时，也与时代同步接触多媒体所创造出的神奇魅力。
关键词：动画；传输；按钮；选择菜单
I
衢州职业技术学院信息工程学院毕业设计（论文）
目录
摘 要...........................................................I 第1章 绪论.....................................................3
1.1 课题背景................................................3 1.2 课题意义................................................3 1.3学习收获 ................................................4 第2章 相关工具介绍.............................................5
2.1 Flash具有的主要特点 ....................................5 2.2 Flash涉及的领域 ........................................5 2.3 photoshop软件介绍 ......................................6 第3章 动画作品的总体设计.......................................8
3.1 作品场景及结构设计......................................8 3.2 作品主体内容...........................................10
3.2.1作品的构思.................................................................................11 3.2.2作品的动画运用.........................................................................12
第4章 动画作品元件的组成......................................19
4.1主要元件的介绍 .........................................19 4.2元件中所插入的代码 .....................................25 结论...........................................................27 致谢...........................................................28 参考文献.......................................................29
II
衢州职业技术学院信息工程学院毕业设计（论文）
第1章 绪论
1.1 课题背景
改革开放后，我国的传媒业开始大力探索市场化、产业化经营，经过近20年的发展，形成了目前以电视、报纸、杂志、广播为主体的、年广告收入突破700亿元的庞大市场。
目前，我国媒体市场总体处于以电视媒体为主体，以报纸、杂志、书籍等为延伸，以广播、音像制品为补充，以互联网多媒体为方向的多元媒体相互竞争、并行发展的格局。但是随着网络信息技术的发展，特别是电话网、有线电视网、互联网“三网合一”技术的发展，高速、互动、多媒体的宽带网将逐步成为新闻、信息、娱乐的主流传播媒介。在这一大趋势下，现有的各类相互独立的媒体将走向融合，形成一个全方位的、以宽带网络信息服务为核心的、整合各种传播媒介的跨媒体平台。其实质，即统一所有的信息源与传播媒介，将全面的信息与内容通过各种媒介，及时、快速、低成本地传递给最大范围的受众，以发挥不同媒体之间的协同效应。
21世纪的多媒体平台不但能提供声像图文并茂的信息，而且还能提供电子商务、电子政务、电子公务、电子医务、电子教务等多种服务。信息产业的发展已经经历了３次浪潮，即以硬件为核心的浪潮、以软件为核心的浪潮和以网络为核心的浪潮，因此下一次浪潮应是信息采集、处理和传播的浪潮，也就是以多媒体信息为核心的多种信息服务崛起的浪潮。
FLASH是一款不折不扣的跨媒体、跨行业的软件，用他设计的网络广告、制作的FLASH网站、MTV、卡通片、游戏，不仅在网络领域里迅速传播，而且，用它设计的迷你电影与网络电影，广告、音乐MTV纷纷走进手机、无线通讯、电视、电影和音乐唱片等领域。
1.2 课题意义
Flash是一款世界级主流的多媒体网络交互动画制作软件。Flash支持动画、声音以及交互，具有强大的多媒体编辑功能。使用Flash设计的网站、动画、多媒体作品，可以在低宽带下实现高品质的多媒体交互式动画传输。
此次作业我选择制作的题目是Flash动画作品制作，音乐是《The show up》，主要用动画设计与制作软件Flash 8.0来完成，另外也用到图片处理软件photoshop CS2。Flash动画的设计与制作，主要用到简单动画的制作（包括形状补间动画、运动补间动画），高级动画的制作（包括引导层动画、遮罩动画），矢量图绘制工具（钢笔工具、直线工具、椭圆工具、矩形工具），图形填充工具（渐变填充工具、锁定填充工具），并且使用了多媒体素材（音乐《The show up》）。此外，我还从网上下载了一些素材，然后经过图片处理软件加工处理一下，以美
3
衢州职业技术学院信息工程学院毕业设计（论文）
化整个Flash页面。
综上所述，我总结了flash动画在整个互联网时代所体现出的意义：
1、Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。
2、Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。
3、Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有文件小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到文件的下载过程。所以Flash动画在网上被广泛传播。
4、Flash动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。
5、Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。
6、Flash动画在制作完成后，可以把生成的文件设置成带保护的格式，这样维护了设计者的版权利益。
1.3学习收获
1、熟练使用flash动画的绘图工具和文本工具
2、熟练掌握简单动画制作
3、熟练掌握高级动画制作
4、熟练掌握多媒体素材使用
5、能适当使用简单ActionScript脚本语言实现对动画流程控制
6、flash动画作品的测试与输出
7、能适当使用高级ActionScript脚本语言实现与客户端交互
8、合理的使用组件创建与用户交流界面
9、flash作品节奏合理 界面美观
4
衢州职业技术学院信息工程学院毕业设计（论文）
第2章 相关工具介绍
2.1 Flash具有的主要特点
1、使用矢量图形
矢量图形是由矢量轮廓线和矢量色块组成的，文件大小由图像的复杂程度决定，与图形的大小无关。矢量图形与分辨率无关，因此可以无限放大而不会影响清晰度。
2、动画文件非常小
通过使用关键帧和元件可以实现许多精彩的动画效果，而且所生成的动画文件非常小，使得在打开网页的很短的时间里动画就得以播放。
3、多媒体与互动性强
Flash可以把音乐、动画、声效交互融合在一起，既可以利用Flash创作出令人心动的动画电影、小巧的游戏软件，也可以利用Flash创作出“虚拟现实”的优秀多媒体教学课件。
4、通用性好
Flash动画依靠其特有的Flash Player进行播放。Flash player仅几百KB大小，可以嵌入到不同种类的浏览器中。
5、采用流式播放技术
Flash动画采用了目前网上非常流行的流技术。使用流技术可以边下载边播放动画，而不必等到影片全部下载到本地后再观看，缩短了用户的等待时间。
6、功能强大，易于应用
2.2 Flash涉及的领域
1、网站动画
在网页中起到修饰的作用，提高网页的动态效果。
2、商业广告
在互联网中应用最为普遍的一种广告形式，与其他商业广告相比，具有制作成本低、传播范围广的特点。
3、多媒体教学课件
多媒体教学是一种现代教学手段，利用文字、实物、图像、声音等多种媒体向学生传递信息。使用Flash制作的语文、数学、化学、物理等课件极大地丰富了课堂教学的表现手法和表现形式。
4、动漫MTV 目前，由广大“闪客”制作的动漫MTV在网络上广泛传播，可以说，动漫MTV已经成为一种流行的艺术表现形式。
5、Flash贺卡
5
衢州职业技术学院信息工程学院毕业设计（论文）
使用Flash制作的艺术贺卡，互动性强，具有极强的感染力，能够很好地表达亲人、朋友之间的问候和祝福。
6、Flash游戏
能够利用Flash的交互性制作小巧的寓教于乐的Flash小游戏。
2.3 photoshop软件介绍
做片头不仅仅依靠flash一种软件，它需要多种软件的结合，有些是处理图片的软件，有些是排版的软件，各种软件有各自的功能，都辅助着flash8.0来完成作品的制作。
用来处理图片的软件有很多，可以用Photoshop来处理图片。此外，还可以利用Flash来做图以及处理图片，例如可以把位图转换成矢量图，利用位图来绘图等。不过Flash本身的绘图功能有限的，可以用一些比较专业的软件绘图，再导入到Flash中，如图2.1所示：
图2.1用photoshop处理图片
使用比较多地使用Photoshop处理以下几类图片 （1）等比例缩放图片
flash8.0中有图片缩放的功能，但都是按照需要的大小缩放并不是等比缩放，此时的图片在形状上会被挤压，从而变形，所以图片在导入到库中前要通过ps等比例缩放过后再导入。
（2）去除背景的图片
flash8.0中有类似处理图片背景的魔术棒工具，但它只能处理像素很相近的图片，而且背景往往处理的不平滑，存在坑坑挖挖的现象，所以要先用ps去掉背景保存成gif格式再导入到库中，效果会更明显。
（3）压缩图片大小
6
衢州职业技术学院信息工程学院毕业设计（论文）
flash中导入图片到库中通常都会选择压缩过的图片，图片不压缩就导入到库中往往会使flash文件变的很大，从而渲染的时候就会很慢。
(4) FLASH与PHOTOSHOP的区别
PHOTOSHOP与FLASH的区别是 FLASH做的是矢量动画，可以任意放大和缩小，也没有变化，PHOTOSHOP是一款图像修改，平面设计软件做的是位图，就是放大有锯齿的图。矢量图的缺点是颜色不够真实，而位图就和真是世界的颜色一样的。
7
衢州职业技术学院信息工程学院毕业设计（论文）
第3章 动画作品的总体设计
3.1 作品场景及结构设计
本次作品设计中，只包含一个场景，此场景尺寸为720 px × 576 px，背景颜色为白色，帧频为25fps。如图3.1所示：
图3.1场景设置界面
动画的第一个动作是一张背景图画加一个补间动画，背景图片是从第一帧就加入，补间动画是在第19帧开始加入。所做的第一个补间动画是将字体旋转显示，即作品的名字。从而达到炫动的效果，使作品开始不至于枯燥。如图3.2、3.3所示：
8
衢州职业技术学院信息工程学院毕业设计（论文）
图3.2 作品名字显示界面
图3.3 作品名字显示完毕界面
9
衢州职业技术学院信息工程学院毕业设计（论文）
3.2 作品主体内容
在第136帧，插入背景音乐文件《The show up》，如图3.4所示：
图3.4 声音文件的插入界面
10
衢州职业技术学院信息工程学院毕业设计（论文）
3.2.1作品的构思
声音文件插入完毕后，就开始作品的整体设计了。本次作品，灵感来源于一个幽默的小故事，叙述一个铁鸡蛋所引发的一系列事件。对于作品的人物设定主要有：鸡蛋、母鸡、老鼠、人。于是人物的设计对整个作品起着至关重要的作用。由于本人技术有些，人物的设定略显粗糙，但是主题的表达够清晰才是最主要的。以下就是人物的设计图：
图3.5 鸡蛋
图3.6 母鸡
11
衢州职业技术学院信息工程学院毕业设计（论文）
图3.7老鼠
图3.8 人
3.2.2作品的动画运用
本次作品的整体设计相对来说比较单一，并没有过多的代码程序，只有简单的遮罩动画、运动补间动画、形状补间动画和逐帧动画。
1.Flash动作补间动画
动作补间动画是Flash中非常重要的动画表现形式之一，在Flash中制作动作补间动画的对象必须是“元件”或“组成”对象。
基本概念：在一个关键帧上放置一个元件，然后 在另一个关键帧上改变该元件的大小、颜色、位置、透明度等，Flash根据两者之间帧的值自动所创建的动画，被称为动作补间动画。
12
衢州职业技术学院信息工程学院毕业设计（论文）
2.Flash形状补间动画
所谓的形状补间动画，实际上是由一种对象变换成另一个对象，而该过程只需要用户提供两个分别包含变形前和变形后对象的关键帧，中间过程将由Flash自动完成。
基本概念：在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据两者之间帧的值或形状来创建的动画称为“形状补间动画”。形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画之间，使用的元素多为鼠标或压感笔绘制出的形状。
小提示：在创作形状补间动画的过程中，如果使用的元素是图形元件、按扭、文字，则必须先将其“打散”，然后才能创建形状补间动画。
3.Flash逐帧动画
逐帧动画是一种常见的动画形式，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放形成动画。
基本概念：在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
在Flash中将JPG、PNG等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画。也可以用鼠标或压感笔在场景中一帧帧地画出帧内容，还可以用文字作为帧中的元件，实现文字跳跃、旋转等特效。
4.Flash遮罩动画
遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基本功能中重要的出彩点；使用遮罩配合补间动画，用户更可以创建更多丰富多彩的动画效果：图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。并且，从这些动画实例中，用户可以举一反三创建更多实用性更强的动画效果。遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建千变万化的形式，你应该对这些形式作个总结概括，从而使自己可以有的放矢，从容创建各种形式的动画效果。
在Flash作品中，常看到很多眩目神奇的效果，而其中部分作品就是利用“遮罩动画”的原理来制作的，如水波、万花筒、百叶窗、放大镜、望远镜等。
基本概念：在Flash中遮罩就是通过遮罩图层中的图形或者文字等对象，透出下面图层中的内容。在Flash动画中，“遮罩”主要有两种用途：一种是用在整个场景或一个特定区域，使场景外的对象或特定区域外外的对象不可见；另一种是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。
被遮罩层中的对象只能透过遮罩层中的对象显现出来，被遮罩层可使用按扭、影片剪辑、图形、位图、文字、线条等。
13
衢州职业技术学院信息工程学院毕业设计（论文）
5.Flash引导层动画
基本概念：在Flash中，将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。
在Flash中引导层是用来指示元件运行路径的，所以引导层中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制的线段，而被引导层中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按扭、文字等，但不能应用形状。
小提示：引导路径动画最基本的操作就是使一个运动动画附着在引导线上，所以操作时应特别注意引导线的两端，被引导的对象起始点，终止点的两个中心点一定要对准“引导线”的两个端头。
以下就是这几种动画的简单运用效果图：
图3.9遮罩层的设计界面
14
衢州职业技术学院信息工程学院毕业设计（论文）
图3.10运用遮罩层之后的界面
图3.11逐帧动画的设计界面
15
衢州职业技术学院信息工程学院毕业设计（论文）
图3.12逐帧动画所排列的效果图
图3.13逐帧动画与运动补间动画的双重运用界面
16
衢州职业技术学院信息工程学院毕业设计（论文）
图3.14运动补间动画的运用界面
17
衢州职业技术学院信息工程学院毕业设计（论文）
图3.15形状补间动画运用界面
结束界面采用的是运动补间动画，将文字打散后，分散到各个图层，保存为图形元件，将文字颜色渐变，从而达到风吹文字效果：
图3.16结束界面风吹文字效果图
18
衢州职业技术学院信息工程学院毕业设计（论文）
第4章 动画作品元件的组成
4.1主要元件的介绍
元件是构成Flash 动画所有因素中最基本的因素，包括形状、元件、实例、声音、位图、视频、组合等等。
FALSH里面有很多时候需要重复使用素材，这时我们就可以把素材转换成元件，或者干脆新建元件。以方便重复使用或者再次编辑修改。也可以把元件理解为原始的素材，通常存放在元件库中。元件必须在Flash 中才能创建或转换生成，它有三种形式，即影片剪辑、图形、按钮，元件只需创建一次，然后即可在整个文档或其他文档中重复使用。
影片剪辑元件可以理解为电影中的小电影，可以完全独立于场景时间轴，并且可以重复播放。影片剪辑是一小段动画，用在需要有动作的物体上，它在主场景的时间轴上只占1 帧，就可以包含所需要的动画，影片剪辑就是动画中的动画。“影片剪辑”必须要进入影片测试里才能观看得到。
图形元件是可以重复使用的静态图像，它是作为一个基本图形来使用的，一般是静止的一副图画，每个图形元件占1 帧。
按钮元件实际上是一个只有4 帧的影片剪辑，但它的时间轴不能播放，只是根据鼠标指针的动作做出简单的响应，并转到相应的帧，通过给舞台上的按钮添加动作语句而实现flash 影片强大的交互性。在flash里，元件是最终要进行表演的演员，而它所在的库就相当于演员的休息室，场景是演员要进行表演的最终舞台。
本次作品大多以图形元件为主，由于采用大量的逐帧动画，所需要的图形元件要各不相同，一系列的串联才构成人物的动作、表情等，而图形元件与逐帧动画的完美结合，恰恰给作品带来细致又自然的效果。在作品结束界面，添加了一个按钮元件，起着重新播放的作用，按钮元件由图形和影片剪辑元件组成，当鼠标划过时，按钮会做出相应的反应，给作品的整体效果添加了灵动性。以下就是本次作品中所涉及到的元件设计效果图：
19
衢州职业技术学院信息工程学院毕业设计（论文）
图4.1库中的元件列表
20
衢州职业技术学院信息工程学院毕业设计（论文）
图4.2按钮元件的设计界面
图4.3图形元件鸡蛋的设计界面
21
衢州职业技术学院信息工程学院毕业设计（论文）
图4.4图形元件母鸡的设计界面
图4.5图形元件老鼠的设计界面
22
衢州职业技术学院信息工程学院毕业设计（论文）
图4.6图形元件人的设计界面
图4.7影片剪辑的设计界面
23
衢州职业技术学院信息工程学院毕业设计（论文）
图4.8音乐文件设置界面
图4.9位图文件的设置界面
24
衢州职业技术学院信息工程学院毕业设计（论文）
4.2元件中所插入的代码
前面也提到了结束界面的按钮元件起着重新播放的作用，如果才能使它有这种功能，这就需要插入代码才能得以实现了。本次作品所运用到的代码不多，只在按钮元件中插入了代码以及在影片结束的最后一帧插入了结束的代码，阻止影片及音乐循环播放。具体如下：
按钮元件的代码： on (release) {
play (); }
图4.6按钮元件代码示意图
25
衢州职业技术学院信息工程学院毕业设计（论文）
影片最后一帧代码： stop ();
图4.7影片结束播放代码示意图
26
衢州职业技术学院信息工程学院毕业设计（论文）
结论
转眼实习期即将要结束了，这也就意味着我的大学生涯也将要结束了。在这6个月的实习期中，我懂得了社会的现实，也明白了没有一技之长你就相当于是一个废人。在学校所学到的知识，也真真切切的体会到它的用处！通过这次作品的制作，使我明白了自己的不足，flash是我大二学期所学到的知识，但是经过一年的时光，我早已将它忘记的七七八八。为此，当我重新打开这个软件的时候，显得那么无措。我只能将书本重新打开，像初学者那样仔细的阅读，才渐渐的将老师所教过的知识一点点的记起。正如子曰:温故而知新，不亦乐乎。
同时，我也懂得了，知识学到了，不能一直烂在大脑的某个角落，你要经常的去运用这些知识，否者总有一天，知识就如同杂草一般，没有任何用处，直到被你自己遗忘。学以致用，想必就是这个意思。在大学的三年时光，是我最美好的回忆，不仅仅是认识了一群交心的朋友，更使我明白了，做人的道理。这三年的时光，换回了我即将展翅的未来的感悟，以及如何用一颗平和的心去看待人与事，去参透人生所要遇到的挫折和意外。我相信，抱着这一种不气馁的态度，一定可以骄傲的去冒险自己的未来。
我总结了以下三点心得体会：
1、熟练地复习巩固了所学的软件
对自己已经掌握的工具和制作动画的方法，通过此次实训，更加熟练了。对于自己没有掌握甚至不会的工具和方法也慢慢掌握了，而且也会运用了。
2、认识了创意的重要性
以前总觉得说创意这东西是设计大师所要关心的，自己无需那样重视，现在我真正地认识到创意是设计的灵魂。我已经决定留心观察生活，提升自己的创意灵感。
3、深刻知道了态度的关键性
一个人的态度决定他的行动，他的行动才可能决定他是否会成功。如若一个人的态度就是错误的，何谈行动和成功呢？以前知道，但没有深谙其理。现在真正的知道了，我会任何事上学会让自己有一个正确的态度。
27
衢州职业技术学院信息工程学院毕业设计（论文）
致谢
时光荏苒，经过几个月的努力，我的毕业论文即将顺利完成。
毕业设计的这段时间是我学生生涯中最有价值的一段时光。这里有治学严谨而不失亲切的老师，有互相帮助的同学，更有向上、融洽的学校生活氛围。借此论文之际，我想向所有人表示我的谢意。
首先感谢我的指导老师。本论文是在老师的指导下和同学们的帮助下修改完成的。在此，我要向他们的细心帮助和指导表示由衷的感谢。在这段时间里，我从他们身上不仅学到了许多的专业知识，更感受到他们工作中的兢兢业业，生活中的平易近人。此外，他们严谨的治学态度和忘我的工作精神值得我去学习。
非常感谢大家在我的毕业设计中，给予我极大的帮助，使我对整个毕业设计的思路有了总体的把握，并耐心的帮我解决了许多实际问题，使我有了很大的收获。同时，他们在整个开发过程中提出了许多建设性意见，并给我解决了一些专业性问题。
感谢多年来传授我知识的老师们，更要感谢那些对我学习上支持和鼓励的人。同时感谢所有关心帮助过我的同学、老师和学校。
总之，在以后的学习生活中我将以加倍的努力对给予我帮助的学校、老师及同学们的回报。
28
衢州职业技术学院信息工程学院毕业设计（论文）
参考文献
[1] 卓越科技.Flash CS3动画制作百练成精.电子工业出版社,2008.10 [2] 冯晓艳.Adobe Flash CS3中文版经典教程.人民邮电出版社,2008.3 [3] 周建国.Flash CS3动画设计与制作实例精讲.人民邮电出版社,2008.6 [4] 郝春雨，唐有明.Flash CS3典型应用百例.电子工业出版社,2008.6 [5] 思慧工作室.flash 8 动画特效设计经典案例.人民邮电出版社
[6] 谢立群 ,周建国 ,吕娜.flash 8中文版动画设计与制作.人民邮电出版社 [7] 任军战.计算机英语.外语教学与研究出版社
[8] 王彬华.中文flash MX2004范例精粹[M].电子科技大学出版社 [9] 朱学亮.多媒体课件制作与实例[M].人民邮电出版社 [10] 余强.flash MX2004中文版实训教程[M].电子工业出版社 [11] 王明．速学速通.电子工业出版社，2009-04 [12] 李冬芸．Flash动画实例教程.电子工业出版社，2010-08
29
