Flash动画设计综合实验设计说明书 .doc

《Flash动画设计综合实验设计说明书 .doc》由会员分享，可在线阅读，更多相关《Flash动画设计综合实验设计说明书 .doc（20页珍藏版）》请在三一文库上搜索。

1、Flash动画设计说明书姓 名： 学 号： 班 级： 指导教师： 完成日期： 2011年12月16日 设 计 要 求考核目的Flash动画设计课程设计为该门课程的综合设计环节，能够有效锻炼学生的自主学习能力和综合设计能力，培养学生的创新精神和动手实践能力。考核项目要求具体评价细则及要求： 1、内容要求（40分）： Flash动画作品内容完整丰实，思想健康、积极向上，表现一个主题。 1）动画作品有flash按钮适当地控制交互功能。2）动画中运用As脚本技术完成特效制作（如loding、随机效果、时钟效果等）3）使用音乐，且音乐与动画、歌词同步循环播放。4）动画首页应包含学号、姓名、院系、专业、班

2、级、个人简介及动画简介等。 2、设计要求（10分）：动画画面设计合理，画面转换恰当。充分运用各种flash技术，熟练掌握工具箱、面板、层、时间轴、元件等的应用方法。3、技术要求（30分）：在动画实现中， 须使用遮罩层、引导层、形状补间、动作补间、flash按钮等技术，没有技术实现错误，补间应用合理。4、美工要求（10分）： 动画画面颜色运用适当，美观，视觉效果好，并具有个人设计风格。5、创意要求（10分）： 动画作品富有新意，情节引人，有自己的特色。 Flash动画设计设计说明书目录第一章 概 述11.1 GoldWave简介11.2 Flash软件简介2第二章 剧本的设定32.1 剧本内容3

3、2.2剧本设计33.1背景音乐的制作43.2剧本素材的收集6第四章 MTV的制作64.1 背景音乐的导入64.2歌词与音乐的同步84.3动画设计制作10第五章 动画测试135.1动画测试135.2解决测试发现的问题135.3测试结论13设计总结13参考文献14Flash动画设计设计说明书第一章 概 述1.1 GoldWave简介1.1.1GoldWave现状GoldWave是一个功能强大的数字音乐编辑器，她可以对音乐进行播放、录制、编辑以及转换格式等处理。以下是GoldWave的特性：1 直观、可定制的用户界面，使操作更简便；2 多文档界面可以同时打开多个文件，简化了文件之间的操作；3 编辑较

4、长的音乐时，GoldWave会自动使用硬盘，而编辑较短的音乐时，GoldWave就会在速度较快的内存中编辑；4 GoldWave允许使用很多种声音效果，如：倒转(Invert)、回音(Echo)、摇动、边缘(Flange)、动态(dynamic)和时间限制、增强(strong)、扭曲(warp)等；5 精密的过滤器（如降噪器和突变过滤器）帮助修复声音文件；6 批转换命令可以把一组声音文件转换为不同的格式和类型。该功能可以转换立体声为单声道，转换8位声音到16位声音，或者是文件类型支持的任意属性的组合。如果安装了MPEG多媒体数字信号编解码器，还可以把原有的声音文件压缩为MP3的格式，在保持出色

5、的声音质量的前提下使声音文件的尺寸缩小为原有尺寸的十分之一左右.7 CD音乐提取工具可以将CD音乐拷贝为一个声音文件。为了缩小尺寸，也可以把CD音乐直接提取出来并存为MP3格式；8 表达式求值程序在理论上可以制造任意声音，支持从简单的声调到复杂的过滤器。内置的表达式有电话拨号音的声调、波形和效果等。音乐领域对音乐制作的需求一直占据了世界的重要领域，促进和刺激了软件的发展，更多的专业技能在不断的提高和研发。新一代的Gold Wave系列也正在开发中。1.1.2 GoldWave发展趋势论前景的话，目前世界的广大音乐爱好者学会了自己编辑音乐，也出现越来越多的网络流行歌手，而音乐的发展离不开拥有专业

6、的音乐的编辑制造。因此Gold Wave得发展前景是可想而知的辉煌。1.1.3音乐的基本理论 在编辑音乐之前我要了解音乐审美核心，主要作用于人的情感世界。音乐课的基本价值在于通过以聆听音乐、表现音乐和音乐创造活动为主的审美活动，使学生充分体验蕴涵于音乐音响形式中的美和丰富的情感，为音乐所表达的真善美理想境界所吸引、所陶醉，与之产生强烈的情感共鸣，使音乐艺术净化心灵、陶冶情操、启迪智慧、情智互补的作用和功能得到有效的发挥，以利于学生养成健康、高尚的审美情趣和积极乐观的生活态度，为其终身热爱音乐、热爱艺术、热爱生活打下良好的基础。不管你的MP3歌曲的简单剪接或者音频格式的转换,还是更加高级的后期加

7、工 GoldWave都可以令你轻松胜,甚至你自己录一首卡拉OK,也可以经过GoldWave的修饰成为像歌星一样水晶般的动人声音!1.2 Flash软件简介1.2.1 Flash现状广告市场对商业插画的需求逐渐扩大，促进和刺激flash动画的多元化、商业化！网络动画的画面简陋、节奏冗长的缺点，逐渐被效果精美、节奏快速的插画和影视广告所影响；直至取代！flash动画及市场发展分析:第一代注重技巧，第二代注重美术，第三带注重形式，第四代注重市场；只有适应市场、引导市场，第四代flash动画才能在以后的发展中立足并立业。传统动画和网络动画的对比:传统动画：注重动画节奏、故事内容、造型和背景，美术风格。

8、网络动画：注重创意形式、人文情感、叛逆和笑料、音乐和动效，制作手法：一个注重团队合作，一个注重个人风格。 第四代flash动画的职业特点:完备的专业技能、敏锐的商业意识、自由的宽松的工作环境、快乐富有的生活质量。商业插画打造第四代flash动画:在修养、沟通、理解、协作、技能五大方面进行完整训练，打造第四代flash动画！1.2.2 Flash发展趋势论前景的话，目前中国广大flash爱好者主要把精力集中在了网页的导航栏，flash全站，游戏制作，动画制作等等上面比较多，其实国外已经很多地方用到了工业，生产等各个方面，因为flash的自由性非常高，往往可以把界面，按钮等制作的非常动感，这也是大

9、家有目共睹的，所以flash的前景是只有想不到，没有做不到的。第二章 剧本的设定2.1 剧本内容 在围绕两只蝴蝶这首歌的前提下，写了我们对美好爱情的向往,有爱情的岁月是美好而幸福的。这首歌唱的就是对忠贞爱情的向往和对爱情的不离不弃。两只小小的蝴蝶相伴相随，不离不弃。用两只蝴蝶来形容人类对爱情的态度。男的尽量的去保护女的不受到任何伤害。在蓝天白云绿草之中，翩翩起舞。飞过了树林，飞过了小溪，飞过了花丛，从始至终都是不离不弃的。2.2剧本设计在学习动画设计之前有必要对多媒体动画设计的步骤进行简单介绍。可以不夸张地说，多媒体动画设计是个相当复杂的系统过程，尤其在作品比较大、比较重要的时候。设计人员必须

10、胜任整个过程，要先制订一个总体计划，否则设计工作必然是又费力气又费时间。在学习动画设计的时候必须要先制订全盘计划再动手设计。 制作多媒体动画时，随着质量要求及内容的多少，所付出的精力和时间有所不同。根据经验，制作多媒体动画的过程大体可分为三个阶段： 第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。 第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。在收集素材时应注意严格要求以保证质量。 第三阶段，用F

11、lash将收集的素材集成并测试；在这个过程中应不断地进行测试，对发现的问题及时加以修改以保证精心制作的多媒体动画问世。 制作多媒体动画时，如果有多人分工合作，要注意相互协调每个人的工作。亲身体验制作过程，每一位参与者一定能够积累一些经验，对多媒体的制作有更深刻的体会。首先，出现的是制作MV的歌曲曲目。进入到舞台是MV要出场的躺在山坡上的小男孩和小女孩和翩翩起舞的两只蝴蝶。然后是通过对应着每一句歌词的内容编排上的故事情节，整个flash动画都是以两只蝴蝶为主线。不断变换的场景，预示着它们飞过的地方。飞过树林，飞过花丛，飞过小溪，始终的不离不弃。也暗示着画面中的小男孩会一直和小女孩不离不弃，一直一

12、直的保护着小女孩不受到一点伤害。整个flash动画让人们明白了，爱情是高尚的，也是纯洁的。没有任何人可以亵渎爱情。展现了一幅幅对爱情忠贞不渝、不离不弃的画面、音乐和场景相呼应，创造了一个人们对美好爱情的向往的景象。第三章 前期准备3.1背景音乐的制作3.1.1 编辑音乐的思路第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。 第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。在收集素材时应注意严格要求以

13、保证质量。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）截取需要上网声音文件。单击【播放】按钮*音乐开始播放，试听过程中，造第一段开始时单击【暂停】按钮*，这里为我们要截取为音乐的

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

15、合要求为止。最后执行【编辑】|【复制】命令，在执行【编辑】|【粘贴为新文件】命。令，这样就把截取的音乐段复制到了一个新建的声音文档中了。 （3）编辑声音效果。通过上面的截取过程，我们得到了整体音乐的部分音乐。为了实现一些特殊效果，我们还可以根据需要对整段音乐的部分音乐进行声音效果的编辑，不如添加回升、混响、淡入、淡出效果等。按照前面的方法，剪裁出要添加音效的部分，执行【效果】|【回声】命令，弹出【Echo】（回声）对话框。可以根据需要，在该对话框中进行调试和试听，如图3.6所示 图3.6 【Echo】回声对话框3.2剧本素材的收集网上下载好矢量图片，在软件photoshop中，进行编辑，将剧本

16、中所需要的素材都单独保存起来。这些素材主要包括剧中人物，山坡，房子，蝴蝶第四章 MTV的制作4.1 背景音乐的导入上节把选好的音乐导入到Flash中，这是一首MP3格式的音乐文件两只蝴蝶.mp34.1.1音乐的导入 （1）创建音乐图层。新建Flash文档，在【属性】面板中设置【背景】为黑色。将【图层1】重新命名为“音乐”，音乐“两只蝴蝶.mp3”将放置在该图层上。 图4.1 【库】面板中的音乐 图4.2 选择音乐（2）将音乐导入到Flash中。执行【文件】|【导入】|【导入倒库】命令，弹出【导入到库】对话框，在该对话框中选择要导入的声音“两只蝴蝶.mp3”，单击【打开】按钮，将声音导入到【库】

17、中，如图4.1所示。 （3）将音乐文件导入到场景中，选择【音乐】图层的第一帧，在属性面板中打开【声音】下拉菜单，选择刚导入的“两只蝴蝶.MP3”。 2、计算和查看音乐长度的方法（1）直接计算音乐的长度。要计算音乐的长度，首先应该知道音乐的播放时间，选择【音乐】图层的第一帧，打开【属性】面板就可以看到相应的信息，如图4.3所示。 图4.3 音乐文件的相关信息 在新建文件的时候，将动画的播放速度采用默认的设置，【帧频】为12fps，即每秒播放12帧。通过上面的信息提示可以获得音乐文件“两只蝴蝶.mp3”的时间为253s,那么可以用计算的方法算出播放完整音乐所需要的帧数：12*253=3040。选择

18、【音乐】图层的第3040帧，按F5键延伸，使音乐能在时间轴上播放完整。4.1.2流类型的音乐设置 FlashMV以音乐衬托画面，在制作FlashMV的时候，非常重要的一点就是，要音乐与歌词及我们所做的动画效果同步显示，这样才符合MV最基本的要求，这样要用到“流类型”的音乐设置。（1）选中【音乐】图层的第一帧，打开【属性】面板选中【同步】下拉菜单，选择“数据流”，如图4.6所示。 图4.6 数据流属性面板4.2歌词与音乐的同步（1）建立歌词标记图层。单击【插入图层】按钮，新建【图层2】，重新命名为【歌词】图层，如图4.7所示。图4.7 添加歌词标记图层（2）定义第一句的帧注释标记。拖动“播放头”

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

20、准确的真注释可以选中加上“注释”的关键帧，拖动到准尉的位置上即可，加上帧“注释”以后，关键帧上出现两条绿色的小斜线和注释文字，最后可以将其取消掉，效果如图4.9所示：图4.9 定义帧注释标记4.2.1歌词的制作与设置同步的方法和步骤（1）创建歌词图形元件。执行【插入】|【新建元件】命令（快捷键Ctrl+F8）,新建 【名称】为“歌词”的【图形】元件。（2）设置歌词文本属性。进入“歌词”图形元件的编辑场景，选中【文本工具】，在舞台上单击鼠标，打开【属性】面板，设置文本类型为“静态文本”，选择字体为“黑体”字号大小为16，字体颜色为灰色，单击【加粗】按钮。（3）输入歌词内容。把所有的歌词都设置在了

21、一个图形元件上。选中舞台上的歌词文本，按快捷键Ctrl+K，打开【对齐】面板 ，单击【相对于舞台】按钮，再分别单击【垂直中齐】和【水平中齐】按钮，使歌词显示在舞台中央处，如图4.10所示：图4.10 输入歌词和对齐歌词（4）最后将整段歌词拖入到舞台场景中。整首歌的歌词元件在1分钟内，就全部同步导入。整个歌词的制作过程全部完成，可以对效果进行测试了。4.3动画设计制作（1）新建FLASH文档新建一个文件，在文档属性中，将尺寸设为550*400像素，单位为像素，背景颜色设置为白色，并将帧频设置为12.0fps. 图4.14 黑边的制作（2）拖出长条形黑色矩形制作影片黑色边框，由于采用的是影片的形式

22、来制作动画，所以需要先做个影片边框。在“图层2”上，使用工具栏中的矩形工具并将填充色设制为黑色。拖动出一个长条形的黑色矩形。大小为550*15像素。如图4.15所示图4.15 制作影片黑色边框（3）创建 “两只蝴蝶”图层在舞台“偏爱”图层第一帧输入：两只蝴蝶。把文字放在整个画面的左上角。 图4.17 文字向中间移动（4）制作“前奏背景”影片剪辑元件首先在库面板中新建一个新的影片剪辑元件，在第1帧处插入一个关键帧，将图形元件背景拖入到影片剪辑元件中，如图4.19所示。 图4.19 边框慢慢延伸动画接下来插入一个纸的图形元件。如图4.20所示。 图4.20 纸张慢慢舒卷的动画制作 图4.21纸张慢

23、慢舒卷的动画制作（7）把“两只蝴蝶”和“前奏背景”影片剪辑元件放到舞台首先单击“舞台”的第1帧，拖动“前奏背景”到舞台。如图4.22所示。 图4.22 星星围绕手机移动动画的制作（8）制作蝴蝶的图形元件按ctrl+F8键创建一个新的图形元件，命名为蝴蝶，把制作好的位图导入到【库】文件，然后拖入到舞台中，分离打散位图文件，点击魔术棒，然后单击打散的文件空白处按“Delete”键删除多余的空白处。这样元件就制作好了。如图4.23所示。 图4.23 蝴蝶（9）制作过程中，蝴蝶的运动是用动画补间来完成。背景只是一个普通帧，根据场景的变换，切换成不同的背景，切换的实现也是采取关键帧的方法。至此，整个MT

24、V动画制作完成。第五章 动画测试5.1动画测试5.1.1测试的目的（1）发现错误（2）解决错误（3）有效定义和实现软件成分由低层到高层过程（4）验证软件是否满足任务书和技术要求5.1.2动画通过的测试发现的问题 (1)在制作整个flash的过程中，出了很多的问题。蝴蝶的飞舞的运动效果不是很流畅，总是在某一个地方会停顿一下。和预想的效果不一样。5.2解决测试发现的问题（1）重新编辑，创建形状补间动画 。 选中“蝴蝶”元件，在后面几帧处插入关键帧，将元件做形状变形，最后做形状补间动画，完成后测试问题得到了解决。（2）重新测试，补间动画的效果图和预期想象的一样了，影片测试成功了了。5.3测试结论 导

25、致这样一问题的，因为自己粗心没有在关键处打散分离软件，在以后的制作当中应当，做完一个动画应锁定相关图层，以免导致类似的问题.设计总结通过此次的课程设计，使我对自己所学Flash动画设计知识的认识有了更深一层次的提高，并且有了一些切身的体会。光有动画设计的理论知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。而这次的课程设计就提供了一次非常好的实践操作的机会，使我对Flash动画短片的设计制作有了一定的了解。此次收获最大要具有一颗细心的心，激情的态度，且持之有恒。在制作过程中要敢于尝试，发现问题，解决问题。制作一个简单的MTV,不仅仅只是学会Flash这一个软件就可以的，需要我们有更广

26、泛的音乐、美术功底。因为我的音乐天赋不是很好所以我就直接采用了两只蝴蝶原生演唱：庞龙唱的。美术方面：在制作的过程中，我体会到了无论是广告设计还是动画的制作都离不开美术这门学科，因为我的美术没有什么功底，所以我就简简单单的画了男女主人公。在与欣赏时影响审美观的时候希望老师能够谅解。如果以后我要从事动画和广告的设计方面的工作我会美术这方面加强学习。因为在设计的过程中有好多需要没有的图片，所以我就从网上下载了，感觉无论网上的再好那都是别人的思想，所以在制作的过程中有的不合主题的图片希望老师多多谅解。整个制作过程中我深深体会到，不能急于求成，应该多做分析和研究，理清思路。前一阶段的工作的好坏将直接影响

27、后一阶段工作的开展。多学习多请教，更多新的技术不断的涌现，可以通过请教别人或者多上网学习别人的制作方法，可以转变成你的知识，才能做的更好。这些经验是相当宝贵的，为我们以后能够编出更好的程序是一个良好的启发。限于我的技术水平有限这次的课程设计说明书和作品的错误和不当之处在所难免，还得请老师多多指教！在这次的课程设计中虽然学会了很多，也感到自身知识的贫乏，希望在日后的努力学习中把它做成更完善的系统，并能做其他完善的系统。参考文献1 李红玉.Flash动画制作 M.北京：地质出版社，2009 2 刘甘娜，朱文胜，付先平. 多媒体应用基础 M.2版.北京：高等教育出版社，2000.1111315信息工

28、程学院Flash动画设计实践环节考核报告单2011-2012学年度第一学期期末排课编号： （2011-2012-1）-0701402-00144-1 批阅日期：2010年 12月 20 日姓名王丹班级10图文学号20101180124评分标准及得分评分标准满分得分Flash动画作品内容完整丰实，思想健康、积极向上，表现一个主题。 40动画画面设计合理，画面转换恰当。充分运用各种flash技术，熟练掌握工具箱、面板、层、时间轴、元件等的应用方法。10在动画实现中， 须使用遮罩层、引导层、形状补间、动作补间、flash按钮等技术，没有技术实现错误，补间应用合理。30动画画面颜色运用适当，美观，视觉效果好，并具有个人设计风格。10动画作品富有新意，情节引人，有自己的特色。10考核成绩任课教师签名刘晶