(完整版)Flash动画毕业设计说明

Flash动画MTV（偏爱）
系部：
学生姓名：
指导教师：职称
专业：
班级：
完成时间：
摘要
伴随着计算机网络的发展，Flash动画也有了新的飞跃，也越来越被网络爱好者青睐了，flash把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把flash作为课件动画设计的主要工具，并且创作出了许多令人叹为观止的动画课件(电影)效果。

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

所以Flash MTV作品中，音乐是比不可少的，音乐不仅可以给观众声音的震撼，还能进一步表现作品的内涵。

根据个人的需要和爱好的歌曲，最好是有歌词信息的，这样便于作品的歌词制作。

如果个人有演唱功底，可以用录音软件把自己一演唱的声音录制下来，这样边听自己的演唱变欣赏自己的作品，别有一番情趣。

Flash 8.0 的出现更是使Flash在面向对象开发方面达到了一个前所未有的令人唏嘘的高度。

类、包、继承、封装、丰富的组件、项目管理、版本控制，这些以往只能在专业的面向对象的应用程序集成快速开发环境中才能见到的东西已经统统的在Flash中得到了贯彻。

本文介绍了Flash动画制作中最基础的知识以及在flash 8.0软件环境下制作FLASH的应用方法，并通过制作FLASH动画《喜欢》的MTV向大家展示出FLASH动画的特色。

关键字: FLASH软件；Premiere Pro软件； After Effects软件；歌曲；
动画；场景。

目录
1概述..................................................................
1.1 GoldWave简介.....................................................
1.2 Flash软件简介....................................................
2 剧本的设定 ............................................................
2.1 剧本内容.........................................................
2.2剧本设计 .........................................................
3 前期准备 ..............................................................
3.1背景音乐的制......................................................
3.2剧本素材的收集....................................................
4.MTV的制作.............................................................
4.1 背景音乐的导入...................................................
4.1.2流类型的音乐设置................................................
4.2歌词与音乐的同步..................................................
4.3动画设计制作 (1)
5.动画测试 (1)
5.1动画测试 (1)
5.2解决测试发现的问题 (1)
5.3测试结论 (1)
设计总结 (1)
参考文献 (1)
致谢 (2)
1概述
1.2 Flash软件简介
1.2.1 Flash现状
广告市场对商业插画的需求逐渐扩大，促进和刺激flash动画的多元化、商业化！网络动画的画面简陋、节奏冗长的缺点，逐渐被效果精美、节奏快速的插画和影视广告所影响；直至取代！
flash动画及市场发展分析:第一代注重技巧，第二代注重美术，第三带注重形式，第四代注重市场；只有适应市场、引导市场，第四代flash 动画才能在以后的发展中立足并立业。

传统动画和网络动画的对比:传统动画：注重动画节奏、故事内容、造型和背景，美术风格。

网络动画：注重创意形式、人文情感、叛逆和笑料、音乐和动效，制作手法：一个注重团队合作，一个注重个人风格。

第四代flash动画的职业特点:完备的专业技能、敏锐的商业意识、自由的宽松的工作环境、快乐富有的生活质量。

商业插画打造第四代flash 动画:在修养、沟通、理解、协作、技能五大方面进行完整训练，打造第四代flash动画！
1.2.2 Flash发展趋势
论前景的话，目前中国广大flash爱好者主要把精力集中在了网页的导航栏，flash全站，游戏制作，动画制作等等上面比较多，其实国外已经很多地方用到了工业，生产等各个方面，因为flash的自由性非常高，往往可以把界面，按钮等制作的非常动感，这也是大家有目共睹的，所以flash的前景是只有想不到，没有做不到的。

2 剧本的设定
2.1 剧本内容
在围绕彩铃《你喜欢我吗？》的前提下
在围绕《偏爱》这首歌的前提下，写了一对恋人在一个明媚的春天，由于一点点小小的误会女方提出分手，男生不同意，无奈女方去意已决，在离开之后，男生尾随去了，突然，一辆车子朝女孩飞奔而来，女孩没有注意到，被男生一把推开，而最后男孩为了救自己心爱的女孩不幸失去了自己的生命。

2.2剧本设计
在学习动画设计之前有必要对多媒体动画设计的步骤进行简单介绍。

可以不夸张地说，多媒体动画设计是个相当复杂的系统过程，尤其在作品比较大、比较重要的时候。

设计人员必须胜任整个过程，要先制订一个总体计划，否则设计工作必然是又费力气又费时间。

在学习动画设计的时候必须要先制订全盘计划再动手设计。

制作多媒体动画时，随着质量要求及内容的多少，所付出的精力和时间有所不同。

根据经验，制作多媒体动画的过程大体可分为三个阶段：第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。

第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。

在收集素材时应注意严格要求以保证质量。

第三阶段，用Flash将收集的素材集成并测试；在这个过程中应
不断地进行测试，对发现的问题及时加以修改以保证精心制作的多媒体动画问世。

制作多媒体动画时，如果有多人分工合作，要注意相互协调每个人的工作。

亲身体验制作过程，每一位参与者一定能够积累一些经验，对多媒体的制作有更深刻的体会。

首先，出来的是出现的是制作MTV的歌曲曲目，以及演唱者和作词、作曲者。

进入到舞台是MTV要出场的男、女主角的。

然后是通过通过人物的动作和对话来表达本体MTV的的基本思想动，首先，当男生在窗台看到自己的女朋友正朝着他的房子走来是心理是万分的高兴，但是但他的女朋友进门的第一句话就是“我们分手吧！”最后女朋友甩门而出，男友还是跟上来苦苦的哀求她给自己一个爱她的机会，但是女友像没有听到一样向前走，当走在人行道上是她好像无视一切存在的东西，一辆飞奔的中巴车无法停止前进的齿轮，男友看到自己心爱的女友在面临危险的时候不顾自己的生命去营救女友，在这幕爱与不爱、爱与生命做选择的时候他选择了牺牲自己挽留心爱的人。

他永远的离开了，离开了他在生命最后一刻所能为爱做出的最后的机会。

女友哭了，嘶哑的声音好像穿透了天空，也许他只是想让天上的他听到她的心痛，她后悔她之前的说过的话。

整个大地被鲜血染红了，泪与血交融了。

音乐与场景的呼应。

创造了一幅催人泪下的动画MTV。

3 前期准备
3.1背景音乐的制
3.1.1 编辑音乐的思路
第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。

第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。

在收集素材时应注意严格要求以保证质量。

3.1.2音乐的剪辑过程
（1）在Dold Wave中打开音乐文件，运行Dold Wave5.5软件，执行【文件】|【打开】命令，弹出的【打开声音文件】对话框，找到需要处理的音乐素材文件，单击【打开】按钮，如图3.1所示。

图3.1 Gold Wave 5.5的工作界面图3.2 【打开声音文件】对话框
音乐文件打开后，Dold Wave的工作界面发声了变化，工作界面中间是打开的“偏爱.mp3”编辑窗口，如图3.3所示。

图3.3 Goldwave编辑窗口
（2）截取需要上网声音文件。

单击【播放】按钮*音乐开始播放，试听过程中，造第一段开始时单击【暂停】按钮*，这里为我们要截取为音乐的起始位置。

在音乐编辑串口的起始位置单击一下鼠标左键选中，同时几下这段音乐的时间段为00:00:00，时间提示明细编辑在音乐编辑窗口最下端，如图所示。

起始位置选好后，单击【播放】按钮，听到第一段歌词结束播放时，再次单击【暂停】按钮，这里为截取音乐的终止位置，在音乐编辑窗口的终止位置右击，在贪吃ude快捷菜单中选择【设置结束标志】，同时几下这段音乐的时间段为00:01:37，选择的音乐在音乐【编辑窗口】中高亮显示，如图3.4所示
图3.4 设置音乐的开始标记图3.5 选取音乐段
此时，可以再反复单击【播放】按钮，试听选择的音乐段是否精确，根据试听的效果，可以用鼠标拖动起始位置和终止位置，知道符合要求为止。

最后执行【编辑】|【复制】命令，在执行【编辑】|【粘贴为新文件】命。

令，这样就把截取的音乐段复制到了一个新建的声音文档中了。

（3）编辑声音效果。

通过上面的截取过程，我们得到了整体音乐的部分音乐。

为了实现一些特殊效果，我们还可以根据需要对整段音乐的部分音乐进行声音效果的编辑，不如添加回升、混响、淡入、淡出效果等。

按照前面的方法，剪裁出要添加音效的部分，执行【效果】|【回声】命令，弹出【Echo】（回声）对话框。

可以根据需要，在该对话框中进行调试和试听，如图3.6所示
图3.6 【Echo】回声对话框
3.2剧本素材的收集
网上下载好矢量图片，在软件Iullstrate中，进行编辑，将剧本中所需要的素材都单独保存起来。

这些素材主要包括剧中人物，公路，房子……
4.MTV的制作
4.1 背景音乐的导入
上节把选好的音乐导入到Flash中，这是一首MP3格式的音乐文件偏爱.mp3
4.1.1音乐的导入
（！）创建音乐图层。

新建Flash文档，在【属性】面板中设置【背景】为蓝色。

将【图层1】重新命名为“音乐”，音乐“偏爱.mp3”将放置在该图层上。

图4.1 【库】面板中的音乐图4.2 选择音乐
（2）将音乐导入到Flash中。

执行【文件】|【导入】|【导入倒库】命令，弹出【导入到库】对话框，在该对话框中选择要导入的声音“偏爱.mp3”，单击【打开】按钮，将声音导入到【库】中，如图4.1所示。

（3）将音乐文件导入到场景中，选择【音乐】图层的第一帧，在属性面板中打开【声音】下拉菜单，选择刚导入的“偏爱.MP3”。

2、计算和查看音乐长度的方法
（1）直接计算音乐的长度。

要计算音乐的长度，首先应该知道音乐的播放时间，选择【音乐】图层的第一帧，打开【属性】面板就可以看到相应的信息，如图4.3所示。

图4.3 音乐文件的相关信息图4.4 延伸帧在新建文件的时候，将动画的播放速度采用默认的设置，【帧频】为12fps，即每秒播放12帧。

通过上面的信息提示可以获得音乐文件“偏爱.mp3”的时间为97s,那么可以用计算的方法算出播放完整音乐所需要的帧数：12*97=1164。

选择【音乐】图层的第1164帧，按F5键延伸，使音乐能在时间轴上播放完整，如图4.5所示。

图4.5 查看音乐长度的帧数
4.1.2流类型的音乐设置
FlashMTV以音乐衬托画面，在制作FlashMTV的时候，非常重要的一点就是，要音乐与歌词及我们所做的东湖是效果哦同步显示，这样才符合MTV 最今本的要求，这样要用到“流类型”的音乐设置。

（1）选中【音乐】图层的第一帧，打开【属性】面板选中【同步】下拉菜单，选择“数据流”，如图4.6所示。

图4.6 数据流属性面板
4.2歌词与音乐的同步
（1）建立歌词标记图层。

单击【插入图层】按钮，新建【图层2】，重新命名为【歌词标记】图层，如图4.7所示。

图4.7 添加歌词标记图层
（2）定义第一句的帧注释标记。

拖动“播放头”到第一帧的位置，按Enter键，音乐开始播放了。

当听到开始唱第一句歌词时，再按Ente 键，音乐停止播放。

可以看见，红色的播放头停止在第250帧处，选中【歌词标记】图层的第250帧，按键盘上的F6键插入一个关键帧。

保持低205帧被选中状态，打开【属性】面板，在【帧标签】中输入“第一句”三个字，再在下面的【标签类型】的下拉菜单选择【注释】，如图4.8所示。

图4.8 输入帧标签
（3）完成其他歌词的帧注释标记第一句歌词起始位置的“帧注释”标记添加完成后，再按Enter键，继续播放音乐。

用同样的方法，在所有
歌词的起始位置加上“帧注释”，直到整段歌词标记添加完毕。

所有的歌词标记加好一会从头再听一遍，对于不够准确的真注释可以选中加上“注释”的关键帧，拖动到准尉的位置上即可，加上帧“注释”以后，关键帧上出现两条绿色的小斜线和注释文字，效果如图4.9所示：
图4.9 定义帧注释标记
4.2.1歌词的制作与设置同步的方法和步骤
（1）创建歌词图形元件。

执行【插入】|【新建元件】命令（快捷键Ctrl+F8）,新建【名称】为“歌词”的【图形】元件。

（2）设置歌词文本属性。

进入“歌词1”图形元件的编辑场景，选中【文本工具】，在舞台上单击鼠标，打开【属性】面板，设置文本类型为“静态文本”，选择字体为“黑体”字号大小为16，字体颜色为白色，单击【加粗】按钮。

（3）输入歌词内容并对齐在舞台上输入第一句歌词“歌词”。

单击【选则工具】，选中舞台上的歌词文本，按快捷键Ctrl+K，打开【对齐】面板，单击【相对于舞台】按钮，再分别单击【垂直中齐】和【水平中齐】按钮，使歌词显示在舞台中央处，如图4.10所示：
图4.10 输入歌词和对齐歌词
以此类推，用同样的方法，依次制作出整首歌的歌词。

（4）添加第一句歌词本，切换到场景1，单击【插入图层】按钮，新建【图层3】，重新命名为“歌词”。

把播放头定位到标记为“第一句”的帧，选中【歌词】图层上与其相同的帧，按F6键插入一个关键帧。

将【库】中的“歌词1”元件拖放到舞台合适的位置。

如图4.11所示。

图4.11 第一句歌词的加入
（5）全部歌词同步的方法。

第一句歌词加好以后，拖动播放头到【歌词标记】图层的“第二句”帧标记处，选中【歌词】图层上与其相同的帧，
按F6键插入一个关键帧。

这时，【舞台】上依然显示的是第一句歌词的内容。

单击舞台上的“歌词1”实例，打开【属性】面板，在【属性】面板的中间有个【交换】按钮，如图4.12所示。

图4.12 【属性】面板中的【交换】按钮
单击【交换】按钮，打开【交换元件】对话框，可以看见，刚才做的所有的歌词元件都在该对话框中，选中“歌词2”，单击【确定】，如图4.13所示。

图4.13 【交换元件】对话框
单击【确定】按钮以后，【舞台】上原来的“歌词1”已经被替换成“歌词2”元件实例了，位置则与“歌词1”相同。

以此类推，用上面同样的方法依次将后面的歌词替换到舞台上。

整首歌的全部歌词文本元件在几分钟内，就全部同步导入。

整个歌词的制作过程全部完成，可以对效果进行测试了。

4.3动画设计制作
（1）新建FLASH文档
新建一个文件，在[文档属性]中，将尺寸设为550*400像素，单位为像素，背景颜色设置为白色，并将帧频设置为12.0fps.
图4.14黑边的制作
（2）拖出长条形黑色矩形
制作影片黑色边框，由于采用的是影片的形式来制作动画，所以需要先做个影片边框。

在“图层2”上，使用工具栏中的[矩形工具]并将[填充色]设制为黑色。

拖动出一个长条形的黑色矩形。

大小为
550*15像素。

如图4.15所示
（3）MTV标志的制作
然后使用[文本工具]，在黑色矩形中单击，输入“MTV”。

然后单击[属性面板]将文字进行调整，MTV标志即制作完成了。

如图4.16所示。

图4.16元件“黑边”的制作
（4）创建“偏爱”图层，在创建边框花纹长出绿叶
在舞台“偏爱”图层第一帧输入：偏爱，分别把偏爱放在两边：偏（X:-98,Y:164.9)爱（X:641.8,Y:164.9)。

文字向中间的方向慢慢靠近。

如图4.17所示。

图4.17 文字向中间移动
（5）“偏爱”文字移动动画元件
在第25帧处按F6键插入关键帧，将X和Y的坐标值设为100和-128。

然后在时间轴两帧中间鼠标右击创建补间动画。

这样标题动画就完成了。

如图4.18所示。

图4.18标题动画的移动
（6）制作“边框”影片剪切元件
首先在“场景1”中插入一个新层，命名为“边框”，在第30帧处插入关键帧，将图片“边框”拖入其中转换为影片剪辑元件。

如图
4.19所示。

图4.19 边框慢慢延伸动画
接下来插入一个“引导层”，并在第31帧处插入关键帧。

使用铅笔工具在边框上边化除绿叶的一部分，如图4.20所示。

图4.20 绿叶慢慢生长移动动画的制作
图4.21 绿叶慢慢生长移动动画的制作
（7）把“偏爱”和“边框”影片剪辑元件放到舞台
首先单击“舞台”的第1帧，拖动“边框”到舞台新建的边框图层的
31帧处。

在30帧处标出“偏爱”文字的XY位置。

如图4.22所示。

图4.22 星星围绕手机移动动画的制作
（8）制作男女主角的图形元件
按ctrl+F8键创建一个新的图形元件，命名为女主角，把制作好的位图导入到【库】文件，然后拖入到舞台中，分离打散位图文件，点击魔术棒，然后单击打散的文件空白处按“Delete”键删除多余的空白处。

这样
元件就制作好了。

如图4.234.24所示。

（男主角同上）
（9）制作过程中，人物的运动是用动画补间来完成，人物对话是插
入关键帧。

背景只是一个普通帧，根据场景的变换，切换成不同的背景，切换的实现也是采取关键帧的方法。

在MTV动画的最后，男主角出车祸流血画面是运用了形状补间动画来实现。

、
至此，整个MTV动画制作完成。

5.动画测试
5.1动画测试
5.1.1测试的目的
（1）发现错误
（2）解决错误
（3）有效定义和实现软件成分由低层到高层过程
（4）验证软件是否满足任务书和技术要求
5.1.2动画通过的测试发现的问题
(1)在制作男主角出车祸流血的场面，影片导出时，无法实现男主角流血的形状补间动画。

(2)返回到场景中，寻找问题
返回到场景中，找到男主角出车祸场面，反复斟酌“流血”图层，发现是由于元件在做补间动画过程中没有分离打散，以至于无法实现流血的动画效果。

5.2解决测试发现的问题
（1）重新编辑，创建形状补间动画。

选中“流血”元件，单击“修改”|“分离”，将元件打散，在后面几帧处插入关键帧，将元件做形状变形，最后做形状补间动画，完成后测试问题得到了解决。

（2）重新测试，补间动画的效果图和预期想象的一样了，影片测试成功了了。

5.3测试结论
导致这样一问题的，因为自己粗心没有在关键处打散分离软件，在以后的制作当中应当，做完一个动画应锁定相关图层，以免导致类似的问
题.
设计总结
通过此次的毕业设计，使我对自己所学专业有了更深一层次的提高，并且有了一些切身的体会。

光有计算机理论的知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。

而这次的课程设计就提供了一次非常好的实践操作的机会，使我对编程开发有了一定的了解。

此次收获最大要具有一颗细心的心，激情的态度，且持之有恒，并且耐得住寂寞。

在制作过程中要敢于尝试，发现问题，解决问题。

制作一个简单的MTV,不仅仅只是学会Flash这一个软件就可以的，需要我们有更广泛的音乐、美术功底。

因为我的音乐天赋不是很好所以我就直接采用了《偏爱》原生演唱：张芸京唱的。

美术方面：在制作的过程中，我体会到了无论是广告设计还是动画的制作都离不开美术这门学科，因为我的美术没有什么功底，所以我就简简单单的画了男女主人公。

在与欣赏时影响审美观的时候希望老师能够谅解。

如果以后我要从事动画和广告的设计方面的工作我会美术这方面加强学习。

因为在设计的过程中有好多需要没有的图片，所以我就从网上下载了，感觉无论网上的再好那都是别人的思想，所以在制作的过程中有的不合主题的图片希望老师多多谅解。

整个制作过程中我深深体会到，不能急于求成，一来就马上编程，应该多做分析和研究，理清思路。

前一阶段的工作的好坏将直接影响后一阶段工作的开展。

多学习多请教，更多新的技术不断的涌现，可以通过请教别人或者多上网学习别人的制作方法，可以转变成你的知识，才能做的更好。

这些经验是相当宝贵的，为我们以后能够编出更好的程序是一个良好的启发。

限于我的技术水平有限这次的课程设计论文和编程软件的错误和不
当之处在所难免，还得请老师多多指教！在这次的课程设计中虽然学会了很多，也感到自身知识的贫乏，希望在日后的努力学习中把它做成更完善的系统，并能做其他完善的系统。

参考文献
[1] 李红玉.Flash动画制作 [M].北京：地质出版社，2009
Li. Hongyu. Flash animation [M].BeiJing: Geological Publishing House,2006.38~40(in Chinese)
[2]刘甘娜，朱文胜，付先平. 多媒体应用基础 [M].2版.北京：高等教育出版社，2000.111~135
Liu Ganna,Zhu Wensheng,Fu Xianping. Based multimedia applications [M].Version 2 .Beijing: Higher Education Press,2008.56~86(in Chinese)
大学三年学习时光已经接近尾声，在此我想对我的母校，我的父母、亲人们，我的老师和同学们表达我由衷的谢意。

感谢我的家人对我大学三年学习的默默支持；感谢我的母校湖南工学院给了我在大学三年深造的机会，让我能继续学习和提高；感谢学校的老师和同学们三年来的关心和鼓励。

老师们课堂上的激情洋溢，课堂下的谆谆教诲；同学们在学习中的认真热情，生活上的热心主动，所有这些都让我的三年充满了感动。

这次毕业论文设计我得到了很多老师和同学的帮助，其中我的毕业设计指导老师xx对我的关心和支持尤为重要。

每次遇到困难，我最先做的就是向x老师寻求帮助，而x老师每次不管忙或闲，总会抽空和我当面讨论，然后一起商量解决的办法。

X老师平日里工作繁多，但始终对学生充满了耐心，循循善诱，在此，我衷心的感谢xx老师为学生和学校的无悔付出。

我做毕业设计的每个阶段，从选题到查阅资料，论文提纲的确定，中期论文的修改，后期论文格式调整等各个环节中陈老师都给予了我悉心的指导。

这几个月以来，陈老师不仅在学业上给我以精心指导，同时还在思想给我以无微不至的关怀，在此谨向x老师致以诚挚的谢意和崇高的敬意。

同时，本篇毕业论文的写作也得到了xx同学的热情帮助。

感谢在整个毕业设计期间和我密切合作的同学，和曾经在各个方面给予过我帮助的伙伴们，在此，我再一次真诚地向帮助过我的老师和同学表示感谢！
毕业设计的完成，意味着我即将离开培育我三年的母校踏入社会，我将铭记我曾是一名湖南工学院的学子，在以后的工作生活中，我会将湖南工学院的优良传统发扬光大，并祝所有的老师培养出越来越多的优秀人才，桃李满天下！
1、毕业设计（论文）课题任务书
2、指导教师评阅表
3、答辩及最终成绩评定表
4、毕业设计说明书
5、附录材料。