动漫设计与制作毕业设计（论文）论flash动画.doc

学号：1003671005鹤壁职业技术学院电信系毕业设计（论文）题 目： 论flash动画 姓 名： 学号： 1 专业：动漫设计与制作 班级： 10动漫班 指导教师： 职称： 2012 年 5月摘要：flash是一种创作工具，设计人员和开发人员可以使用它来创建演示文稿、应用程序和其他允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于他们之间的任何内容。同时也可以通过添加图片声音、视频和特殊效果，构建包含丰富媒体的flash应用程序。本设计主要内容是歌曲“那些年”动画设计。本文来分析flash动画的现况，并将动画设计的基本步骤陈列出来：人物设计、场景设计、动画设计、动画与音乐的协调。Flash的MTV与传统的有所不同，不同之处在于听到优美的音乐同时，还可以给人一种视觉上的新感受。关键词：flash、动画、MTVAbstract: flash is a kind of creation tools, designers and developers can use it to create demonstration draft, the application and the other allows users to interactive content. Flash can contain simple animation, video content, complex demo application, and in-between manuscripts and between them of any content. At the same time also can add images through video and sound, special effects, constructing contain rich media flash applications.This design main contents are the songs "those years" animation design. This paper analysis of the status of the flash animation, and the basic steps of animation design on displays: character design, scene design, animation design, animation and music of coordination. The MTV and the traditional Flash is different, the difference is the beautiful music heard at the same time, still can give a person a kind of visual new feeling.Keywords: flash, animation, MTV目 录第1章 引言11.1 Flash的概述11.2 Flash动画的三大基本功能 1.2.1 编辑图形 1.2.2 补间动画1 1.2.3 遮罩第2章 FLASH动画的优点及其局限性12.1 Flash动画的优点12.2 Flash动画的局限性2第3章 FLASH动画制作43.1 准备工作43.2 mp3导入53.3 背景层制作53.4 歌词与音乐同步的效果制作3.5 制作片头3.6 Flash动画文件的保存和发布第4章 FLASH动画的发展方向15结论参考文献第一章 Flash概述Flash是由美国Macromedia公司出品的用于矢量图编辑的动画创作的专业软件。Flash软件主要用于动画制作，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。flash是一个优秀的矢量绘图与动画制作软件，它秉承了矢量绘图软件的所有优点，能制作出声色俱佳的动画效果。强大的动画编辑功能能使得设计者可以随心所欲的设计出高质量的动画，图片的特别处理，使flash具有更大的设计空间。随着科技的发展，HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又有功能强大的动画设计工具，而Flash的出现正好满足了这种需求。使用该软件可以制作网页交互式动画，还可以将一个较大的交互动画。Flash动画发展过程分成三个阶段：1、简单FLASH动画期。2、复杂FLASH动画期。3、大型FLASH动画期。在这两次飞跃中从第二个阶段到第三个阶段飞跃对FLASH制做行业的影响是极其深远的。大型FLASH动画就是那些综合应用FLASH及其相关联的软件，全面地表达了一种明确主题或者完成了一项完整的商业功能的多个意念主题的组合。大型FLASH动画综合了多种技术与技巧，整合了多种编程语言（包括前台的HTML/JAVASCRIPT、后台的PHP/ASP/CGI等），是多种图像处理工具的结晶（包括3DMAX、CORELDRAW、FREEHEAD、PHOTOSHOP等）。这种大型的应用由一两个人根本不可能完成，团队制做将在这种复杂的应用中表现出强大的生命力。新版本在动画制做与易用性方面并未有大幅的提高与改善，但在脚本编程方面却有明显的加强，甚至包含了支持电子商务（XML）的功能。从这些新特性可以看出未来FLASH制做的趋势将向三个方向发展：一是纯动画短片的制做；二是交互式的商业应用；三是既有动画短片，又有交互内容的综合应用。1.1 flash动画的三大基本功能flash动画设计像我们通常看到的广告片段一样，它是可以通过文字、图片、录像、声音等综合手段形象的体现一个意图。一般利用它来制作公司形象、广告宣传片、MTV，可以达到非常好的效果。其是一个矢量动画格式，具有体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等诸多优点。而在这之中，flash动画的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。1.2.1编辑图形绘图和编辑图形不但是创作Flash动画的基本功，也是进行多媒体创作的基本功。只有基本功扎实，才能在以后的学习和创作道路上一帆风顺。 使用Flash Professional 8绘图和编辑图形这是Flash动画创作的三大基本功的第一位。 在绘图的过程中要学习怎样使用元件来组织图形元素，这也是Flash动画的一个巨大特点。编辑图片的方法即：打开软件，选择要编辑的图片，（注意调整画布大小与图片大小）更改动态图片间隔的时间，间隔时间根据自己的感觉来定。如果是动态的图片，想要使其动起来就必须有帧组成，那么将下一帧导入一张和上一张大小属性一样的图片。 1.2.2补间动画补间动画是整个Flash动画设计的核心，也是Flash动画的最大优点，它有动画补间和形状补间两种形式。 用户学习Flash动画设计，最主要的就是学习“补间动画”设计。 在应用影片剪辑元件和图形元件创作动画时，有一些细微的差别，你应该完整把握这些细微的差别。 还有补间动画的帧，启动画的主要作用，只有使用帧才能使动画更完美！创建形状补间动画的方法：在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变形的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，这时，一个形状补间动画就完成了。 1.2.3遮罩遮罩是Flash动画创作中所不可缺少的这是Flash动画设计三大基本功能中重要的出彩点。 使用遮罩配合补间动画，用户更可以创建更多丰富多彩的动画效果：图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。并且，从这些动画实例中，用户可以举一反三创建更多实用性更强的动画效果。遮罩中可以使用的动画形式可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。 遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建千变万化的形式，你应该对这些形式作个总结概括，从而使自己可以有的放矢，从容创建各种形式的动画效果。使用方法：第一步：把上面的圆转换为图形元件；第二步：在第15帧处插入关键帧，选中元件，把它放在场景的最右端，在两帧之间右键选择“创建补间动画”，选中第1帧，右键选择“复制帧”，在第30帧处粘贴帧，在第15帧和第30帧处右键选择“创建补间动画”；第三步：把被遮罩层的帧延长到第30处；第二章 Flash动画的优点及其局限性2.1 flash动画的优点（1）操作简单，硬件要求低。Flash学习简单掌握，只要有一定软件基础，在很短的时间内就可以学会flash的基本操作。而且不需要硬件上有很大投资，仅需要一台普通的电脑便可。（2）功能较为强大、综合众多环节、节约制作成本、可控性强。Flash集众多功能为一体，绘画、动画编辑、特效处理、音效处理等都可以在这个软件中操作完成；flash动画制作成本非常低，使用flash制作的动画能够大大的减少人力、物力资源的消耗。同时，在制作时间也会大大缩短。动画适量的掌控是传统动画制作中比较难解决的问题，很多时候是因为参与制作的人员太多，工序复杂，每个环节之间沟通交流不够，很多操作环节不直观以至于不能及时发现问题，即使发现某个环节出现问题，由于制作周期的限制或返工导致成本的增加。用flash制作动画时就很大程度上解决了这个问题，很少的制作人员可以集中在一起相互协作，也可以直观地看到效果，遇到问题时也可以及时解决。（3）flash动画具有交互性优势，更好地满足观众的需要，他可以让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运作过程和结果。3.2 flash动画的局限性（1）用flash制作复杂的动画时会感觉很费劲，特别是制作复杂的动作。碰到需要逐帧过度的复杂动作，造型比较写实时，利用传统动画制作方法中，不管多么复杂的动作都可以解决。（2）矢量绘图的局限。在电脑中绘画不必用铅笔在纸上绘画，他很难控制笔触的准确运行。画风格简洁又卡通的角色时比较容易，但是要绘制写实、精细风格的角色时就有点力不从心，特别是在绘制矢量背景时这个问题更加凸显。第三章 Flash动画制作3.1 准备工作首先要确定你要做一个什么类型的MTV,是给谁看的。就象写作文一样，先列一个提纲，好好把中心思想总结一下，想想中间应该设计些什么剧情呀，或制造什么效果之类的，把这些想好一个轮廓以后，找点素材。选择资料的时候可以自己动手绘制，但也可以找些来，使用JPG时，最好先把它的像素增大一些，但大体积的JPG会影响播放速度，尤其是你又给它加上动作之后。需要注意！尽量选择一些矢量图了。 3.2 mp3导入打开【文件】点击【导入】点击【导入到库】游览所选择声音文件的保存路径，选定声音，点击【打开】，将声音文件【导入到库】（打开库的快捷键是【ctrl+L】。）如图【3.2.1】所示图【3.2.1】3.3 背景层的制作打开【背景层】小锁，把库中背景图片拖到舞台上，在背景图片上按鼠标右键单击【转化为元件】，出现对话框，在【名称栏】输入元件名称，元件类型分【影片剪辑】、【按钮】、【图形】三种，点击【图形】前的小圆点，选中（选定转化为图形）点击【确定】。如图【3.3.2】所示图【3.3.2】背景制作完毕，锁定【背景层】。3.4 歌词与音乐同步的效果制作1、选择“窗口”菜单下的“库”命令，在打开的库中。点第一帧，在声音面板中找到导入的mp3文件，然后在同步中选择“数据流”，【数据流】同步音乐的方法，它所起的作用是播放动画的同时，与动画对应的声音也同时播放。当发布于影片时，音频流混在一起的，是flash强制动画和音频流同步，而且音频流的播放时间绝对不会比帧播放的时间长。Flash MTV以音乐或者歌词来贯穿全部作品，以图形解释音乐，以音乐衬托画面，是视觉和听觉双重方式向观众表达作者创作的主题。因此，在用flash制作MTV时，一定要使用流类型的声音设置，只有这样，才可以使声音文件和MTV的动画同时播放，画面与音乐结合得更紧密。如何设置，见下图【3.4.1】图【3.4.1】此时第一帧上出现一根横线，表示里面已经有声音动作了。在声音面板上找到“编辑”，打开，在右下角有放大、缩小、查看长度和时间的四个按钮。按下查看长度按钮后，可看到插入的mp3文件的长度。记好文件长度数后，回到舞台场景中，在文件长度的最后一帧处加入关键帧，创建动画动作，声音的波长就会显示出来。最后将音乐层的名字重新命名为歌曲层。2、增加四个图层，从上到上名称分别为框架层、歌词01层、歌词02、遮罩层。在框架层中的选中第1帧，在舞台底部用矩形工具画一个黑色长方形。3、打开歌词层小锁，在歌词层中写上班级姓名，同时插入关键帧，按右键选中全部文字，在【属性】中设置【字体】、【字体大小】、【颜色】等，点击工具栏中的【移动工具】把文字移动到合适的位置。如图【3.4.2】所示图【3.4.2】4、按Enter播放，在第一句和第二句结束时分别在01层和02层插入空白关键帧。来到遮罩层后，在155帧插入关键帧，并在两句歌词前画两个小矩形，比字的长度长一点，在第一句结束时的地方插入关键帧，并把一小矩形拖长到全部覆盖歌词，补间为动画。在第二句结束时也插入关键帧，并拖第二矩形覆盖歌词，补间也为动画。在遮罩层中右击，勾中遮罩。如图【3.4.3】所示：图【3.4.3】5、按Ctrl+Enter测试，查看效果。成功后下面的歌词全部按以上方法做，然后测试。3.5 制作片头片头是整个MTV的开始，他显示了歌曲和制作者。（1）片头“那些年”的制作效果主要是使用“逐帧动画”和“数据流”来实现的，如图【3.5.1】所示：图【3.5.1】3.6 Flash动画文件的保存和发布（1）文件的保存：整个操作完成后，点击【文件】【另存为】选择保存的路径【保存】（2）文件的发布：点击【文件】【导出影片】【输入文件的名字】【保存】把加载顺序改为【自上而下】（同时点击下面的【覆盖声音】，如果不勾选声音文件会很大）点击【确定】。这样一首完整的MTV就制作好了。4 Flash动画的发展方向（1）应用程序开发：由于其独特的跨平台特性、灵活的界面控制以及多媒体特性的使用，使得用Flash制作的应用程序具有很强的生命力。在与用户的交流方面具有其它任何方式都无可比拟的优势。当然，某些功能可能还要依赖于XML或者其它诸如javascript的客户端技术来实现。但目前的现状是：很少有人具有运用Flash进行应用程序开发这方面的经验。但这个难度会随着时间的推移而逐步减弱。事实上，对于大型项目而言，使用Flash此时未免有些言之过早，因为它意味着很大的风险。当然，在最早的时间掌握和积累这方面的经验无疑是一种很大的竞争力。可以将这种技术运用在项目中的一小部分或者小型项目中，以减少开发的风险。（2）软件系统界面开发：Flash对于界面元素的可控性和它所表达的效果无疑具有很大的诱惑。对于一个软件系统的界面，Flash所具有的特性完全可以为用户提供一个良好的接口。 （3）手机领域的开发：手机领域的开发将会对精确（像素级）的界面设计和CPU使用分布的操控能力有更高的要求，但同时也意味着更加更广泛的使用空间。事实上手机和Pocket PC的分界已越来越不明显，开发者必须为每一款手机（或Pocket PC）设计一个不同的界面，因为它们的屏幕大小各有不同。当然软件的内核可能是相同的，所要注意的是各类手机CPU的计算能力和内存的大小。这无疑是些很苛刻的要求。4、游戏开发：事实上，Flash中的游戏开发已经进行了多年的尝试。但至今为止仍然停留在中、小型游戏的开发上。游戏开发的很大一部份都受限于它的CPU能力和大量代码的管理。不过可喜的是，Flash Player 7运行时性能提高了2至5倍；而且最新的Flash MX 2004 Professional提供了项目管理和代码维护方面的功能，Actionscript 2.0的发布也使得程序更加容易维护和开发。（5）Web应用服务：其实很难界定Web应用服务的范围究竟有多大，它似乎它拥有无限的可能。随着网络的逐渐渗透，基于客户端-服务器的应用设计也开始逐渐受到欢迎，并且一度被誉为最具前景的方式。但是，这种方式开发者可能要花更多的时间在服务器后台处理能力和架构上，并且将它们与前台（Flash端）保持同步。（6）站点建设：事实上，现在只有极少数人掌握了使用Flash建立全Flash站点的技术。因为它意味着更高的界面维护能力和开发者整站架构能力。但它带来的好处也异常明显：全面的控制；无缝的导向跳转；更丰富的媒体内容；更体贴用户的流畅交互；跨平台和瘦客户端的支持；以及与其它Flash应用方案无缝连接集成等。（7）多媒体娱乐：其实，在这个方面无需再说什么。尽管它的发展速度没有像当初预言的那样迅速，但它仍然还在不断前进。Flash本身就以多媒体和可交互性而广为推崇。它所带来亲切氛围相信每一位用户都会喜欢。 flash影片的后缀名为 .swf ，该类型文件必须有flash播放器才能打开，但占用硬盘空间少，所以现在被广泛应用于游戏。总之，flash动画相对于传统动画的优势是非常明显的。当前，flash动画在中国的发展取得了一定的进展，但是全盛时代还没有到来。随着网络时代的到来，传统观媒体和非传统媒体必将在相互竞争中不断向前发展，flash动画必将随着自身技术和形式上的更大突破，展现出更为广阔的前景。参考文献：【1】 售饭机 【2】 水控器 厕所节水器http:/www.cesuojieshuiqi.org熊群毓，浅析Flash动画网站设计，中国科教创新导刊，2011年第07期【3】 刘刚，浅析flash动画及其制作过程，电脑知识与技术，2009年第15期【4】 车洪霞，浅析flash动画的制作技巧，中国社会科学院文献信息中心 主办的环球市场信息导报企业一卡通 致谢感谢学院给我们提供了舒适的工作和学习环境，使我能够顺利的完成系统的设计和开发。特别要感谢我的指导老师刘老师，本论文是在刘老师的指导下完成的。在做毕业设计的过程中，她始终给予我悉心的关怀与认真的指导，耐心的倾听我的提问，并及时帮我解决问题。她的工作态度认真负责、治学态度严谨有序，值得我学习。在此，我对她表示由衷的感谢。系统开发期间，和同学们之间的相互探讨也使我获益匪浅。近两个月时间内，我一边学习flash、maya理论知识，一边把理论应用于实践，在实践中发现并解决问题，真正做到了学以致用。我在毕业设计期间学到了很多东西，不仅是专业知识，还有认真严谨的态度，所以再次感谢我的老师和我的同学。