flash设计说明书.docx
《flash设计说明书.docx》由会员分享，可在线阅读，更多相关《flash设计说明书.docx（18页珍藏版）》请在冰豆网上搜索。
flash设计说明书
《Flash动画设计》
设计说明书
姓名：
佟乃坤
学号：
***********
班级：
09软件
**********************
完成日期：
2011.6.23
设计要求
考核
目的
《Flash动画设计》课程设计为该门课程的综合设计环节，能够有效锻炼学生的自主学习能力和综合设计能力，培养学生的创新精神和动手实践能力
考核
项目
要求
具体评价细则及要求：
1、内容要求（40分）：
Flash动画作品内容完整，思想健康、积极向上，能够明确的表现一个主题。
1）动画作品有flash按钮适当地控制交互功能。
2）动画中运用As脚本技术完成特效制作（如loding、随机效果、时钟效果等）
3）使用音乐，且音乐与动画、歌词同步循环播放。
4）动画首页应包含学号、姓名、院系、专业、班级、个人简介及动画简介等。
2、设计要求（10分）：
动画画面设计合理，画面转换恰当。
充分运用各种flash技术，熟练掌握工具箱、面板、层、时间轴、元件等的应用方法。
3、技术要求（30分）：
在动画实现中，须使用遮罩层、引导层、形状补间、动作补间、flash按钮等技术，没有技术实现错误，补间应用合理。
4、美工要求（10分）：
动画画面颜色运用适当，美观，视觉效果好，并具有个人设计风格。
5、创意要求（10分）：
动画作品富有新意，情节引人，有自己的特色。
注：
对作品互相抄袭或从他人网站下载抄袭者将给予扣分，完全抄袭者成绩为零分！
！
！
《电脑测智商》动画短片设计说明书
第一章概述
1.1Flash软件简介
1.1.1Flash现状
Flash的前身是FutureSplash，是早期网上流行的矢量动画插件。
后来由于Macromedia公司收购了FutureSplash以后便将其改名为Flash2。
它是针对矢量图形编辑和动画创作的专业软件，目前，它已经升级到FlashMX版本，功能十分强大。
正是因为它采用了矢量图形编辑制作，使得Flash输出的电影动画（*.swf）具有文件小、效果好、图像细腻、对网络带宽要求低以及可无损放大等诸多优点，从而，深受广大电脑动画设计者和网页设计者的喜爱。
可以说，Flash已经渐渐成为交互式矢量的标准，未来网页的一大主流。
1997年FALSH开始出现在中国，FLASH是一个技术门槛比较低，开发成本也
相对比较低的优秀软件。
它让不少业余爱好者很快能够加入到创作者的行列中来。
最初的FALSH动画制作，大部分人的作品"不堪卒睹"，完全处于一种自娱自乐的状态中。
但是因为其中有不少人曾经擅长图像、动画等的制作，他们慢慢的成长为优秀的FALSH的创作者。
逐渐的一些比较优秀的创作脱颖而出。
国外大量的优秀FLASH动画在国内迅速传播，因其不少作品很符合大众口味。
而且FLASH这种新颖的便于网络传播的形式，喜好FLASH动画的观众数量积聚增加。
一项由某著名品牌发起的最新网上调查表明，FLASH网络动画已成为越来越多上网族的最爱。
在"你认为什么是最酷"的提问中，Flash名列众多答案的榜首，另有半数以上的被调查者认为FLASH是网络时代新潮一族的至酷标志。
调查还发现，83%的人对Flash有相当了解，其中更有超过“三分之一”的人自己制作过FLASH，而93%的人愿意尝试
自己学做FLASH。
在商业领域，因为FLASH的网络传播性，画面的可塑性。
很快成为了企业或商们都喜好的网络展示形式，用于他们的商业站点，产品展示，乃至会议演示，都有
FLASH的踪影。
国内几个经济发达城市出现了一大批专门从事FLASH设计的工作室，公司。
一些
提供咨询、设计方面的技术公司，广告公司都开始设立专门的部门。
FLASH热开始席卷。
FLASHER们也开始聚集，并且开始业界化。
1.1.2Flash发展趋势
FLASH是高效的转播载体，同时加上它不断增强的开发潜力，跨媒体应用的可能，这样就会促使一些优秀的新产品，这里尤其看好的是在移动设备上的应用，比如使用FLASH制作用于手机（或掌上电脑）上的游戏，使购买一部手机的用户可以不断更换他手机中的游戏，这样会吸引大量的年轻购买力。
（在手机GAME方面日本已经有了非常好的成功先例）人们可以使用移动设备（包括手机，掌上电脑等）随时随地的观看喜爱的动画片。
这些目前虽然还处于技术尝试阶段，但他启示了FLASH的良好前景。
第二章剧本的设定
2.1剧本内容
《电脑测智商》写了两个男孩在逛街的时候，看见一个神奇的电脑测智商的店，然后他们走了进去。
第一个男孩测了一下智商，电脑显示是180，第二个男孩也测了一下，电脑运算了好一会才慢吞吞的显示“别拿石头开玩笑”。
第二个男孩回到家后努力读书，读了《唐诗》，《宋词》等书，然后他又去测，测完后又过了很长时间电脑才显示“这块石头似曾相识”，这是一个笑话，中间伴随着《国歌》乐曲，增强了喜剧效果，让人开怀一笑，缓解生活压力，愉悦身心健康。
2.2剧本设计
在学习动画设计之前有必要对多媒体动画设计的步骤进行简单介绍。
可以不夸张地说，多媒体动画设计是个相当复杂的系统过程，尤其在作品比较大、比较重要的时候。
设计人员必须胜任整个过程，要先制订一个总体计划，否则设计工作必然是又费力气又费时间。
在学习动画设计的时候必须要先制订全盘计划再动手设计。
制作多媒体动画时，随着质量要求及内容的多少，所付出的精力和时间有所不同。
根据经验，制作多媒体动画的过程大体可分为三个阶段：
第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。
第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。
在收集素材时应注意严格要求以保证质量。
第三阶段，用Flash将收集的素材集成并测试；在这个过程中应不断地进行测试，对发现的问题及时加以修改以保证精心制作的多媒体动画问世。
制作多媒体动画时，如果有多人分工合作，要注意相互协调每个人的工作。
亲身体验制作过程，每一位参与者一定能够积累一些经验，对多媒体的制作有更深刻的体会。
第三章前期准备
3.1背景音乐的制作
3.1.1编辑音乐的思路
第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。
第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。
在收集素材时应注意严格要求以保证质量。
制作声音我选择了比较好用的DoldWave软件
3.1.2GoldWave简介
GoldWave是一个集声音编辑，播放，录制，和转换的音频工具，体积小巧，功能却不弱。
可打开的音频文件相当多，包括WAV,OGG,VOC,IFF,AIF,AFC,AU,SND,MP3,MAT,DWD,SMP,VOX,SDS,AVI,MOV等音频文件格式，你也可以从CD或VCD或DVD或其它视频文件中提取声音。
内含丰富的音频处理特效，从一般特效如多普勒、回声、混响、降噪到高级的公式计算（利用公式在理论上可以产生任何你想要的声音），效果多多。
GoldWave是一个功能强大的数字音乐编辑器，她可以对音乐进行播放、录制、编辑以及转换格式等处理。
以下是GoldWave的特性：
1直观、可定制的用户界面，使操作更简便；
2多文档界面可以同时打开多个文件，简化了文件之间的操作；
3编辑较长的音乐时，GoldWave会自动使用硬盘，而编辑较短的音乐时，GoldWave就会在速度较快的内存中编辑；
4GoldWave允许使用很多种声音效果，如：
倒转（Invert）、回音（Echo）、摇动、边缘（Flange）、动态（dynamic）和时间限制、增强（strong））、扭曲（warp）等；
5精密的过滤器（如降噪器和突变过滤器）帮助修复声音文件；
6批转换命令可以把一组声音文件转换为不同的格式和类型。
该功能可以转换立体声为单声道，转换8位声音到16位声音，或者是文件类型支持的任意属性的组合。
如果安装了MPEG多媒体数字信号编解码器，还可以把原有的声音文件压缩为MP3的格式，在保持出色的声音质量的前提下使声音文件的尺寸缩小为原有尺寸的十分之一左右.
7CD音乐提取工具可以将CD音乐拷贝为一个声音文件。
为了缩小尺寸，也可以把CD音乐直接提取出来并存为MP3格式；
音乐领域对音乐制作的需求一直占据了世界的重要领域，促进和刺激了软件的发展，更多的专业技能在不断的提高和研发。
新一代的GoldWave系列也正在开发中。
3.1.3GoldWave发展趋势
论前景的话，目前世界的广大音乐爱好者学会了自己编辑音乐，也出现越来越多的网络流行歌手，而音乐的发展离不开拥有专业的音乐的编辑制造。
因此GoldWave得发展前景是可想而知的辉煌。
3.1.4音乐的基本理论
音乐基本要素：
音乐的基本要素是指构成音乐的各种元素，包括音的高低，音的长短，音的强弱和音色。
由这些基本要素相互结合，形成音乐的常用的“形式要素”，例如：
节奏，曲调，和声，以及力度，速度，调式，曲式，织体，音色等。
构成音乐家的形式要素，就是音乐的表现手段。
音乐的最基本要素是节奏和旋律。
1、节奏：
音乐的节奏是指音乐运动中音的长短和强弱。
音乐的节奏常被比喻为音乐的骨架。
节拍是音乐中的重拍和弱拍周期性地、有规律地重复进行。
我国传统音乐称节拍为“板眼”，“板”相当于强拍；“眼”相当于次强拍（中眼）或弱拍。
2、曲调：
曲调也称旋律。
高低起伏的乐音按一定的节奏有秩序地横向组织起来，就形成曲调。
曲调是完整的音乐形式中最重要的表现手段之一。
曲调的进行方向是变幻无穷的，基本的进行方向有三种：
“水平进行”、“上行”和“下行”。
相同音的进行方向称水平进行；由向高音方向进行称上行；由高音向低音方向进行称下行。
曲调的常见进行方式有：
“同音反复”、“级进”和“跳进”。
依音阶的相邻音进行称
3.1.5音乐的剪辑过程
（1）在DoldWave中打开音乐文件，运行DoldWave5.5软件，执行【文件】|【打开】命令，弹出的【打开声音文件】对话框，找到需要处理的音乐素材文件，单击【打开】按钮，如图3.1所示。
图3.1GoldWave5.5的工作界面图3.2【打开声音文件】对话框
音乐文件打开后，DoldWave的工作界面发声了变化，工作界面中间是打开的“国歌.mp3”编辑窗口，如图3.3所示。
图3.3Goldwave编辑窗口
（2）截取需要上网声音文件。
单击【播放】按钮*音乐开始播放，试听过程中，造第一段开始时单击【暂停】按钮*，这里为我们要截取为音乐的起始位置。
在音乐编辑串口的起始位置单击一下鼠标左键选中，同时几下这段音乐的时间段为00:
00:
00，时间提示明细编辑在音乐编辑窗口最下端，如图所示。
起始位置选好后，单击【播放】按钮，听到第一段歌词结束播放时，再次单击【暂停】按钮，这里为截取音乐的终止位置，在音乐编辑窗口的终止位置右击，在贪吃ude快捷菜单中选择【设置结束标志】，同时几下这段音乐的时间段为00:
01:
37，选择的音乐在音乐【编辑窗口】中高亮显示，如图3.4所示
图3.4设置音乐的开始标记
图3.5选取音乐段
此时，可以再反复单击【播放】按钮，试听选择的音乐段是否精确，根据试听的效果，可以用鼠标拖动起始位置和终止位置，知道符合要求为止。
最后执行【编辑】|【复制】命令，在执行【编辑】|【粘贴为新文件】命。
令，这样就把截取的音乐段复制到了一个新建的声音文档中了。
（3）编辑声音效果。
通过上面的截取过程，我们得到了整体音乐的部分音乐。
为了实现一些特殊效果，我们还可以根据需要对整段音乐的部分音乐进行声音效果的编辑，不如添加回升、混响、淡入、淡出效果等。
3.2剧本素材的收集
网上下载好矢量图片，在软件Iullstrate中，进行编辑，将剧本中所需要的素材都单独保存起来。
这些素材主要包括剧中人物，电脑，房子……
图3.6电脑
第四章MTV的制作
4.1背景音乐的导入
上节把选好的音乐导入到Flash中，这是一首MP3格式的音乐文件国歌.mp3
4.1.1音乐的导入
（1）创建音乐图层。
新建Flash文档，在【属性】面板中设置【背景】为蓝色。
将【图层1】重新命名为“音乐”，音乐“国歌.mp3”将放置在该图层上。
（2）将音乐导入到Flash中。
执行【文件】|【导入】|【导入倒库】命令，弹出【导入到库】对话框，在该对话框中选择要导入的声音“国歌.mp3”，单击【打开】按钮，将声音导入到【库】中，如图4.1所示。
（3）将音乐文件导入到场景中，选择【音乐】图层的第一帧，在属性面板中打开【声音】下拉菜单，选择刚导入的“国歌.MP3”。
4.1.2计算和查看音乐长度的方法
（1）直接计算音乐的长度。
要计算音乐的长度，首先应该知道音乐的播放时间，选择【音乐】图层的第一帧，打开【属性】面板就可以看到相应的信息，如图4.3所示。
图4.1音乐文件的相关信息图4.2延伸帧
在新建文件的时候，将动画的播放速度采用默认的设置，【帧频】为12fps，即每秒播放12帧。
通过上面的信息提示可以获得音乐文件“国歌.mp3”的时间为97s,那么可以用计算的方法算出播放完整音乐所需要的帧数：
12*97=1164。
选择【音乐】图层的第1164帧，按F5键延伸，使音乐能在时间轴上播放完整，如图4.3所示。
图4.3查看音乐长度的帧数
4.1.3流类型的音乐设置
FlashMTV以音乐衬托画面，在制作FlashMTV的时候，非常重要的一点就是，要音乐与歌词及我们所做的东湖是效果哦同步显示，这样才符合MTV最今本的要求，这样要用到“流类型”的音乐设置。
（1）选中【音乐】图层的第一帧，打开【属性】面板选中【同步】下拉菜单，选择“数据流”，如图4.4所示。
图4.4数据流属性面板
4.2动画设计制作
4.2.1新建FLASH文档
因为flash涉及到2.0版本和3.0版本，而本次的MV中含有脚本的编辑故选用2.0.新建一个文件，在[文档属性]中，将尺寸设为550*400像素，单位为像素，背景颜色设置为白色，并将帧频设置为12.0fps.
4.2.2创建开始图层
首先要做的是《电脑测智商》的开始场景原件
图4.5开始场景
此图是运用矩形工具以及辅助线做成的，此场景的的焦点是电脑测智商的门故应以为重点向外延伸，画出高楼的样子，去掉多余的辅助线，填充上颜色建成以上场景。
电脑测智商是一个比较搞笑的动画短片，两个主人公看到电脑测智商这样一项我们看似很搞笑的地方，他们进去测智商，所以我便设计了下面两个主人公，主要是运用矩形。
椭圆等工具经过变形画出的形象，比较搞笑的两个人
图4.6两个主人公
下为本短片所需要的元件：
图4.7元件图
此短片的开头是两个主人公看到这个电脑测智商的大楼眼前一亮有了进去的冲动下图
图4.8开场简介
图4.9我的个人信息
接着便开始编辑剧本，先把需要的元件拖入场景中，开始编辑他们进入屋内的一些场景及他们的对话和动作
图4.10电脑测试仪
图4.11简单的室内图
进入屋内他们便开始测各自的智商但是两个人的智商差很多一个为180一个却被当成石头这是本短片最搞笑的地方如下图
图4.12第一个人测试及结果
图4.13第二个人的测试结果
测试后第二个人遭受打击回去便奋发读四书五经一个月后又去测智商结果还是一样的，他彻底崩溃了
图4.14一个月后测试图
图4.15崩溃图
图4.16循环播放按钮
4.3循环播放按钮的的制作
先新建一个按钮元件，将其命名为循环播放按钮，进入到按钮的编辑区，根据下图所示将按钮的各帧做好，最终形成下图的效果
图4.17循环播放按钮制作示意图
第五章动画测试
5.1动画测试
5.1.1测试的目的
（1）发现错误
（2）解决错误
（3）有效定义和实现软件成分由低层到高层过程
（4）验证软件是否满足任务书和技术要求
5.1.2动画通过的测试发现的问题
（1）在制作开头男1号头上出现问号的场面时，影片导出时，无法实现男1号头上出现问号的形状补间动画。
（2）返回到场景中，寻找问题
返回到场景中，找到男1号问号场面，反复斟酌图层，最后实现了男1号头上出现问号效果。
5.2解决测试发现的问题
（1）重新编辑，创建形状补间动画。
选中“问号”元件，单击“修改”|“分离”，将元件打散，在后面几帧处插入关键帧，将元件做形状变形，最后做形状补间动画，完成后测试问题得到了解决。
（2）重新测试，补间动画的效果图和预期想象的一样了，影片测试成功了了。
5.3测试结论
导致这样一问题的，在以后的制作当中应当，做完一个动画应锁定相关图层，以免导致类似的问题.
第六章设计总结
通过此次的课程设计，使我对自己所学Flash动画设计知识的认识有了更深一层次的提高，并且有了一些切身的体会。
光有动画设计的理论知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。
而这次的课程设计就提供了一次非常好的实践操作的机会，使我对Flash动画短片的设计制作有了一定的了解。
此次收获最大要具有一颗细心的心，激情的态度，且持之有恒，并且耐得住寂寞。
在制作过程中要敢于尝试，发现问题，解决问题。
制作一个简单的MTV,不仅仅只是学会Flash这一个软件就可以的，需要我们有更广泛的音乐、美术功底。
因为我的音乐天赋不是很好所以我就采用了《国歌》做背景音乐，以增加喜剧效果，美术方面：
在制作的过程中，我体会到了无论是广告设计还是动画的制作都离不开美术这门学科，因为我的美术没有什么功底，所以我就简简单单的画了两个男主人公。
在与欣赏时影响审美观的时候希望老师能够谅解。
如果以后我要从事动画和广告的设计方面的工作我会美术这方面加强学习。
因为在设计的过程中有好多需要没有的图片，所以我就从网上下载了，感觉无论网上的再好那都是别人的思想，所以在制作的过程中有的不合主题的图片希望老师多多谅解。
整个制作过程中我深深体会到，不能急于求成，一来就马上编程，应该多做分析和研究，理清思路。
前一阶段的工作的好坏将直接影响后一阶段工作的开展。
多学习多请教，更多新的技术不断的涌现，可以通过请教别人或者多上网学习别人的制作方法，可以转变成你的知识，才能做的更好。
这些经验是相当宝贵的，为我们以后能够编出更好的程序是一个良好的启发。
限于我的技术水平有限这次的课程设计说明书和作品的错误和不当之处在所难免，还得请老师多多指教！
在这次的课程设计中虽然学会了很多，也感到自身知识的贫乏，希望在日后的努力学习中把它做成更完善的系统，并能做其他完善的系统。
参考文献
[1]李红玉.Flash动画制作[M].北京：
地质出版社，2009
[2]刘甘娜，朱文胜，付先平.多媒体应用基础[M].2版.北京：
高等教育出版社，2000.111~13
[3]《FlashCS3动画设计与制作300例》,李建生，电子科技大学出版社，2010.
信息工程学院
《Flash动画设计》实践环节考核报告单
2010-2011学年度第二学期期末
排课编号：
（2010-2011-2）-0502456-00144-2批阅日期：
年月日
姓名
佟乃坤
班级
09软件
学号
20091130126
评分标准及
得分
评分标准
满分
得分
Flash动画作品内容完整，思想健康、积极向上，能够明确的表现一个主题。
40
动画画面设计合理，画面转换恰当。
充分运用各种flash技术，熟练掌握工具箱、面板、层、时间轴、元件等的应用方法。
10
在动画实现中，须使用遮罩层、引导层、形状补间、动作补间、flash按钮等技术，没有技术实现错误，补间应用合理。
30
动画画面颜色运用适当，美观，视觉效果好，并具有个人设计风格。
10
动画作品富有新意，情节引人，有自己的特色。
10
考核成绩
任课教师签名
升级会员 