湖南工程职业技术学院
HUNAN ENGINEERING POLYTECHNIC
毕业设计（论文）
设计（论文）题目：flash片头动画—分开旅行
信息工程系
二○一○年五月制
湖南工程职业技术学院毕业设计(论文)
摘 要
本设计是用FLASH CS3多媒体软件制作的一个简单的片头。FLASH是一个优秀的绘图与动画制作软件，通过文字、图片等动画制作和关键帧的使用做出令人心动的动画效果。因此本毕业设计课题将主要以FLASH动画制作过程可能用到的各种技术特效为设计方向，本设计主要介绍了Flash的动画优势以及发展优势，以及我制作这个动画的过程，包括准备工作，制作动画的过程以及截图。
关键词：flash片头动画 ，创意
I
湖南工程职业技术学院毕业设计(论文)
目 录
前 言
第一章 介绍FLASH
1.1 FLASH简介?????????????????????????2
1.2 FLASH技术动画特点?????????????????????3
1.3 FLASH动画优势???????????????????????4
1.4 FLASH应用及发展??????????????????????5
第二章 关于本设计
2.1选材及准备工作???????????????????????6
2.2制作思路??????????????????????????7
2.3制作流程??????????????????????????8
2.4制作中需注意的地方?????????????????????9
2.5FLASH动画设计的三大基本功能????????????????10
2.6制作中遇到的问题以及解决的方法.............................11
第三章 音频制作
3.1音频的导入及制作 ?????????????????????12 综合总结
参考文献
致谢
II
湖南工程职业技术学院毕业设计(论文)
前 言
FLASH是由美国Macromedia公司出品的用于矢量图编辑和动画创作的专业软件。FLASH软件主要用于动画制作，使用该软件可以制作网页交互式动画，还可以将一个较大的交互动画。
FLASH还被广泛用于多媒体领域，如交互式软件开发、产品展示等多个方面。随着FLASH的 广泛使用，出现了许多完全使用FLASH制作的多媒体作品。由于FLASH具有支持交互、文件体积小、效果棒等特效，并且不需要媒体播放器之类软件的支持，因此这样的多媒体作品取得了很好的效果，应用范围不断扩大。
FLASH是一个优秀的矢量绘图与动画制作软件，它秉承了矢量绘图软件的所有优点，能制作出声色俱佳的动画效果。强大的动画编辑功能能使得设计者可以随心所欲地设计出高品质的动画，图片的特别处理，使FLSAH具有更大的设计空间。
本设计主要是用FLASH CS3多媒体制作软件制作的一个简单的片头，其主要有两部分组成，即动画和音频两部分。利用这种多媒体软件来制作片头，用FLASH软件做出的动画作品，其最大的特点是它能够把一些矢量图、位图和歌词、文字做成交互性很强的动画，不仅具有视觉和听觉的双重感受，使其更具有趣味性和创造性。
- 3 -
湖南工程职业技术学院毕业设计(论文)
第一章 介绍FLASH
1.1 FLASH简介
FLASH是美国的公MACROMEDIA司于19xx年6月推出的优秀音乐，声效，动画 以及富有新意的界面融合在一起，以制作出高品质的网页，只从19xx年5月MACROMEDIA司发布了FLASH，一道闪电术交流团体，目前已有很多人会使用FLASH这个软件了，而且还会有越来越多.FLASH是采用矢量图形和流式播放技术进行二维动画编辑.FLASH能够很好的支持声音，并且有交互功能，简单易学，可以很方面实现一些网上传播的动画。FLASH是目前网络动画的事实标准，其文件短小，播放效果好，用于教学课件，互动游戏等方面。
1.2 FLASH技术动画特点
1、使用矢量图形和流式播放技术使得动画出现许多令人心动炫目多彩的效果，用在网页设计中迅速传播，使得在打开网页中得以在很短的时间里就可以播放。
2、 把音乐，动画，声效，交互方式融合在一起，并支持音乐的MP3格式，再加上动画编辑强大的功能，使得FLASH设计者具有更大的设计自由度。
3、 使用关键帧和普通帧的结合，将动画连贯起来，表现出复杂和灵活的动作。
4、 FLASH受网络资源的制约比较小。
5、 FLASH动画具有交互性优势，更好的满足大众的需求。
6、 只需要掌握一些特定的软件就可称为一个FLASH制作者，全新的FLASH动画使得FLASH变得非常简单。
7、 FLASH动画可以放在网上供人欣赏和下载，有着得天独厚的优势在网上广泛传播，有着可比拟的传播性。
8、 虽然现在的动画还是比较粗糙、简陋，但FLASH作品不可否认的成为了一种新时代的艺术表现形式。
9、 用FLASH制作大大降低了制作成本，减少了制作费用，也提高了制作速率。
10、 FLASH制作的动画可以同时在网络和电视台播出，实现一片两播。
1.3 FLASH动画优势
FLASH动画像通常我们看到的广告片段一样，它可以通过文字、图片、录像、声音等综合手段形象的体现一个意图。一般利用它来制作公司形象、产品宣传等片段，可以达到非常好的效果。FLASH动画是一种矢量动画格式，具有体积小、兼容性好、
- 4 -
湖南工程职业技术学院毕业设计(论文)
直观动感、互动性强大、支持MP3音乐等诸多优点，是当今流行的WEB页面的动画格式。
FLASH是目前最好的网络多媒体动画，强烈的视觉冲击力可以给浏览者留下深刻的印象，具有绝佳的宣传效果，全力打造企业形象。无论是设计动画图形还是构建数据驱动的应用程序，FLASH都可提供在多种平台和设备上制作出最佳的效果和提供最完美的用户体验所需的工具。
FLASH技术在现代网页中的运用已经越来越广泛，为企事业单位在网上进行产品推广也起到重要作用。
1.4 FLASH的应用及发展
FLASH技术正在不断推陈出新，继续席卷网页设计、网络广告之后，电影、电视、卡通、声乐将下一步引领舞台。FLASH从网络走向电影、电视、卡通、声乐，推动了传统媒体和互联网媒体的融合。网页设计者开始利用网络技术为商业、音乐电视和电视节目做设计。其中就有李安得“卧虎藏龙”。在中国的电视广告领域，很多在黄金时段播出的电视广告宣传片就是用FLASH这种方式节省时间及费用。它被称为是“最为灵活的前台”，还可应用在：
1、 应用程序
2、 操作系统界面
3、 手机领域的开发
4、 游戏开发
5、 WEB应用服务
6、 站点建设
7、 多媒体娱乐
- 5 -
湖南工程职业技术学院毕业设计(论文)
第二章 关于本设计
在本设计中，利用了FLASH CS3的动画技术将自己毕业时的一丝惜别的感伤和对未来的鼓励和期待通过配合一首节奏音乐设计出不同的感官效果与场景合二一，已达到视觉、听觉合一的动画效果。该制作分为素材的准备、元件制作、动画编辑几个部分。
2.1选材及准备工作
前期准备工作是一部完整FLASH动画的起步阶段，前期准备充分尤为重要，往往需要设计者就剧本故事、剧本结构、风格、人物、音乐等一系列问题进行反复的探讨和商榷。首先要有一部构思完整的、有出色文字的剧本，接着需要根据剧本设计主场景和人物。尽可能达到音乐与画面上的动作节奏和谐、统一。
选材方面：身为一名即将离开校园步入社会的大学生，或多或少的会有些许情感与思想的触动；对昔日校园惜别的感伤、对未来的期盼、对即将面对事物的迷茫等，因此，我便选择了这样一个主题。结合着现实中的许许多多情境构造了这样一个FLASH片头，片中一个背着书包的男孩沉默着、包括那一行行醒目的大字，无一不透露着那一些些复杂的心情。而后面的翅膀则表达了没好愿望的寄托，希望大家可以张开翅膀，勇敢的向理想迈进！根据自己的心情，通过不同场景的特效来谱写最真诚的剧本。
素材准备：素材准备是非常重要也是非常困难庞大的一块，用FLASH是远远不够的，还需要用到photoshop和音频处理等软件。整个场景采用灰色为主要场景，表达了一种莫名的感触，因此背景的构成也是相当有深意的。人物是不可或缺的，这才要用到矢量图形。对于FLASH里每一个细节的地方都要特别小心的处理，做一些小修饰。如炫目的灯光效果、线条的均匀移动搭配。
制作：制作时，首先要编写好完成的剧本。以便确定人物及场景和作品所要表达的意思。剧本要多修改，多审稿；最后进行稍加修饰最后调整。接下来是背景和道具的运用，它往往是整个故事发生过程中最具实验性的部分，是为整个动画探索新外观和思想时刻。
2.2制作思路
FLASH制作过程是很灵活的，想如何去实现就通过自己的思考来实现，只要不违背客观规律就可以。所以怎样才能衔接好更多的镜头也是需要考虑的问题，也采用了循序渐进的方式，抓住那几个一瞬间突出主题。开始制作时，可以建立多个文件夹，把每个素材逐一放进去，取好相应名字，然后就可以根据制作步骤和内容来找到所需的图片了。
- 6 -
湖南工程职业技术学院毕业设计(论文)
2.3制作流程
一、首先我是以当我们离开校园，我们心中有一丝丝的伤感，记忆的浪花在脑海中翻滚，张开翅膀，让梦飞翔的思路展开画面。
二、第一个场景
文件主要以灰色调来衬托离别的伤感，画面也主要是以当字做动画，主要是以遮罩的方法来做动画，先画好当子的下外框，用黑色流线填满并外溢，再用遮住并显示的原理制作动画，让看起来像像流线经过内框的感觉，如图
其他文字与图片都是以简单的补间动画做成的，红线是淡入淡出的方法。
三、第二个场景
在这个场景中我不在把字当做主要动画对象，而是用边缘的红色线条编织轮廓，来突出美好的回忆不断，并用红色来突出伤感之情，制作方法也主要是用遮罩，现在外面画好轮廓，在用同样的原理制作出此效果，记字的一点也主要是用关键帧和空白关键帧想交错而弄成
四、第三个场景
- 7 -
湖南工程职业技术学院毕业设计(论文)
以翅膀来寓
图层关键帧的原理，如图：
一个个显示并逐渐向上张开，有寓意要一步一步张开翅膀，突出重围翱翔天空之意，张这个大字是用淡入淡出的方法。
五、第四个场景
这个主要是运用简单的线性移动，这句话主要是来源于我刚出去找工作，因为遇到了一些困难，朋友为了鼓励我而跟我说的，现在我就是用这句话来激励自己，也希望同学能冲出重围，顺利高飞。
五、音频插入
1）先确定音频是否符合导入条件，在音频文件上单击鼠标右键选择“属性” ，查看“位数”是否等于或者低于128kbps;
2）单击“文件/导入”菜单命令，选择“导入到库”，将音频导入到FLASH中；
3）在声音中选择所插入的文件名；
- 8 - 意希望同学们可以在接下来的路程中可以展翅翱翔!先画好翅膀的形状，在转换成元件，分六个图层，翅膀主要是用
湖南工程职业技术学院毕业设计(论文)
4）在声音的最后次插入关键帧，选择动作，停止所有音乐；
四、将绘制的所需的图形转换成为元件；
五、为达到炫目多彩的效果，创建影片剪辑元件，制作出逐帧动画，利用每帧之间的的颜色，形状在视觉上产生闪烁的效果，欲使影片剪辑只播放一次在每个影片剪辑的最后一幀加上一个stop代码。
六、在本设计中主要应用幀动画、自动动画。在这里主要介绍制作幀并幀动画的制作方法，自动动画有FLASH按指定的模式完成，常见的自动动画有：直线移动、按照一定的路径移动，物体变形等。
1、基本方在FLASH软件中，制作动画主要是对帧动画行处理。对帧的处理在时间轴窗口中进行， 时间轴窗口中的数字标尺表示帧号，帧号下方的方格表示每一帧。时间轴窗口的底部有一组按钮和显示信息，用于控制播放状态和显示当前帧、幀速率和时间。
动画中的帧有关键帧和普通帧之分。关键帧用于表现动作的转折、关键动作的位置以及首、尾帧。在时间轴窗口中，关建幀的方格内有“·”标记。那普通镇则和关键帧之间的动画连贯起来，主要用于动作的连续发展。在时间轴窗口中，普通幀没有任何标记。在时间轴窗口，可以对幀进行删除、插入和其他操作。用鼠标右键单击某一帧，显示功能菜单，在菜单中选择需要功能，例如插入帧、移除帧、插入关键帧、删除关键帧等。在制作逐帧动画时，他的每一帧都是关键帧，画面的绘制工作量会很大，但可以表现出非常复杂而灵活的动作。
七、绘制按钮
1、绘制图形
弹起 指针经过 按下 点击
2、添加文字
九、选择相应的代码图层添加代码脚本
a、右键单击PLAY按钮选择“动作”；
b、确定左上角显示“动作—按钮”后，单击右边的“脚本助手”进入脚本助手编辑状态；
c、选择左边列表的“全局函数”—“时间轴控制”，然后双击“PLAY”后关闭窗口；
d、Ctrl+Enter测试效果。
- 9 -
湖南工程职业技术学院毕业设计(论文)
八、保存动画
FLASH动画在保存时，可以选择许多种文件格式，默认的格式是fla，该格式的动画可以被重复编辑，根据各人需求和场合的不同，亦可选择其他的格式等进行保存。
在本设计中，最终保存为.swf格式，选择文件导出影片，再选择保存路径指定保存类型。
2.4制作中应注意的地方
1、导入图片最好是.jpg格式的，这样容量不会太大，声音格式也应为.mp3的。导入到库的素材，没有用到的点击选择未使用项目，进行删除，再保存就好了。
2、尽量多使用变形的动画，少使用帧动画，关键帧越多，文件体积便会更大。
3、在使用矢量图形的时候，也尽量不要把它打散，这同样会增加文件的体积。
4、多多使用和发现flash中的设计工具，它是技术与艺术的结合，不仅技术上会有大的提高，还增加自己的美术功底。
5、制作光纤变换的效果，主要利用不同帧的颜色变化。
6、为使场景中的各个元素的连贯，要特别注意帧与帧的链接。
7、了解时间轴和影片剪辑的含义是很重要的。我们称FLASH影片也可以称为一个影片剪辑。每个影片都有一个主要的时间轴，每个影片剪辑都有自己的带有独立时间轴动作的时间轴。
8、flash讲究的是动画的创意关，真正的难点不在于技术方面，而在于选题和创意。
2.5 FLASH动画设计的三大基本功能
Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩，这是三个紧密相连的逻辑功能，而且是自Flash诞生以来就存在。
1、绘图和编辑图形
绘图和编辑图形不但是创作Flash最基本的技术，而且更是flash制作动画的一大独特特色，图绘制好了，制作就更加顺利了，而且更增强了一个人的创作能力。在绘图过程中，我们更加要学习那些工具是如何使用的，不仅要知道，而且要熟练使用。
- 10 -
湖南工程职业技术学院毕业设计(论文)
2、补间动画
补间动画是整个Flash动画设计的核心，学习Flash动画设计，最主要就是学习补间动画。无论是将对象移动到一个新位置，还是改变对象的亮度，或是增加对象的大小，补间都是创建动画最快捷最实用的方法。可以在第一帧的位置设置对象及其属性，在结束帧中设置最终的属性，然后应用补间在二者之间创建所有步骤。
3、遮罩
遮罩是Flash动画中所不可缺少的，使用遮罩配合补间动画，就可以创建更丰富多彩的动画了。遮罩的原理非常简单，其实现的方式也多种多样。遮罩就像一个窗口，透过它可以看到下面的对象。也就是说，透过遮罩，遮罩层下图层上的任何内容都是可见的，即只要不在遮罩区内，任何内容都是不可见的。在Flash中，遮罩项目可以是一个填充形状、类型对象、图形元件实例或是影片剪辑。也可以将多个图层在一个遮罩下产生复杂的效果。本设计就是利用遮罩原理，对主题做了一个总结性概括，线条醒目，能吸引人眼球。这样可以使自己从容创作出好的动画。
4、Flash其实就是“遮罩+补间动画+逐帧动画”与元件的结合，通过不同组合，从而创建千变万化的效果。
2.6制作中遇到的问题以及解决方法
在做当子中间一横的动画效果时要做中间一横申出，这样不能将这一笔的中间封闭，但这样牵涉到不能填充颜色的问题，后来就直接用刷子工具天上颜色。
- 11 -
湖南工程职业技术学院毕业设计(论文)
第三章 音频制作
3.1 音频的导入及制作
其目的就是将其导入到歌曲放置到时间轴上并播放；
制作过程：
一、将声音导入到库中
单击【文件】—【导入】菜单命令，打开“导入”对话框，选择要导入的声音文件，从中选取想要导入的声音文件后，单击【打开】按钮。
导入的声音会自动加载到库中。
二、画添加声音
1、【插入】—【图层】，在时间轴中为声音加入一个新的图层，以放置声音。
2、选择一个图层名双击，改名为“音频”便于管理。
3、选择“音频”图层，将声音直接推动道场景中。插入关键帧，这是可以看到声音波形图。
三、设置声音同步
1、单击声音所在的图层关键词。
2、“属性”面板的“同步”中设置声音播放的方式
3、最后在“循环”文本框中输入声音循环的次数。
- 12 -
湖南工程职业技术学院毕业设计(论文)
综合总结
这次的毕业设计完成的是简单但意义深刻的片头动画，整个动画是根据自己的亲身体会和感觉所完成的创作。在作品中对于有些方面把握的不是很到位，但都是我非常认真的去完成的。在此期间，我也体会到了绘图及制作的难度和其中的妙处，意识到Flash是一种强大的画图的工具。虽然此次的设计不是什么经典之作，里面还有很多欠缺的地方，但它代表了我对Flash的一个新的认知态度。
通过完成此次毕业设计，我对Flash软件有了更深一步的了解，开拓了视野，加深了认识，使我知道Flash不但可以给人以视觉上的全新享受，还可以人以听觉上的美感。
Flash是需要不断地深化学习的一种功能强大的动画创作工具，今后我一定注意培养自己的审美观，不断加强创新意识。才能在实践中不断探索和总结，激发自己的想象力和创意，提高创作水平，制作出更加优秀的作品。
- 13 -
湖南工程职业技术学院毕业设计(论文)
参考文献
1、 Adobe公司 冯晓艳 《Adobe Flash CS3》 人民邮电出版社
2、 曾晨曦 陈静 《FLASH CS3 动画制作实训》 湖南工程职业技术学校
- 14 -
湖南工程职业技术学院毕业设计(论文)
致谢
大学的三年学习时光已经接近尾声，在此我想对我的母校，我的父母、亲人们，我的老师和同学们表达我由衷的谢意。感谢我的家人对我大学三年学习的默默支持；感谢我的母校工程职院给了我在大学三年深造的机会，让我能继续学习和提高；感谢工程职院的老师和同学三年来的关心和鼓励。老师们的谆谆教诲，同学们在学习上的认真热情，生活上的热心主动，所有这些让我的三年都充满了感动。
这次毕业论文设计我得到了很多老师和同学的帮助。每次遇到难题，都会向老师请教，老师不管忙或闲总会抽空来帮助我，然后一起商量解决的办法。我做毕业设计的每个阶段，从选题到查阅资料，论文提纲的确定直到后期的修改中都给予了我悉心的指导。在此谨向老师们致以诚挚的谢意和崇高的敬意。同时，本篇论文也得到了寝室同学的热情帮助。感谢在整个毕业设计期间和我密切合作的同学，和曾经在各个方面给予过我帮助的伙伴们，在此，我再一次真诚的向帮助过我的老师和同学表示感谢！
- 15 -