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

Flash动画设计说明书姓 名： 学 号： 班 级： 指导教师： 完成日期： 设 计 要 求考核目的Flash动画设计课程设计为该门课程的综合设计环节，能够有效锻炼学生的自主学习能力和综合设计能力，培养学生的创新精神和动手实践能力。考核项目要求具体评价细则及要求： 1、内容要求（40分）： Flash动画作品内容完整丰实，思想健康、积极向上，表现一个主题。 1）动画作品有flash按钮适当地控制交互功能。2）动画中运用As脚本技术完成特效制作（如loding、随机效果、时钟效果等）3）使用音乐，且音乐与动画、歌词同步循环播放。4）动画首页应包含学号、姓名、院系、专业、班级、个人简介及动画简介等。 2、设计要求（10分）：动画画面设计合理，画面转换恰当。充分运用各种flash技术，熟练掌握工具箱、面板、层、时间轴、元件等的应用方法。3、技术要求（30分）：在动画实现中， 须使用遮罩层、引导层、形状补间、动作补间、flash按钮等技术，没有技术实现错误，补间应用合理。4、美工要求（10分）： 动画画面颜色运用适当，美观，视觉效果好，并具有个人设计风格。5、创意要求（10分）： 动画作品富有新意，情节引人，有自己的特色。 注：对作品互相抄袭或从他人网站下载抄袭者将给予扣分，完全抄袭者成绩为零分！ *设计说明书内容首行缩进2个字符，小四号字，宋体，1.5倍行距，上下左右边距分别为2.5厘米。举例：Flash动画设计说明书姓 名： 鲁彬 学 号： 20071311001 班 级： 03网络5班 指导教师： 王立 完成日期： 2010年 7月 6 日 目录第一章 概 述11.1 GoldWave简介11.2 Flash软件简介2第二章 剧本的设定32.1 剧本内容32.2 剧本设计3第三章 前期准备43.1背景音乐的制作43.2剧本素材的收集5第四章 MTV的制作64.1 背景音乐的导入64.2 歌词与音乐的同步74.3 动画设计制作10第五章 动画测试155.1动画测试155.2解决测试发现的问题155.3测试结论15设计总结16参考文献17Flash动画设计设计说明书第一章 概 述1.1 GoldWave简介1.1.1GoldWave现状GoldWave是一个功能强大的数字音乐编辑器，她可以对音乐进行播放、录制、编辑以及转换格式等处理。以下是GoldWave的特性：1 直观、可定制的用户界面，使操作更简便；2 多文档界面可以同时打开多个文件，简化了文件之间的操作；3 编辑较长的音乐时，GoldWave会自动使用硬盘，而编辑较短的音乐时，GoldWave就会在速度较快的内存中编辑；4 GoldWave允许使用很多种声音效果，如：倒转(Invert)、回音(Echo)、摇动、边缘(Flange)、动态(dynamic)和时间限制、增强(strong)、扭曲(warp)等；5 精密的过滤器（如降噪器和突变过滤器）帮助修复声音文件；6 批转换命令可以把一组声音文件转换为不同的格式和类型。该功能可以转换立体声为单声道，转换8位声音到16位声音，或者是文件类型支持的任意属性的组合。如果安装了MPEG多媒体数字信号编解码器，还可以把原有的声音文件压缩为MP3的格式，在保持出色的声音质量的前提下使声音文件的尺寸缩小为原有尺寸的十分之一左右.7 CD音乐提取工具可以将CD音乐拷贝为一个声音文件。为了缩小尺寸，也可以把CD音乐直接提取出来并存为MP3格式；8 表达式求值程序在理论上可以制造任意声音，支持从简单的声调到复杂的过滤器。内置的表达式有电话拨号音的声调、波形和效果等。音乐领域对音乐制作的需求一直占据了世界的重要领域，促进和刺激了软件的发展，更多的专业技能在不断的提高和研发。新一代的Gold Wave系列也正在开发中。1.1.2 GoldWave发展趋势论前景的话，目前世界的广大音乐爱好者学会了自己编辑音乐，也出现越来越多的网络流行歌手，而音乐的发展离不开拥有专业的音乐的编辑制造。因此Gold Wave得发展前景是可想而知的辉煌。1.1.3音乐的基本理论 在编辑音乐之前我要了解音乐审美核心，主要作用于人的情感世界。音乐课的基本价值在于通过以聆听音乐、表现音乐和音乐创造活动为主的审美活动，使学生充分体验蕴涵于音乐音响形式中的美和丰富的情感，为音乐所表达的真善美理想境界所吸引、所陶醉，与之产生强烈的情感共鸣，使音乐艺术净化心灵、陶冶情操、启迪智慧、情智互补的作用和功能得到有效的发挥，以利于学生养成健康、高尚的审美情趣和积极乐观的生活态度，为其终身热爱音乐、热爱艺术、热爱生活打下良好的基础。不管你的MP3歌曲的简单剪接或者音频格式的转换,还是更加高级的后期加工 GoldWave都可以令你轻松胜,甚至你自己录一首卡拉OK,也可以经过GoldWave的修饰成为像歌星一样水晶般的动人声音!1.2 Flash软件简介1.2.1 Flash现状广告市场对商业插画的需求逐渐扩大，促进和刺激flash动画的多元化、商业化！网络动画的画面简陋、节奏冗长的缺点，逐渐被效果精美、节奏快速的插画和影视广告所影响；直至取代！flash动画及市场发展分析:第一代注重技巧，第二代注重美术，第三带注重形式，第四代注重市场；只有适应市场、引导市场，第四代flash动画才能在以后的发展中立足并立业。传统动画和网络动画的对比:传统动画：注重动画节奏、故事内容、造型和背景，美术风格。网络动画：注重创意形式、人文情感、叛逆和笑料、音乐和动效，制作手法：一个注重团队合作，一个注重个人风格。 第四代flash动画的职业特点:完备的专业技能、敏锐的商业意识、自由的宽松的工作环境、快乐富有的生活质量。商业插画打造第四代flash动画:在修养、沟通、理解、协作、技能五大方面进行完整训练，打造第四代flash动画！1.2.2 Flash发展趋势论前景的话，目前中国广大flash爱好者主要把精力集中在了网页的导航栏，flash全站，游戏制作，动画制作等等上面比较多，其实国外已经很多地方用到了工业，生产等各个方面，因为flash的自由性非常高，往往可以把界面，按钮等制作的非常动感，这也是大家有目共睹的，所以flash的前景是只有想不到，没有做不到的。第二章 剧本的设定2.1 剧本内容 在围绕偏爱这首歌的前提下，写了一对恋人在一个明媚的春天，由于一点点小小的误会女方提出分手，男生不同意，无奈女方去意已决，在离开之后，男生尾随去了，突然，一辆车子朝女孩飞奔而来，女孩没有注意到，被男生一把推开，而最后男孩为了救自己心爱的女孩不幸失去了自己的生命。2.2剧本设计在学习动画设计之前有必要对多媒体动画设计的步骤进行简单介绍。可以不夸张地说，多媒体动画设计是个相当复杂的系统过程，尤其在作品比较大、比较重要的时候。设计人员必须胜任整个过程，要先制订一个总体计划，否则设计工作必然是又费力气又费时间。在学习动画设计的时候必须要先制订全盘计划再动手设计。 制作多媒体动画时，随着质量要求及内容的多少，所付出的精力和时间有所不同。根据经验，制作多媒体动画的过程大体可分为三个阶段： 第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。 第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。在收集素材时应注意严格要求以保证质量。 第三阶段，用Flash将收集的素材集成并测试；在这个过程中应不断地进行测试，对发现的问题及时加以修改以保证精心制作的多媒体动画问世。 制作多媒体动画时，如果有多人分工合作，要注意相互协调每个人的工作。亲身体验制作过程，每一位参与者一定能够积累一些经验，对多媒体的制作有更深刻的体会。首先，出现的是制作MTV的歌曲曲目，以及演唱者和作词、作曲者。进入到舞台是MTV要出场的男、女主角的。然后是通过通过人物的动作和对话来表达本体MTV的的基本思想动，首先，当男生在窗台看到自己的女朋友正朝着他的房子走来是心理是万分的高兴，但是但他的女朋友进门的第一句话就是“我们分手吧！”最后女朋友甩门而出，男友还是跟上来苦苦的哀求她给自己一个爱她的机会，但是女友像没有听到一样向前走，当走在人行道上是她好像无视一切存在的东西，一辆飞奔的中巴车无法停止前进的齿轮，男友看到自己心爱的女友在面临危险的时候不顾自己的生命去营救女友，在这幕爱与不爱、爱与生命做选择的时候他选择了牺牲自己挽留心爱的人。他永远的离开了，离开了他在生命最后一刻所能为爱做出的最后的机会。女友哭了，嘶哑的声音好像穿透了天空，也许他只是想让天上的他听到她的心痛，她后悔她之前的说过的话。整个大地被鲜血染红了，泪与血交融了。音乐与场景的呼应。创造了一幅催人泪下的动画MTV。第三章 前期准备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中，进行编辑，将剧本中所需要的素材都单独保存起来。这些素材主要包括剧中人物，公路，房子第四章 MTV的制作4.1 背景音乐的导入上节把选好的音乐导入到Flash中，这是一首MP3格式的音乐文件偏爱.mp34.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所示图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帧处标出“偏爱”文字的X/Y位置。如图4.22所示。 图4.22 星星围绕手机移动动画的制作（8）制作男女主角的图形元件按ctrl+F8键创建一个新的图形元件，命名为女主角，把制作好的位图导入到【库】文件，然后拖入到舞台中，分离打散位图文件，点击魔术棒，然后单击打散的文件空白处按“Delete”键删除多余的空白处。这样元件就制作好了。如图4.23/4.24所示。（男主角同上） 图4.23 男主角 图4.24 女主角（9）制作过程中，人物的运动是用动画补间来完成，人物对话是插入关键帧。背景只是一个普通帧，根据场景的变换，切换成不同的背景，切换的实现也是采取关键帧的方法。在MTV动画的最后，男主角出车祸流血画面是运用了形状补间动画来实现。、至此，整个MTV动画制作完成。第五章 动画测试5.1动画测试5.1.1测试的目的（1）发现错误（2）解决错误（3）有效定义和实现软件成分由低层到高层过程（4）验证软件是否满足任务书和技术要求5.1.2动画通过的测试发现的问题 (1)在制作男主角出车祸流血的场面，影片导出时，无法实现男主角流血的形状补间动画。 (2)返回到场景中，寻找问题返回到场景中，找到男主角出车祸场面，反复斟酌“流血”图层，发现是由于元件在做补间动画过程中没有分离打散，以至于无法实现流血的动画效果。5.2解决测试发现的问题（1）重新编辑，创建形状补间动画 。 选中“流血”元件，单击“修改”|“分离”，将元件打散，在后面几帧处插入关键帧，将元件做形状变形，最后做形状补间动画，完成后测试问题得到了解决。（2）重新测试，补间动画的效果图和预期想象的一样了，影片测试成功了了。5.3测试结论 导致这样一问题的，因为自己粗心没有在关键处打散分离软件，在以后的制作当中应当，做完一个动画应锁定相关图层，以免导致类似的问题.设计总结通过此次的课程设计，使我对自己所学Flash动画设计知识的认识有了更深一层次的提高，并且有了一些切身的体会。光有动画设计的理论知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。而这次的课程设计就提供了一次非常好的实践操作的机会，使我对Flash动画短片的设计制作有了一定的了解。此次收获最大要具有一颗细心的心，激情的态度，且持之有恒，并且耐得住寂寞。在制作过程中要敢于尝试，发现问题，解决问题。制作一个简单的MTV,不