bad day mv

毕业论文

题目：Flash音乐动画的设计与制作

姓名：韩文华

系别：信息工程系

年级：08级

专业班级：08计应一班

指导教师：刘志兰

摘 要

Flash是美国的Macromedia公司推出的优秀软件。它是一种交互式动画设计

工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出

高品质的动态效果。Flash使用矢量图形和流式播放技术。与位图图形不同的是，

矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边

播放边下载，从而缓解了网页浏览者焦急等待的情绪。使所出作品最大程度支持

网络传输。

作为一种全新的流行艺术和文化表现形式，Flash已对互联网、大众艺术和

文化生活构成了前所未有的冲击，演绎成一场席卷网络和年轻一代的风暴，并且

有愈演愈烈之趋势，这不能不引起人们的关注。利用Flash动画表达自己个性张

扬的创意，抒发自己另类的情感。它进一步体现了网络交互性，让个人情绪得到

图形化的宣泄。许多Flash作品有情节、有故事、有人物，加上音乐和对白，完

全具备了MTV或动画电影的种种要素。同样一首歌曲，在广播里听，无形无影，

在电视上看，不过是真人的几个镜头切换，但制作成Flash效果则大不一样了。

Flash文化迎合了青年人彰显个性的心理需要,暗合了青年人的逆反心理。这种文化可以

概括为，整洁文雅，聪明敏锐，幽默有趣，认真塌实，醉心于技术，沉静而专注。

在这次的毕业设计中，我使用Flash8制作一部FlashMTV，经过我的深入探讨，决定

用歌曲《幸福万年长》作为MTV的背景音乐。因为这是一首积极乐观的歌曲，勉励着我们，

该歌曲的意境是积极面对一切，不要因一时的挫折而放弃。

关键字:FLASH动画时间轴

目录

摘 要．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．２

第一章 引言．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．４

第二章 开发工具介绍．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．５

２．１ Ｆｌａｓｈ介绍．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．５

２．２ Ｆｌａｓｈ发展趋势．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．５

２．３ Ｆｌａｓｈ特点．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．６

第三章 Ｆｌａｓｈ动画制作基础．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．７

３．１ 动画的基本理论．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．７

３．２ Ｆｌａｓｈ ８．０的工作环境．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．７

第四章 音乐ｆｌａｓｈ的制作过程．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．９

４．１ 作品介绍．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．９

４．２ ＭＴＶ制作过程．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．１１

第五章 总结与展望．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．１６

参考文献．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．１７

致谢．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．１８

第一章 引言

本毕业设计使用Flash制作了一个音乐动画，即FlashMTV。Flash是当今Internet上最

流行动画作品的制作工具，是美国Macromedia公司所设计的一种二维动画软件。通常包括

MacromediaFlash，用于设计和编辑Flash文档，以及MacromediaFlashPlayer，用于播放Flash

文档。Flash特别适用于创建通过Internet提供的内容。现在很多网站很流行FLASHMTV，

它就是利用FLASH软件制作出来的MTV，因其具有动画的特点，又配有歌曲，文件较小，

上传下载快，在网络上深受人们的喜爱和欢迎。作为毕业设计，我们使用Flash工具，为歌

曲BadDay制作了一部MTV。该歌曲来源于该歌曲是来自加拿大歌手DanielPowter的创作

单曲。

在这个FlashMTV作品中，本人主要完成了以下任务：

1.主题与风格的确立

本作品主要的设计风格统一，富有动感，色彩好与整个FLASHMTV色彩统一，取红

色底，其它以风景色为主，突出自然，清新的气氛。颜色调配设计，色彩是树立Flash形象

的关键之一，淡色与红色相配，表现出明朗、清爽与洁净，因为此作品所体现的是乐观向上

的精神。所以在选择主色调以及颜色时，格外注意了这一点。底色基于简洁的原则，选择红

色，且能避免有大面积色块出现。

2.搜集素材

这首歌曲表达的是一种积极向上，乐观面对问题的态度。所以，本人搜索的不是东一张

西一张零零碎碎的图片。而是一系列，以清新，阳光为风格主题的图片。并用PhotoShop加

以稍微的修改。以承托歌曲《幸福万年长》所表达的意境。

3．MTV制作

通过对图片的插入，旋转，变换位置，拉伸，创建补间动画等方式进行FlashMTV编

辑与制作。

第二章 开发工具介绍

２．１ Ｆｌａｓｈ介绍

Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和

其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程

序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，

即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包

含丰富媒体的Flash应用程序。

Flash特别适用于创建通过Internet提供的内容，因为它的文件非常小。Flash是通过

广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，

因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的

每个像素都需要一组单独的数据来表示。

２．２ Ｆｌａｓｈ发展趋势

Flash被称为是“最为灵活的前台”，由于其独特的时间片段分割（TimeLine）和重组（MC

嵌套）技术，结合ActionScitp的对象和流程控制，使得在灵活的界面设计和动画设计成为

可能，同时它也是最为小巧的前台。Flash具有跨平台的特性（这点和Java一样），所以无

论你处于处于何种平台，只要你安装了支持的FlashPlayer，就可以保证它们的最终显示效

果的一致，而不必像在以前的网页设计中那样为IE或NetSpace各设计一个版本。同Java

一样，它有很强的可移植性。最新的Flash还具有的手机支持功能，可以让用户为自己的手

机设计喜爱的功能。当然首先必需要有支持Flash的手机，同时它还可以应用于PocketPC。

主要涉及到的领域可以很多，包括动画游戏制作，网络构件，广告设计，工控界面等等

主要特点是制作简单，通用性比较大，涉及的领域多，制作出的东西效果都可以做到非常精

致。论前景的话，目前中国广大flash爱好者主要把精力集中在了网页的导航栏，flash全站，

游戏制作，动画制作等等上面比较多，其实国外已经很多地方用到了工业，生产等各个方面，

因为flash的自由性非常高，往往可以把界面，按狃等制作的非常动感，这也是大家有目共

睹的，所以flash的前景是只有想不到，没有做不到的。

２．３ Ｆｌａｓｈ特点

Flash具体有如下特点：

1.使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸

而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦

急等待的情绪。

2.通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件

已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小

巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。

3.把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动

画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash4.0的

版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的‘身材’。

4.强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过

ACTION和FSCOMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与

当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常

方便。

第三章 Ｆｌａｓｈ动画制作基础

３．１ 动画的基本理论

在学习动画设计之前．首先要解决一个向题，也就是动画到底是什么？事实上，一系列

静态的画面连续快速播放就构成了动画。动画与电影一样都是利用人眼的视觉暂留来产生动

态的感觉。在Flash中通常把动画叫做电影(movies)，二者的概念是相似的，也就不作区分

了。

动画中每一张静态的画面被称为“帧”(Frame)。动画播放的速率正是由每秒播放多少帧

来决定的，也就是fps(FramePerSecond帧／秒）。在计算机上常见的动画速率一般使用8-12

帧／秒，尤其在网络上播放的动画更不要把帧速设定得太高。如果设得太高，会造成网络频

率来不及配合输送足够的影音数据，电影的播放将时断时续。Flash动画是许多帧按顺序排

列而成的。Flash利用了计算机强大的计算功能，采用了一种叫做“关键帧”(keyframe）的技

术，大大减少了动画设计的工作量。

所谓关键帧也就是该影帧中的内容与先前影帧中的有很大的区别，因而它呈现出关键性

的动作及内容的变化。比如，在某一帧以前没有任何物体，而到了这一帧，动画中突然出现

了A物体，就应该把这一帧指定为关键帧。如果设计中要求用10帧来表现A物体从出现的

地方挪到另一处地方的过程，就需要再在第10帧后加入一个关键帧，指示它最后所在的位

置，中间的帧相对于关键帧来说就是普通的帧，通过很简单的操作就可以让计算机利用内插

法自动计算得出各影帧中的内容，而无需一笔一笔地把它们逐一画出来。

３．２ Ｆｌａｓｈ ８．０的工作环境

1、工作区域

工作区域就是Flash的工作平台，它是一个比较大的区域，实际上涵盖了下面要说的舞

台以及画图和编辑动画的工作对象，可以把它看作是后台和舞台的结合。

2、舞台

舞台是Flash动画中各个元素的表演平台，舞台将显示当前选择的帧的内容。与工作

区域不同的是：动画发布后只有在舞台上的内容才能被看到，而舞台之外的工作区域中的内

容就如同在后台的演员和工作人员一样不会被观众看见。

3、场景

就像戏剧可以有几幕一样，舞台上也可以放下几个场景。注意在舞台的右上部分，有

两个小按钮，其中的第一个就是场景切换的按钮。可以通过不同的场景之间的交互性，来创

作出非常复杂的动画。

4、时间轴窗口

时间轴窗口用于对Flash的两个基本元素层和帧进行操作。在系统缺省设置下，时间轴

窗口以编辑栏的形式出现在舞台的上面，紧靠上边框。使用者可以根据需要或爱好，用鼠标

拖动该编辑栏到Flash界面的其它位置，甚至将其拖出边框，使之成为可自由移动的浮动窗

口。时间轴控制窗口分为左右两个区域，它们分别是层控制区和时间轴控制区。

Flash的层与Photoshop中的层的概念是差不多的，它们都是透明的，只不过在Photoshop

中是指图层，而在Flash中是指动画层。使用层可以设定动画中各元素的上下叠放次序。层

控制区位于时间轴窗口的左边，是进行层显示和操作的主要区域，由几个层功能操作示意列

和按钮组成。当前舞台中正在编辑作品的所有层的名称、类型、状态都会按照层的放置顺序

排列在层示意列中。在层控制区中，不但可以显示当前作品的层及所属信息，还可以对某一

个或部分层进行操作，如新增层、删除层、改变层的放置顺序等。有关层的操作请参见层的

操作。这里要提醒大家的是，层的使用不会增加文件的规模，相反，合理地使用层可以在设

计时使各个层层次清晰且易于编辑，所以最好在初学的时候就养成使用层的习惯。

时间轴窗口的右半部分是时间轴控制区域，该区域主要由若干行与左边层示意列对应的

帧序列、示意列、时间轴标尺、信息提示栏以及一些用于控制动画显示和操作的工具按钮组

成。它用于对各帧的播放和放置进行有效的控制。利用时间轴窗口安排好素材的空间位置和

时间位置能够制作出比较好的动画效果。

7

第四章 音乐ｆｌａｓｈ的制作过程

４．１ 作品介绍

本人完成的FlashMTV作品中的歌曲BadDay属于来自加拿大歌手DanielPowter的创

作单曲，很像几米的作品《向左走，向右作》，《向左走，向右走》是都市里的故事，一本几

米献给那些注定相遇的人的书。

图4-1几米作品《向左走，向右走》

歌曲描述的是一对素不相识的男女，在各自生活里或郁闷或孤独。他和她住在同一个

城市的同一幢公寓楼里。只是每次出门，习惯早半小时起床的她，习惯晚半小时起床的他，

永不碰头。他们走过同一条街道，他们搭同一个方向的列车去上班，他们在同一个公园同一

个位置吃着午餐，然后又搭着同样列车回家，同样的寂寞。他始终向左走，她始终向右走。

他们始终也没有相逢，就像这城市里的很多人一样。

作为MV的核心当然是她和他在不同的时间，在同一块广告牌上的涂鸦延续彼此心情

的那一段。

以下是部分歌词：

Sometimesthesystemgoesonthebrink

Andthewholethingturnsoutwrong

Youmightnotmakeitbackandyouknow

Thatyoucouldbewellohthatstrong

AndI'mnotwrong

有些时候我们会卡在生活的瓶颈里

然后一些事情朝着错误的方向进展

1

你知道这是无法避免的

但是你可以变得更加坚强

相信我，没错的

Sowhereisthepassionwhenyouneeditthemost

OhyouandI

Youkickuptheleavesandthemagicislost

Cauyouhadabadday

You'retakingonedown

Yousingasadsongjusttoturnitaround

Yousayyoudon'tknow

Youtellmedon'tlie

Youworkatasmileandyougoforaride

当生命需要动力的时候动力在哪里

你踢了踢地上的树叶世界仿佛失去了活力

因为你运气很糟所以你才会诸事不顺

你重复的唱着一首伤感的歌曲希望会好一点

你说你不明白

你要我诚实的告诉你

你勉强的笑了笑然后去散心

Youhadabadday

You'veenwhatyoulike

Andhowdoesitfeelforonemoretime

Youhadabadday

Youhadabadday

你度过了倒霉的一天

你会看见你所想要的

如果再次遇到困难你将会有勇气去挑战

因为这只是一时的不顺遂

一切都将雨过天晴

４．２ ＭＴＶ制作过程

1、图片的插入

1）将所需要的图片全部导入到库里面，如图（4-2）

图4-2

2）新建一个图层，更改图片名称为“0”，如图4-3

图4-3

3)插入一个空白帧，如图（4-4）

图4-4

4）打开库，选择需要的素材，拖向舞台需要的位置，如图（4-5）

图4-5

2、图片的缩放和变形,创建补间动画

1）新建一个图层“1”，插入一个空白关键帧，插入所需的素材图片，在此帧的40帧后插入

帧，把图片拉成所需的大小，创建补间动画，如图（4-6）、图（4-7）所示。

图4-6

图4-7

2）图片的旋转和变形,单击图片,将其选中,在工具箱中选择变形工具。图片上出现变形框，

将鼠标指针放在角点上，会出现圆形箭头图标，按住鼠标拉动，看到图片被旋转了。如图

（4-8）

图4-8

3、Flash按钮的制作

创建按钮,命名为‘播放影片’，放在影片开头。

图4-9

捆绑以下代码：

图4-10

创建按钮，命名为‘重新播放’，放在影片结尾

图4-11

捆绑以下代码

图4-12

第五章 总结与展望

一直以来，flash对我来说是一个新奇的东西，每次在网上和电视里看到别人做出来的

炫目多彩的flash作品，既羡慕又崇拜。终于有了这样一个机会，能够认真的去学习这长久

以来一直向往的flash，

首先，创意是制作一个flash的第一步，也可以说是最重要的一步。一个好的作品是要

有好的创意，要求新或者是在平淡中找到吸引人的地方。这是最难也可以说是最简单的一步，

因为有时苦苦地思索，却很难找到一个好的创意；有时候，无意之中，却有一些好的创意一

闪而过，得来全不费工夫。创意之后就应该是构思，也就是在大脑中想象怎样组织画面，每

个画面该有些什么内容，这些画面又该如何衔接起来，形成一个整体。

接下来就是制作。我觉得，最主要的是多练，光看书，到了真正用的时候，还是笨手笨

脚的。只有经过实践，才能有好的技术。说是这样，可是我也没有练很多，我的这个作品，

也可是说是用来练手的吧，技术不够熟练，所以做的挺粗糙的，很多细节都没有做好。虽然

技术是我现在制作flash的最大难点，但我还是认为，这并不是最重要的一步，创意和构思

才是最重要的，是一个flash制作的灵魂。

通过这次毕业设计，我学到了很多东西。Flash的基本操作，三大基本功能之外的延伸

Flash动画的三大基本功能是一切Flash动画应用的基础。但现在Flash已经是一个非常强大

的平台，他是一个富媒体环境。在Flash4时他加入了MP3声音的支持，Flash3及以前的版

本对音频支持是很匮乏的，从那个时候起你可以设计多媒体的Flash动画了。在Flash6时

他加入了视频的支持，Flash5及以前的版本不支持视频（不包括链接的Quicktime），这时，

你可以嵌入视频，也可以播放外部的Flv格式的视频。甚至，你还可以捕做到来自麦克风和

摄像头的实时音频和视频。虽然Flash4以前的版本中也有简洁的脚本代码，但应该不算有

严格意义上的Actionscript，充其量只能算是Action，因为他仅有简单的几条语句，连加减

乘除运算符都没有。增强的图形处理功能目前Flash对位图的处理功能还比较弱，因为它最

初是从矢量处理起始的，加之矢量图形是FlashGUI设计之基石，所以估计还会沿着矢量处

理的道路继续前进。

其实我对FLASH动作代码方面的专业知识不太懂，在设计上所用到代码有很多都是最

简单常用的代码，在网上看FLASH大师的站点构思，设计想法，在每个涉及到的细节，我

都找了许多相关的资料，也许做的不够好，但今后我会努力！

参考文献

[1].黄冈于林主编，《MacromediaFlashMX标准教程》，北京希望电子出版社。

[2].黄汗兵主编，《Showgood创作宝典之FLASHMX教学课件与互动游戏》，人民邮电出

版社

[3].康昱《动画设计实训教程》，金版电子出版公司

[4].图灵.新编中文FLASHMX教程[M]上海：上海交通大学出版社

致谢

四月维夏，山有嘉卉。初春的绿城早已艳阳朝天，花满枝头，欣欣向荣。在这个美好的

季节里，我在电脑上敲出了最后一个字，心中涌现的不是想象已久的欢欣，却是难以言喻的

失落。是的，随着论文的终结，意味着我生命中最纯美的学生时代即将结束，尽管百般不舍，

这一天终究会在熙熙攘攘的喧嚣中决绝的来临。

三年寒窗，所收获的不仅仅是愈加丰厚的知识，更重要的是在阅读、实践中所培养的思

维方式、表达能力和广阔视野。很庆幸这些年来我遇到了许多恩师益友，无论在学习上、生

活上还是工作上都给予了我无私的帮助和热心的照顾，让我在诸多方面都有所成长。感恩之

情难以用语言量度，谨以最朴实的话语致以最崇高的敬意。

在本论文的写作过程中，我的老师倾注了大量的心血，从选题到开题报告，从写作提纲，

到一遍又一遍地指出每稿中的具体问题，严格把关，循循善诱，在此我表示衷心感谢。同时

我还要感谢在我学习期间给我极大关心和支持的各位老师以及关心我的同学和朋友。写作毕

业论文是一次再系统学习的过程，毕业论文的完成，同样也意味着新的学习生活的开始。