Flash动画毕业设计说明.docx

《Flash动画毕业设计说明.docx》由会员分享，可在线阅读，更多相关《Flash动画毕业设计说明.docx（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Flash动画毕业设计说明 个人收集整理仅供参考学习Flash动画MTV（偏爱）系部： 学生姓名： 指导教师：职称 专业： 班级： 完成时间： 摘要 伴随着计算机网络的发展，Flash动画也有了新的飞跃，也越来越被网络爱好者青睐了，flash把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把flash 作为课件动画设计的主要工具，并且创作出了许多令人叹为观止的动画课件(电影)效果。而且在flash 8的版本中早已经可以支持mp3的音乐格式，这使得加入音乐的动画文件也能保持小巧的身材。 所以Flash MTV作品中，音乐是比不可少的，音乐不仅可以给观众声音的震撼，还能进一步表现作品的内涵

2、。根据个人的需要和爱好的歌曲，最好是有歌词信息的，这样便于作品的歌词制作。如果个人有演唱功底，可以用录音软件把自己一演唱的声音录制下来，这样边听自己的演唱变欣赏自己的作品，别有一番情趣。 Flash 8.0 的出现更是使Flash在面向对象开发方面达到了一个前所未有的令人唏嘘的高度。类、包、继承、封装、丰富的组件、项目管理、版本控制，这些以往只能在专业的面向对象的应用程序集成快速开发环境中才能见到的东西已经统统的在Flash 中得到了贯彻。 本文介绍了Flash动画制作中最基础的知识以及在flash 8.0软件环境下制作FLASH的应用方法，并通过制作FLASH动画喜欢的MTV向大家展示出FL

3、ASH动画的特色。 关键字: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.2歌词与音乐的同步错误！未定义

4、书签。 4.3动画设计制作错误！未定义书签。 5.动画测试错误！未定义书签。 5.1动画测试错误！未定义书签。 5.2解决测试发现的问题错误！未定义书签。 5.3测试结论错误！未定义书签。 设计总结错误！未定义书签。 参考文献错误！未定义书签。 致谢错误！未定义书签。 1概述 1.2 Flash软件简介 1.2.1 Flash现状 广告市场对商业插画的需求逐渐扩大，促进和刺激flash动画的多元化、商业化！网络动画的画面简陋、节奏冗长的缺点，逐渐被效果精美、节奏快速的插画和影视广告所影响；直至取代！ flash动画及市场发展分析:第一代注重技巧，第二代注重美术，第三带注重形式，第四代注重市场；

5、只有适应市场、引导市场，第四代flash动画才能在以后的发展中立足并立业。 传统动画和网络动画的对比:传统动画：注重动画节奏、故事内容、造型和背景，美术风格。网络动画：注重创意形式、人文情感、叛逆和笑料、音乐和动效，制作手法：一个注重团队合作，一个注重个人风格。第四代flash动画的职业特点:完备的专业技能、敏锐的商业意识、自由的宽松的工作环境、快乐富有的生活质量。商业插画打造第四代flash动画:在修养、沟通、理解、协作、技能五大方面进行完整训练，打造第四代flash动画！ 1.2.2Flash发展趋势 论前景的话，目前中国广大flash爱好者主要把精力集中在了网页的导航栏，flash 全站

6、，游戏制作，动画制作等等上面比较多，其实国外已经很多地方用到了工业，生产等各个方面，因为flash的自由性非常高，往往可以把界面，按钮等制作的非常动感，这也是大家有目共睹的，所以flash的前景是只有想不到，没有做不到的。 2 剧本的设定 2.1 剧本内容 在围绕彩铃你喜欢我吗？的前提下 在围绕偏爱这首歌的前提下，写了一对恋人在一个明媚的春天，由于一点点小小的误会女方提出分手，男生不同意，无奈女方去意已决，在离开之后，男生尾随去了，突然，一辆车子朝女孩飞奔而来，女孩没有注意到，被男生一把推开，而最后男孩为了救自己心爱的女孩不幸失去了自己的生命。 2.2剧本设计 在学习动画设计之前有必要对多媒体

7、动画设计的步骤进行简单介绍。可以不夸张地说，多媒体动画设计是个相当复杂的系统过程，尤其在作品比较大、比较重要的时候。设计人员必须胜任整个过程，要先制订一个总体计划，否则设计工作必然是又费力气又 费时间。在学习动画设计的时候必须要先制订全盘计划再动手设计。 制作多媒体动画时，随着质量要求及内容的多少，所付出的精力和时间有所不同。根据经验，制作多媒体动画的过程大体可分为三个阶段： 第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。 第二阶段，就是按照第

8、一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。在收集素材时应注意严格要求以保证质量。 第三阶段，用Flash将收集的素材集成并测试；在这个过程中应不断地进行测试，对发现的问题及时加以修改以保证精心制作的多媒体动画问世。 制作多媒体动画时，如果有多人分工合作，要注意相互协调每个人的工作。亲身体验制作过程，每一位参与者一定能够积累一些经验，对多媒体的制作有更深刻的体会。 首先，出来的是出现的是制作MTV的歌曲曲目，以及演唱者和作词、作曲者。进入到舞台是MTV要出场的男、女主角的。然后是通过通过人物的动作和对话来表达本体MTV 的的基本思想动，首先，当男生在窗台看到自己

9、的女朋友正朝着他的房子走来是心理是万分的高兴，但是但他的女朋友进门的第一句话就是“我们分手吧！”最后女朋友甩门而出，男友还是跟上来苦苦的哀求她给自己一个爱她的机会，但是女友像没有听到一样向前走，当走在人行道上是她好像无视一切存在的东西，一辆飞奔的中巴车无法停止前进的齿轮，男友看到自己心爱的女友在面临危险的时候不顾自己的生命去营救女友，在这幕爱与不爱、爱与生命做选择的时候他选择了牺牲自己挽留心爱的人。他永远的离开了，离开了他在生命最后一刻所能为爱做出的最后的机会。女友哭了，嘶哑的声音好像穿透了天空，也许他只是想让天上的他听到她的心痛，她后悔她之前的说过的话。整个大地被鲜血染红了，泪与血交融了。音

10、乐与场景的呼应。创造了一幅催人泪下的动画MTV。 3 前期准备 3.1背景音乐的制 3.1.1 编辑音乐的思路 第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。 第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。在收集素材时应注意严格要求以保证质量。 （1）在Dold Wave中打开音乐文件，运行Dold Wave5.5软件，执行|命令，弹出的对话框，找到需要处理的音乐素材文件，单击按钮，如图3.1所

11、示。 图3.1Gold Wave 5.5的工作界面图3.2对话框 音乐文件打开后，Dold Wave的工作界面发声了变化，工作界面中间是打开的“偏爱.mp3”编辑窗口，如图3.3所示。 图3.3Goldwave编辑窗口 （2）截取需要上网声音文件。单击按钮*音乐开始播放，试听过程中，造第一段开始时单击按钮*，这里为我们要截取为音乐的起始位置。在音乐编辑串口的起始位置单击一下鼠标左键选中，同时几下这段音乐的时间段为00:00:00，时间提示明细编辑在音乐编辑窗口最下端，如图所示。 起始位置选好后，单击按钮，听到第一段歌词结束播放时，再次单击按钮，这里为截取音乐的终止位置，在音乐编辑窗口的终止位置

12、右击，在贪吃ude快捷菜单中选择，同时几下这段音乐的时间段为00:01:37，选择的音乐在音乐中高亮显示，如图3.4所示 图3.4设置音乐的开始标记图3.5 选取音乐段 此时，可以再反复单击按钮，试听选择的音乐段是否精确，根据试听的效果，可以用鼠标拖动起始位置和终止位置，知道符合要求为止。最后执行|命令，在执行|命。令，这样就把截取的音乐段复制到了一个新建的声音文档中了。 （3）编辑声音效果。通过上面的截取过程，我们得到了整体音乐的部分音乐。为了实现一些特殊效果，我们还可以根据需要对整段音乐的部分音乐进行声音效果的编辑，不如添加回升、混响、淡入、淡出效果等。按照前面的方法，剪裁出 要添加音效的

13、部分，执行|命令，弹出（回声）对话框。可以根据需要，在该对话框中进行调试和试听，如图3.6所示 图3.6回声对话框 3.2剧本素材的收集 网上下载好矢量图片，在软件Iullstrate中，进行编辑，将剧本中所需要的素材都单独保存起来。这些素材主要包括剧中人物，公路，房子 4.MTV的制作 4.1 背景音乐的导入 上节把选好的音乐导入到Flash中，这是一首MP3格式的音乐文件偏爱.mp3 （！）创建音乐图层。新建Flash文档，在面板中设置为蓝色。将重新命名为“音乐”，音乐“偏爱.mp3”将放置在该图层上。 图4.1面板中的音乐图4.2选择音乐 （2）将音乐导入到Flash中。执行|命令，弹出

14、对话框，在该对话框中选择要导入的声音“偏爱.mp3”，单击按钮，将声音导入到中，如图4.1所示。 （3）将音乐文件导入到场景中，选择图层的第一帧，在属性面板中打开下拉菜单，选择刚导入的“偏爱.MP3”。 2、计算和查看音乐长度的方法 （1）直接计算音乐的长度。要计算音乐的长度，首先应该知道音乐的播放时间，选择图层的第一帧，打开面板就可以看到相应的信息，如图4.3所示。 图4.3音乐文件的相关信息图4.4延伸帧 在新建文件的时候，将动画的播放速度采用默认的设置，为12fps，即每秒播放12帧。通过上面的信息提示可以获得音乐文件“偏爱.mp3”的时间为97s,那么可以用计算的方法算出播放完整音乐所

15、需要的帧数：12*97=1164。选择图层的第1164帧，按F5键延伸，使音乐能在时间轴上播放完整，如图4.5所示。 图4.5查看音乐长度的帧数 FlashMTV以音乐衬托画面，在制作FlashMTV的时候，非常重要的一点就是，要音乐与歌词及我们所做的东湖是效果哦同步显示，这样才符合MTV最今本的要求，这样要用到“流类型”的音乐设置。 （1）选中图层的第一帧，打开面板选中下拉菜单，选择“数据流”，如图4.6所示。 图4.6 数据流属性面板 4.2歌词与音乐的同步 （1）建立歌词标记图层。单击按钮，新建，重新命名为图层，如图4.7所示。 图4.7添加歌词标记图层 （2）定义第一句的帧注释标记。拖

16、动“播放头”到第一帧的位置，按Enter 键，音乐开始播放了。当听到开始唱第一句歌词时，再按Ente键，音乐停止播放。可以看见，红色的播放头停止在第250帧处，选中图层的第250帧，按键盘上的F6键插入一个关键帧。保持低205帧被选中状态，打开面板，在中输入“第一句”三个字，再在下面的的下拉菜单选择，如图4.8所示。 图4.8输入帧标签 （3）完成其他歌词的帧注释标记第一句歌词起始位置的“帧注释”标记添加完成后，再按Enter键，继续播放音乐。用同样的方法，在所有歌词的起始位置加上“帧注释”，直到整段歌词标记添加完毕。所有的歌词标记加好一会从头再听一遍，对于不够准确的真注释可以选中加上“注释”

17、的关键帧，拖动到准尉的位置上即可，加上帧“注释”以后，关键帧上出现两条绿色的小斜线和注释文字，效果如图4.9所示： 图4.9定义帧注释标记 （1）创建歌词图形元件。执行|命令（快捷键Ctrl+F8）,新建为“歌词”的元件。 （2）设置歌词文本属性。进入“歌词1”图形元件的编辑场景，选中，在舞台上单击鼠标，打开面板，设置文本类型为“静态文本”，选择字体为“黑体”字号大小为16，字体颜色为白色，单击按钮。 （3）输入歌词内容并对齐在舞台上输入第一句歌词“歌词”。单击，选中舞台上的歌词文本，按快捷键Ctrl+K，打开面板，单击按钮，再分别单击和按钮，使歌词显示在舞台中央处，如图4.10所示： 图4.

18、10输入歌词和对齐歌词 以此类推，用同样的方法，依次制作出整首歌的歌词。 （4）添加第一句歌词本，切换到场景1，单击按钮，新建，重新命名为“歌词”。把播放头定位到标记为“第一句”的帧，选中图层上与其相同的帧，按F6键插入一个关键帧。将中的“歌词1”元件拖放到舞台合适的位置。如图4.11所示。 图4.11第一句歌词的加入 （5）全部歌词同步的方法。第一句歌词加好以后，拖动播放头到图层的“第二句”帧标记处，选中图层上与其相同的帧，按F6键插入一个关键帧。这时，上依然显示的是第一句歌词的内容。单击舞台上的“歌词1”实例，打开面板，在面板的中间有个按钮，如图4.12所示。 图4.12面板中的按钮 单击

19、按钮，打开对话框，可以看见，刚才做的所有的歌词元件都在该对话框中，选中“歌词2”，单击，如图4.13所示。 图4.13对话框 单击按钮以后，上原来的“歌词1”已经被替换成“歌词2”元件实例了，位置则与“歌词1”相同。 以此类推，用上面同样的方法依次将后面的歌词替换到舞台上。整首歌的全部歌词文本元件在几分钟内，就全部同步导入。 整个歌词的制作过程全部完成，可以对效果进行测试了。 4.3动画设计制作 （1）新建FLASH文档 新建一个文件，在文档属性中，将尺寸设为550*400像素，单位为像素，背景颜色设置为白色，并将帧频设置为12.0fps. 图4.14黑边的制作 （2）拖出长条形黑色矩形 制作

20、影片黑色边框，由于采用的是影片的形式来制作动画，所以需要先做个影片边框。在“图层2”上，使用工具栏中的矩形工具并将填充色设制为黑色。拖动出一个长条形的黑色矩形。大小为550*15像素。如图4.15所示 图4.15制作影片黑色边框 （3）MTV标志的制作 然后使用文本工具，在黑色矩形中单击，输入“MTV”。然后单击属 性面板将文字进行调整，MTV标志即制作完成了。如图4.16所示。 图4.16元件“黑边”的制作 （4）创建“偏爱”图层，在创建边框花纹长出绿叶 在舞台“偏爱”图层第一帧输入：偏爱，分别把偏爱放在两边：偏（X:-98,Y:164.9)爱（X:641.8,Y:164.9)。文字向中间的

21、方向慢慢靠近。如图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 绿叶

22、慢慢生长移动动画的制作 图4.21 绿叶慢慢生长移动动画的制作 （7）把“偏爱”和“边框”影片剪辑元件放到舞台 首先单击“舞台”的第1帧，拖动“边框”到舞台新建的边框图层的31帧处。在30帧处标出“偏爱”文字的X/Y位置。如图4.22所示。 图4.22星星围绕手机移动动画的制作 （8）制作男女主角的图形元件 按ctrl+F8键创建一个新的图形元件，命名为女主角，把制作好的位图导入到文件，然后拖入到舞台中，分离打散位图文件，点击魔术棒，然后单击打散的文件空白处按“Delete”键删除多余的空白处。这样元件就制作好了。如图4.23/4.24所示。（男主角同上） 图4.23男主角图4.24 女主角

23、（9）制作过程中，人物的运动是用动画补间来完成，人物对话是插入关键帧。背景只是一个普通帧，根据场景的变换，切换成不同的背景，切换的实现也是采取关键帧的方法。在MTV动画的最后，男主角出车祸流血画面是运用了形状补间动画来实现。、 至此，整个MTV动画制作完成。 5.动画测试 5.1动画测试 （1）发现错误 （2）解决错误 （3）有效定义和实现软件成分由低层到高层过程 （4）验证软件是否满足任务书和技术要求 (1)在制作男主角出车祸流血的场面，影片导出时，无法实现男主角流血的形状补间动画。 (2)返回到场景中，寻找问题 返回到场景中，找到男主角出车祸场面，反复斟酌“流血”图层，发现是由于元件在做补

24、间动画过程中没有分离打散，以至于无法实现流血的动画效果。 5.2解决测试发现的问题 （1）重新编辑，创建形状补间动画。选中“流血”元件，单击“修改”|“分离”，将元件打散，在后面几帧处插入关键帧，将元件做形状变形，最后做形状补间动画，完成后测试问题得到了解决。 （2）重新测试，补间动画的效果图和预期想象的一样了，影片测试成功了了。 5.3测试结论 导致这样一问题的，因为自己粗心没有在关键处打散分离软件，在以后的制作当中应当，做完一个动画应锁定相关图层，以免导致类似的问题. 设计总结 通过此次的毕业设计，使我对自己所学专业有了更深一层次的提高，并且有了一些切身的体会。光有计算机理论的知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。而这次的课程设计就提供了一次非常好的实践操作的机