二维动画设计研究与应用动漫手机毕业论文.doc 41页

'毕业设计（论文）专用纸二维动画设计研究与应用——浪漫手机学校：系部：计算机科学与电子信息工程系专业：计算机科学与技术 毕业设计（论文）专用纸Researchandapplicationoftwo-dimensionalanimationdesign——RomanticmobilephoneUniversity：OxbridgeKunmingUniversityofScienceandTechnologyDepartment：ComputerScienceandEletronicInformationEngineeringSpecialty:ComputerScienceandTechnologyClass:Students’sName:Student’sNumber:FacultyAdviser:毕业设计（论文）专用纸 毕业设计（论文）专用纸毕业设计（论文）专用纸毕业设计（论文）原创性声明和使用授权说明原创性声明本人郑重承诺：所呈交的毕业设计（论文），是我个人在指导教师的指导下进行的研究工作及取得的成果。尽我所知，除文中特别加以标注和致谢的地方外，不包含其他人或组织已经发表或公布过的研究成果，也不包含我为获得及其它教育机构的学位或学历而使用过的材料。对本研究提供过帮助和做出过贡献的个人或集体，均已在文中作了明确的说明并表示了谢意。作者签名：　　　　　日　期：　　　　　指导教师签名：　　　　　日　　期：　　　　　使用授权说明本人完全了解大学关于收集、保存、使用毕业设计（论文）的规定，即：按照学校要求提交毕业设计（论文）的印刷本和电子版本；学校有权保存毕业设计（论文）的印刷本和电子版，并提供目录检索与阅览服务；学校可以采用影印、缩印、数字化或其它复制手段保存论文；在不以赢利为目的前提下，学校可以公布论文的部分或全部内容。作者签名：　　　　　日　期：　　　　　 毕业设计（论文）专用纸目录摘要IAbstractII前言1第1章综述21.1计算机动画的简介21.1.1计算机动画的概念21.1.2计算机动画分类21.1.3计算机动画的应用领域21.2二维动画的技术特点31.2.1逐帧动画31.2.2补间动画31.2.3逐帧动画和补间动画的比较41.3动画短片中的造型设计41.3.1角色设计51.3.2场景设计51.3.3道具设计51.4短片剧情6第2章技术支持——flash72.1flash概述72.1.1flash简介7 毕业设计（论文）专用纸2.1.2flash的特点72.1.3flash的应用领域7第3章Flash动画的制作过程83.1剧本创作83.2剧本分析83.3角色和背景造型设计83.3.1二维动画绘制93.4动作拆分143.5动画制作153.5.1逐帧动画153.5.2补间动画153.5.3影片剪辑163.5.4遮罩173.5.5形状补间173.6设计后期的完善183.6.1片头制作183.6.2片尾制作183.6.3Play按钮制作193.7制作难点20结论21总结与体会22 毕业设计（论文）专用纸谢辞23参考文献24附录一英文原文25附录二翻译译文30 毕业设计（论文）专用纸二维动画设计研究与应用——浪漫手机摘要动画中的各种造型一般是根据剧本的要求进行造型设计的。如果说，电影故事片的各种角色是导演根据剧本中的人物形象尽可能地选择最适合的演员来演绎的话，那么，动画中的角色形象则是导演根据剧本中的要求而随心所欲地设计出最符合剧本人物的角色的。动画角色是动画片的灵魂，观众对一个动画角色的价值判断不单纯停留在其外在的造型层面，还包括对角色性格内涵的认同。本文通过简单描述动画片的造型设计思路即注重通过细节来交代角色人物形象的设计。这次设计的主要内容是以Flash软件作为平台，以男女人物间的浪漫爱情故事来渲染场景，在讲故事的过程中也刻画了手机。用一个浪漫的爱情故事来宣传手机，并体现了手机在我们现在生活中的作用。制作方法主要是通过补间画和遮罩等方式来实现的。取得的成果主要是浪漫手机这个动画短片。制作学习的过程让我对flash的专业知识更加全面的了解，对我自身素质提高起到了很大的作用。关键词：二维动画，角色设计第II页 毕业设计（论文）专用纸Researchandapplicationoftwo-dimensionalanimationdesign——RomanticmobilephoneAbstractAnimationinavarietyofshapesaregenerallybasedondesignrequirementsofthescript"s.Ifwesaythatfeaturefilmsthedirectorofvariousrolesinthecharactersaccordingtothescriptasmuchaspossibletoselectthemostsuitableactortotheinterpretation,then,theroleoftheanimationimageisdirectedinaccordancewiththerequirementsofthescriptandfreedomtodesignthemostConsistentwiththeroleplaycharacters.Animatedcartooncharacteristhesouloftheaudiencejudgethevalueofananimatedcharacterisnotsimplystayinthelevelofitsexternalshape,butalsotherecognitionoftheroleofcharactermeaning.Thispaperdescribesasimpledesignideasthatanimateddetailtoexplaintheroleofattentionthroughthedesignofcharacters.ThedesignofthemaincontentisFlashsoftwareasaplatformtoromanticlovebetweenmenandwomenthestorytorenderthescene,thestoryalsodepictstheprocessofamobilephone.Witharomanticlovestorytopromotemobilephonesandmobilephonereflectstherolewenowlive.Productionmethodsthroughthetweenpaintingandmask,etc.toachieve.Themainresultsobtainedinthisanimatedshortfilmisaromanticmobilephone.Makingthelearningprocessformetoflashamorecomprehensiveunderstandingofprofessionalknowledge,improvethequalityofmyownplayedasignificantrole.Keywords:two-dimensionalanimation,characterdesign第II页 毕业设计（论文）专用纸前言近年来建构主义学习理论在西方尤其是在美国有较大的发展，加上PowerPoint，Authorware、Flash、课件王的出现使多媒体教育应用与Internet网进一步融合，而网络又为"协商"、"辩论"、"会话"这类教学模式的应用提供了最理想的条件(可不受时空和地域的限制)，这样就使建构主义学习环境更趋完善，建构主义学习理论也就日渐风行。就认知领域的教育目标而言，借助flash多媒体技术还可结合网络通信技术)实现的建构主义学习环境，确实非常有利于学生认知结构的形成与发展则已得到愈来愈多试验的证实。随着计算机多媒体发展和普及，计算机辅助教育（CAI）已成为一种现代教学手段。它使传统的教学方式发生了深刻的变革。这种教学方式打破了时间和空间的限制，将教学内容与教学所涉及到的事物，通过声音、图像、动画等形式表现出来，Flash多媒体教学使学生通过事物形、色、声的不断变化和发展直接获取知识，感知世界，并且使许多抽象的概念形象化、具体化，更使教学有难有易，增加教学效果，提高教学效率，具体传统教学所不能比拟的优越性。本文介绍Flash动画制作中最基础的知识以及在flashCS4软件环境下制作FLASH的应用方法，并通过制作FLASH动画向大家展示出FLASH动画的特色。制作目的：综合运用在学校期间所学到的理论知识和技能，设计使用FLASH动画知识制作一个动画短片。此题目主要涉及FLASH动画制作方面的知识，另外对学生的想象力有一定的要求。通过此设计可使学生在事例分析、策划以及实际制作等方面得到综合训练和提高素质。第33页 毕业设计（论文）专用纸第1章综述1.1计算机动画的简介1.1.1计算机动画的概念动画是使一幅图像“活”起来的过程。使用动画可以清楚的表现出一个事件的过程，或是展现一个活灵活现的画面。动画是一门通过在连续多格的胶片上拍摄一系列单个画面，从而产生动态视觉的技术和艺术，这种视觉是通过将胶片以一定的数率放映体现出来的。动画的基本原理与电影、电视一样，都是视觉原理。医学已经证明，人类具有“视觉暂留”的特性，就是说人的眼睛看到一副画或一个物体后，在1/24秒内部会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。计算机动画是指采用图形与图像的处理技术，借助于编程或动画制作软件生成一系列的景物画面，其中当前帧是前一帧的部分修改。计算机动画是采用连续播放静止图像的方法产生物体运动的效果。1.1.2计算机动画分类计算机动画分为二维动画和三维动画。二维动画是平面上的画面。纸张、照片或计算机屏幕显示，无论画面的立体感多强，终究是二维空间上模拟真实三维空间效果。 三维动是画中的景物有正面、侧面和反面，调整三维空间的视点，能够看到不同的内容。二维与三维动画的区别主要在采用不同的方法获得动画中的景物运动效果。而三维画面，画中景物有正面，也有侧面和反面，调整三维空间的视点，能够看到不同的内容。1.1.3计算机动画的应用领域计算机动画的应用领域主要是：动画片制作；广告、电影特技；教学演示；训练模拟；作战演习；产品模拟试验；电子游戏等。第33页 毕业设计（论文）专用纸1.2二维动画的技术特点二维动画主要可以分为逐帧动画和补间动画两种。1.2.1逐帧动画逐帧动画是一种常见的动画形式（FrameByFrame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文件量也很大，但它的优势也很明显：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。例如：人物或动物急剧转身、头发及衣服的飘动、走路、说话以及精致的3D效果等等。创建逐帧动画的方法：（1）用导入的静态图片建立逐帧动画：用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画。 （2）绘制矢量逐帧动画：用鼠标或压感笔在场景中一帧帧的画出帧内容。 （3）文字逐帧动画：用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）指令逐帧动画：在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。 （5）导入序列图像：可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift3D等）产生的动画序列。1.2.2补间动画补间动画是整个Flash动画设计的核心所在，也是Flash动画的最大优点，它分为动画补间和形状补间。动画补间是指在Flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash将自动根据二者之间的帧的值创建的动画。动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头；构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状组合（Ctrl+G）或者转换成元件后才可以做动作补间动画。　　第33页 毕业设计（论文）专用纸形状补间动画是在Flash的时间帧面板上，在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个形状等，Flash将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互变化。形状补间动画建立后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间也有一个长长的箭头；构成形状补间动画的元素多为用鼠标或压感笔绘制出的形状，而不能是图形元件、按钮、文字等，如果要使用图形元件、按钮、文字，则必先打散（Ctrl+B）后才可以做形状补间动画。1.2.3逐帧动画和补间动画的比较逐帧动画的特点就是一方面文件大，另一方面也比较麻烦，但是有些时候是必须的，比如说你要做一个人物走动的动画，那就得每一帧都去调整人物的形态和动作，因为这种动画不能由补间动画产生。补间动画就是你确定一个起始的状态和最终的状态，也就是在起始和结尾创建两个关键帧，然后中间的过度状态由软件自动完成，一般适合比较有规律的动画。1.3动画短片中的造型设计动画造型源于生活，又高于生活，是一门多种因素结合的综合性很强的艺术。作为十分复杂的群体劳动的一部分，理想的动画造型设计是动画片成功的一半。尽管动画造型的手段是多样的，但都离不开简化和夸张这两种最基本的表现方式。动画中夸张的造型与现实形成比例的落差而产生视觉的兴奋，更能突出动画造型的鲜明性格特征，给人留下深刻的印象。造型设计就是将导演、编剧的意图从文字形式转化成图像形式，具体说就是将动画片中的角色、场景等设计出来作为样本参考，并依此样本指导整部动画片中的所有画面。造型设计实际上确定了整部动画片的视觉风格，也可称为视觉设计。在很多Flash动画作品中，造型设计这一环节都是非常薄弱的。无论是场景还是角色造型，都是静态的、孤立的、缺少内涵，造型和故事情节、故事基调缺少联系；在很多Flash动画作品中，造型被简单化，甚至被忽略，就像儿童简笔画；在Flash动画中还体现出造型的单一性，无论怎样的故事、什么基调，一律是另类造型或者是Q版造型，使得很多Flash动画作品的造型都似曾相识，缺乏个性。第33页 毕业设计（论文）专用纸造型是动画的基础，在动画的设计与制作过程中发挥着重要的作用，很难想象一个丝毫不能引起观众共鸣的人物所发生的故事会吸引人。造型的缺陷所造成的后果是致命的，因为角色、场景所导致的缺陷是无法弥补的，无论是多么著名的导演，也无济于事。一个经典的角色造型可能比剧情给人们的印象更加深远，令人难忘，米老鼠和唐老鸭的造型至今仍会深深地留在人们的记忆里。1.3.1角色设计动画角色设计是以绘画造型的艺术手法来表现形象的主体造型和空间造型。由于动画艺术的高度假定性的特点，动画角色造型可以充分运用夸张、神似、变形的手法来表现角色的性格特征，又可以借助幻想、想象和象征来表达创作者的理想和愿望。因此，动画角色造型比一般的影视造型更能深人人心。迪斯尼动画之所以长盛不衰，与其动画人物优美、柔软、流畅的动作是分不开的。也正是优美、柔软、流畅的动作，使得一个个相对来说造型简单的角色变得活灵活现。经过80多年的探索，中国动画的创作达到了一定的艺术水准。随着改革开放以及国外动画的大量引入，中国动画艺术面临着巨大的挑战，国外动画形象在中国年轻一代生活中的渗透和影响是不容回避的社会现实，如何在新世纪使中国动画片获得更好的发展，抢占国内市场并走向世界，是动画工作者的当务之急。1.3.2场景设计著名电影导演安东尼奥尼说：“没有我的环境，便没有我的人物”。因此说：场景——是影视创作中最重要的场次和空间的造型元素。设计场景，一要有丰富的生活积累和生活素材，二要有坚实的绘画基础和创作能力。这些修养直接影响到塑造影片的故事主题、构图、造型、风格、节奏等视觉效果，也是形成作品独特风格的必备条件。1.3.3道具设计道具是动画短片中的一种重要造型，道具是与“动画场景和剧情人物”有关的一切物件的总称。简单的说来：道具就是动画作品中人物动作经常使用和陈列摆设的物件。如汽车，手表，眼镜等。依照道具在动画中的功能来划分主要有陈设道具，贴身道具等。第33页 毕业设计（论文）专用纸道具在动漫作品中起着举足轻重的作用，它不仅是环境造型的重要组成部分，也是场景设计的重要造型元素，它还与场景在环境的造型形象，气氛，空问层次，效果以及色调的构成上是密不可分的；在动漫作品中的道具除了交代故事背景，推动情节发展，渲染影片和辅助表演的作用外对刻画人物的性格，在表现人物情绪亦发挥着重大的作用。道具在动画中的作用： 1、交代故事背景：道具是刻画角色形象存在的具体条件，如交代故事发生的时间，地点，季节，气候，环境等。同时道具是理解人物形象的线索。不管角色是处于工作环境，家庭环境，还是娱乐环境等任何环境中。 2、推动情节：有的道具虽然体积小，但是它对剧情的推动作用却是不容忽视的。它与故事的发展或角色的命运密切相关。 3、渲染气氛：道具使用得当，便能起到很好的烘托气氛的效果。 4、刻画人物：道具与角色之间有着非常密切的联系，它们起到了强化角色的性格和形体特征的效果，展现了角色的身份和地位，情趣和爱好，有力地烘托了角色，增加了角色的感染力。1.4短片剧情2010年一次朋友聚会上，小威和小佳相识了，临别时，双方留下了电话号码。从此生活在两个城市里的年轻人开始了由相识到相知到相恋。在一个晚上小佳在窗前想着男主角睡不着觉，就在这个时候手机响了男主角给她发了条短信，他们聊了会天，最后会相约周末一起去骑单车。周末的时候他们一起完的很开心，此后的日子他们两个人开始了热恋。但是在小佳单位组织的一次例行体检，打断了这对恋人的热恋。小佳在得知了自己可能得了癌症后，对小威提出了分手。小威在得知小佳的情况后，立刻带着早已买好的戒指来向小佳求婚，小佳感动了流下了眼泪并在海边他们许下了爱的誓言。求婚后的第二天，小威陪着小佳到医院看化验结果，结果一场虚惊。但是经过这件事，他们两个人更加的珍惜彼此，很快他们走上了婚姻的殿堂，开始了人生新的旅程……第33页 毕业设计（论文）专用纸第2章技术支持——flash2.1flash概述2.1.1flash简介Flash是由Macromedia公司研发的，采用了流媒体技术的、基于矢量图的优秀的Web图像、动画设计工具。它可以广泛应用于网络中的多种领域，出色的效果，轻巧的任何编程基础体积加上便捷的操作，几乎可以没有基础，就可以制作出以往需要有很强的专业知识才能达到的效果，通过简单友好的创作环境，制作出精美绚丽的Flash动画，Flash的流行程度有目共睹，可谓是一个梦幻工厂。2.1.2flash的特点Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。 Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。 Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有文件小、传输速度快、播放采用流式技术的特点.Flash动画有崭新的视觉效果，比传统的动画更加简易与灵巧。不可否认，它已经成为一种新时代的艺术表现形式。 Flash动画制作的成本非常低，在制作时间上也会大大减少。 Flash动画在制作完成后，可以把生成的文件设置成带保护的格式，这样维护了设计者的版权利益。2.1.3flash的应用领域Flash的应用领域有：制作Flash动画；制作Flash游戏；制作Flash电子贺卡；制作Flash教学课件；制作Flash广告条；制作Flash网页；应用程序开发等方面。第33页 毕业设计（论文）专用纸第3章Flash动画的制作过程3.1剧本创作动画剧本不同于影视剧本，也不同于简单的文学创作。动画以它的独特形式出现、存在、并得以发展，其主要的因为动画的视觉感观直接、简捷，画面清爽随意，创作空间宽泛。动画可以大幅度的运用夸张手法来表达剧情，基本可以随心所欲的展现电影电视剧中所无法展现的场景与镜头。 动画剧本的特质，是要一改以往惯性的文学表达手法，以具体动作形式突显人物个性，以夸张的形体语言展现剧情变化。在以往的文学创作进程当中，难免会提及到一些客观存在的场景，以此来渲染作品氛围丰富作品情调或有利于下一步剧情的衔接与演变。然而，在动画剧本的创作过程当中，就要避免过多的提及虚而不实的旁支末节。我这次的剧本讲述的是一段爱情故事，小威和小佳通过偶然的一次机会得知了对方的手机号，然后通过手机短短信等方式相识相恋，最后走上婚姻的殿堂。3.2剧本分析在我确定下来剧本之后，我就开始分析剧本。首先确定好三幕，弄清他们分别主要讲那些事情。第一幕开端：建置故事的前提与情景，故事的背景。第二幕中端：故事的主体部分，故事的对抗部分。第三幕结束：故事的结尾。 然后把每一幕划分N个段落，把每一幕中含有都有那些段落确定，每一个段落主要是要讲那些事情确定。把每一段落划分N个场景。把每一段落中含有都有那些场景确定，其中每一个场景都是具有清晰的叙事目的，在同一时间发生的相互关联的镜头组成，并且想好每个场景间的转场。把每一场景划分N个镜头。用多个不同景别，角度，运动，焦距，速度，画面造型，声音，把一个场景中要说的事情说明白。如果在同一场景内有多个镜头的大角度变化，就画出摄像机运动图。3.3角色和背景造型设计第33页 毕业设计（论文）专用纸这部动画作品是根据真真实的故事情节绘制的，所以人物方面尽量接近真实和真人有很高的相似程度。我采用的表现方式是整体比例和人一样的造型设计，使其增加动画感。背景则是根据故事发生的地点进行设计，大背景主要是以直线条进行绘制安排，使整体有简洁宽敞的感觉。场景的设计则需丰富鲜艳些，这样不仅使场景显得充实饱满，也使观众在视觉上有所享受，犹如身临其境。3.3.1二维动画绘制首先人物逼真度的绘制是绘制过程中最为重要也是最复杂的部分。在绘制之前我必须先对人物的面部特征进行分析并查看大量人物图片。男主角小威的脸型是圆脸，眼睛大是该人物的特点，身形属于宽大型的。女主角小佳的脸型则是瘦长型的，鼻子比较尖，相对也比较年轻。身形属于瘦小的。还有个医生，要体现出医生的职业性。根据这些最主要的特点我在Flash中用钢笔工具和铅笔工具和其它图形工具进行绘制。男女主角的人物风格都是按照人体的比例的来进行绘制的。两位主角小佳和小威在年龄上相接近，而且工作了，所以在发型和衣服上的设计都是根据他们工作了这个社会因素进行设计的。男主角发型是现在年轻人短发精神，肤色相对暗沉，，衣服是年轻人爱穿的休闲服。女主角在剧本中的角色一位善解人意的恋人，所以头发属于中短发，衣服是现在现在年轻女性常穿的休闲运动服饰，肤色相对来说白一点，从颜色上也可体现其的年龄。至于医生，是我在网上找到一些素材进行加工和得到的结果。背景主要是外景和内景，外景主要以直线条为主，使整个画面简洁明快，也是这部动画的主要故事发生地点。比如主要的场景：骑单车，求婚等。内景主要通过月亮，窗手机等道具来体现出女主角对男主角的思念之情的。手机这一道具始终贯穿整个场景这个和主题相呼应，相对的也说明了手机在我们现在生活中我广泛作用。人物造型：第33页 毕业设计（论文）专用纸图3-1图3-2图3-3如图（3-1,3-2,3-3）是男主角小威的主要造型。图3-4图3-5图3-6如图（3-4，3-5，3-6）是女主角的主要造型。人物造型的制作过程，因为制作的方法都是一样的，所以我就放在一起说了。第一步：将素材图片的导入和创建图形元件第33页 毕业设计（论文）专用纸首先导入一张图片。选择“文件—导入—导入到库”，然后建立一个图形元件，把导入到库中的图片拖入到“场景1”中，在元件里面进行绘制。因为要是把所有的东西都放到时间轴上来制作的话，会显得很乱修改起来也比较麻烦。第二步：线稿的绘制在工具栏中使用线条工具，按照图片的样子勾勒出人物的大体轮廓线。然后使用直线工具绘制出眉毛眼睛的轮廓,基础部分基本都是在为后期工作做准备,打轮廓也是为了在前期工作中把人物比例事先协调好,方便以后的操作。使用直线工具制作出睫毛。这只是画轮廓线的第一步，在勾勒出来之后还要对轮廓线进行细化删除不必要的线条。因为每个人物的线条我都画的很乱。其中在画线的时候用到选择工具进行拖拉。五官方法和上面差不多，把型画好就可以了。然后从面部细化开始，然后对五官、手、衣服、裤子的细化，使用直线工具绘制光影部分，再用选择工具调整，调整出合适的形状，为填充做准备。等上色的时候修改．到这一步完成，线稿基本上完成。当然在绘制中我把头部，五官,头发，衣服分在不同的图层进行画轮廓线的，这样方便后面动画的制作。第三步：填充上色选择好区域后，使用油漆桶工具进行上色。上色的时候有阴影的地方我留在了整体上色完成之后进行单独的上色。我的颜色搭配基本上是按照人物的性格特征进行搭配的。当然很大一方面是根据原来图片素材的颜色搭配来上色的。场景设计：图3-7是他们第一次相遇的场景。图3-8是女主角在窗前思念男主角的场景。第33页 毕业设计（论文）专用纸图3-9是男女主角周末相约骑单车的场景。图3-10机场1图3-11机场2图（3-10，3-11）是男主角得知女主角要和他分手后，坐飞机来找女主角的场景。因为场景很多我就列举其中的一个场景的制作过程。下图为制作前后的图片：图3-12(原图)图3-13（绘制图）第33页 毕业设计（论文）专用纸场景的绘制：第一步：导入素材图片到库中，然后新建一个影片剪辑元件。在影片剪辑中把图片拉到舞台中放到最下面一层。第二步：天空的绘制，用矩形工具建立一个矩形，当然笔触颜色不要。把它拉成适当的大小，再进行分离然，然后用颜色类型选项中的线性。选择两个颜色深一点的颜色#5484C4和浅点的颜色#9EB7CD。第三步：新建一个图层，进行对房屋的绘制。因为房屋基本上都是有规则的图形，所以我用矩形工具按照图片的比例大小进行绘制，再窗子的颜色方面选用线性的效果，因为这样可以看出来窗子的光线效果。还用了任意变形工具对矩形进行调整。最终效果如下：图3-14是根据素材图片绘制出来的房屋效果图第四步：再重新建立一个图层对塔的绘制，其中还是用了矩形工具进行绘制的，先绘制一个矩形工具然后右击选择分离，再用选择工具对矩形进行拖拉处理调整到和图片差不多样子。在上色的过程中有阴影的地方我选择了用颜色里面的线性选项来表现出来的。最终的效果如下：第33页 毕业设计（论文）专用纸图3-15绘制的塔楼效果图3.4动作拆分人物和背景的绘制已经做好了，接下来的就是进行动画的制作了。为了便于动画的制作和修改，对于人物需要进行身体部位的拆分，这样可以免去每做一个动画动作就重新进行绘制的麻烦，而且便于动作的组合。首先，必须对要所作的动画内容有一个较为清晰地动作分析，那些动作是在动画制作的过程中要用到的，那么就将这些部分进行单独的绘制，制成单独的原件，以便今后在做动画的过程中想做哪个部分的动作就取哪个部分的原件就可以了，也可以根据这个部分的动作进行修改和调整，而不用花更多的时间和精力做整体的修改了。尤其是在制作较为具体的动作时，如走路，首先需要我们将动作进行拆分，分析动作的每一部，然后进行组合，例如本次作品中男女主角的脸部表情动作，由局部渐渐组成一个整体的动作，如下图：图3-16眼图3-17脸部图3-18头发图3-19整头部第33页 毕业设计（论文）专用纸3.5动画制作3.5.1逐帧动画逐帧动画就是一帧一帧地去做，也就是说每一帧都是关键帧，这种动画的特点就是一方面文件大，另一方面也比较麻烦，但是有些时候是必须的。比如说你要做一个人物的脸部表情动画，那就得一帧一帧的去调整人物脸部形态，因为这种动作是无法用补间动画的效果来达到的。如女主角小佳半夜在窗口思念男主角，和求婚时候感动流泪的脸部表情动画，就是用逐帧动画来完成的，，这样可以使动作看起来更为自然流畅。图3-20闭着眼睛图3-21张开眼睛3.5.2补间动画补间动画就是确定一个起始的状态和最终的状态，也就是在起始和结尾创建两个关键帧，然后中间的过度状态由软件自动完成，一般适合比较有规律的动画。在这个作品中的很多地方都是用的补间动画，比如他们周末骑单车就是先做一个影片剪辑，再在影片剪辑里用做出两个腿部动作的关键帧，然后创建补间动画的。在骑单车这个画面中单车的轮子也是通过补间动画实现让他滚动的。除此之外，我在很多的画面切换上都用补间动画让画面慢慢的消失。第33页 毕业设计（论文）专用纸图片3-22图3-23其中图3-22自行车轮子的滚动，男主角骑车时候腿的摆动都是用补间动画。图3-23其中汽车和飞机的移动也是用补间动画来实现的。3.5.3影片剪辑影片剪辑可以理解为电影中的小电影,可以完全独立于主场景时间轴并且可以重复播放。在制作动画的过程中影片剪辑是必不可少的，虽然我们可将所有的动画都放在主场景进行操作，但那样会使图层逐渐增多从而影响动画制作。在制作的过程中可以把较为复杂的动作用影片剪辑的方式先进行制作，使其成为独立的个体，按此方法再将独立的个体拼成整体，这样既方便又使人一目了然。图3-24如图所示就是我动画中的一个影片剪辑。第33页 毕业设计（论文）专用纸3.5.4遮罩遮罩动画就是运用遮罩制作而成的动画。遮罩层中的内容在动，而被遮罩层中的内容保持静止。遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基本功能中重要的出彩点。使用遮罩配合补间动画，可以使画面更具动感和真实性。作品刚开始的字幕就运用了这样的表现手法。遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建千变万化的形式。图3-25如图所示的遮罩效果就是打字效果。3.5.5形状补间形状补间，在flash中是不能用位图的，只能是矢量绘制并打散了的图。作品中使用了形状补间，大多是转场使其场景慢慢变暗，这也意味着动画的结束。先画个黑屏幕，在窗口里的颜色改透明度，由0%改到100%就可以了，具体效果如下图所示。图3-26透明度35%时候的效果图3-27透明度100%时候的效果第33页 毕业设计（论文）专用纸图3-26和3-27是用形状补间做的一个转场效果。3.6设计后期的完善下面就是对整个设计进行完善。在后期制作中我主要用Mp3directCut软件音频素材进行加工剪切。在一些场景里面加上对话，再加上片头片尾，这样整个毕业设计就全部完成了。3.6.1片头制作这次的片头我主要是用遮罩和补间动画做出来的，其中的白色像雪花飘的特效是用逐帧动画来完成的，其中加了stop();代码。图3-28片头效果图制作过程：首先用文本工具输入浪漫手机这几个文字，然后进过两次的分离把文字打散了，在制作的时候第二次分离的时候浪漫这两个词出了点问题我又用橡皮擦工具对多余出来的地方擦除。然后全部选中文字对他们的颜色进行编辑，我选择的颜色属性是放射状。然后选这两种颜色就出来现在这个效果了。然后就是效果方便的处理了，我用遮罩效果让文字一个一个出现在我们的眼前，用逐帧动画做了个雪花飘的效果。就这样片头差不多制作完成了。3.6.2片尾制作片尾的制作是用逐帧动画做了个打字的效果，还通过打字声音的音频素材来刻画效果。第33页 毕业设计（论文）专用纸图3-29片尾效果图制作过程：选择文本工具，在第一帧输入第一个字然后间隔5帧插入关键帧，在打入第二个字用这样的放依次才输入所有文字。就这样文本输入的地方完成了，最后通过上网找打字声音的音频素材来作为他的背景音乐。就这样我的片尾制作完成了3.6.3Play按钮制作在影片的开始我用了一个play按钮来控制影片的播放，制作的过程主要就是对按钮的设计因为代码很简单。图3-30弹起图3-31指针图3-32按下图3-33点击制作过程：首先创建一个新的元件，选择按钮元件，然后在用矩形工具创建一个矩形，右击选择矩形选择分离选项，然后用选择工具进行拖拉。再选择矩形对它进行颜色的编辑，我选择的是放射状的类型。最后用文本文件打出play单词。就这样按钮中的一个制作完成了。然后按照这个方法进行对其他的绘制。按钮代码如下：on(release){gotoAndPlay(2);}第33页 毕业设计（论文）专用纸3.7制作难点1、根据创作出来的剧本设计人物。2、制作光线变换的效果，主要利用不同帧的颜色变化。3、为使场景中各个元素的连贯，要特别注意帧与帧间的连接。4、由“静”画到动画的设计指导这里的关键是如何用“动”的技巧来进行表达了。5、把握好元件与图形的区别、线条与填充的区别、按钮，mc的区别。6、理解与掌握元间的嵌套问题。7、在这里需要强调的是动画创意关，好的创意是作品成功的前提。真正难点不是技术方面的难度，而是选题和创意方面的难度。第33页 毕业设计（论文）专用纸结论Flash是我们现在常用的软件，看起来很简单，但在具体的操作方面还是需要专业知识为基础来制作的。这次制作的是一个以《浪漫手机》为主题的手机宣传片，我用的感人故事，希望能引起人们的共鸣。从而更好的达到宣传的效果。我的作品中还有很多的不足之处，希望在以后的学习中得以弥补。经过了这次毕业设计的考验，在以后的学习工作中我会更加认真的努力，做好每一件事情。第33页 毕业设计（论文）专用纸总结与体会这次的毕业设计的作品是我完成的flash动画短片《浪漫手机》,整个动画是根据我身边所发生的事情改编的情节，加上对其本身的感觉、理解完成的创作。在毕业作品中对于人物和场景的把握可能不是很到位,但都是我非常认真去完成的。在此期间,我同时也体会到了用鼠标绘图的难度及妙处,认识到flash也是一种非常强大的画图的工具。虽然这次的毕业设计并不是什么经典之作,里面有很多欠缺的地方。但它代表的却是我对flash的一个崭新的态度。总之,对我来说，这次毕业设计对我在flash制作方面是一个提高,使我从重新的认识了flash制作。了解这些对于一个初入门的动画设计者是非常有意义的，正是将这些功能逻辑的整理出来，有利于用户建立正确的、逻辑的知识体系，对以后学习有很大的帮助。通过这个毕业设计的制作，我感到自己在flash动画制作方面还存在很多的不足之处。例如：代码的运用，镜头的应用都有很大的差距。在这次的毕业设计中，我的整体素质得到了提高，也明白了很多事情。在发现问题后，我懂得了如何自己去寻找资料解决问题。自我分析和解决问题的能力，必定在以后工作中起到很大的作用。第33页 毕业设计（论文）专用纸谢辞经过几个月的忙碌和工作，本次毕业设计已经接近尾声，作为一个本科生的毕业设计，由于经验的匮乏，难免有许多考虑不周全的地方。如果没有老师的督促指导，以及同学们的支持，想要完成这个设计是难以想象的。首先感谢我的指导老师徐雯老师。感谢她耐心将我的论文看完。感谢她对我的宽容，让我在制作动画时有非常大的自由度。也感谢她的题目限制，让我们的作品在难度和量上都有很好的把握。老师在整个过程中都给予了我悉心的指导，除了敬佩老师的专业水平外，他们的治学严谨和科学研究的精神也是我永远学习的榜样，并将积极影响我今后的学习和工作。感谢大学四年来所有的老师，为我们打下技术方面知识的基础。同时还要感谢所有帮助过我的人，正是因为有了你们的帮助和鼓励。此次毕业设计才能顺利完成。感谢所有对我的作品提出意见的人。发掘自身的缺点是很难的，尤其是在刚刚创作的时候。但是这也是进步和发展的力量。感谢对我的作品给以意见的朋友。最后感谢学院我的母校——津桥学院这个四年来对我的大力培养。第33页 毕业设计（论文）专用纸参考文献中文专著[1]张龙卿编著.动画速写技法.北京：清华大学出版社，2007.[2]姚怡，劳眷等主编.多媒体应用技术.北京：中国铁道出版社，2008.[3]【美】Adobe公司著.AdobePhotoshopCS2中文版经典教程.北京：人民邮电出版社，2009.[4]刘嘉编著.FlashCS3动画设计教程.北京：清华大学出版社，2008.[5]Sandracorsaro,Cliffordj，Parrott.Flash好莱坞2D动画革命.北京：清华大学出版社,2006.[6]雪茗斋电脑教育研究室.Photoshop文字艺术效果100例.北京：人民邮电出版社,2005.[7]刘传梁,李彪.Flash8动漫设计全程事录.北京：电子工业出版社,2006.[8]意动影像.Photoshop场景绘制.北京：兵器工业和北京希望电子出版社,2006.[9]李晓彬.影视动画数字后期编辑与合成.北京：海洋出版社,2006.[10]贺凯,焦超.Flash8完美动画设计与制作.北京：中国青年出版社,2007.互联网文献[11]豆丁网：http://www.docin.com/ [12]中国知网：http://dlib.cnki.net/kns50/ [13]动画方面的资料：http://www.verycd.com/topics/2759089 [14]浅谈镜头动画：http:wenku.baidu.com/view/5b186ffe910ef12d2af9e79e.html [15]动画的美术设计与分镜头设计：http://www.docin.com/p-6492379.html [16]镜头艺术：http://www.verycd.com/topics/2769785/第33页 毕业设计（论文）专用纸附录一英文原文AnimatedconversationDevelopingdecentwebanimationshasbeenmorelikeaclimbuptheEigerthanawalkinthepark.However,thelatestbreedofsoftwareavailablehasbeenbuilttocapturethedesigner"simaginationwithoutkillingoffthemuse.AlistairDabbsgoesthroughthemotions.Let"sfaceit,theWebisadisappointment.It"sthattinylittlescreen,thenarrowbandwidthandtheuncertaintythatvastnumbersofyouraudiencemightnotbeabletoseewhatyouwantthemto.EverythingtodowithWebdesignisaboutdownsizing.Andifitwasn"tbadenoughhavingtomakeallyourstaticgraphics72dpi,anyattemptatanimationinvolvesconsiderablecrammingeffort.Whatthismeans,atleastuntillargescreensandfastInternetconnectionsbecomethenorm,isyoucan"tyetdomuchwithvideo.YoucanstreamQuickTime,butwithoutaleasedlineconnectionit"sterrible.Thankfully,youstillhavearangeofchoiceswhenitcomestographicsanimation.So,let"stakealookatthemaintechniques,andtheirdrawbacks,forgettingyoursiteanimatedtoday.Backin1994,thebackroomboysincommercialWebdevelopmentcameupwithanextremelybasicformofanimationbysendingconsecutiveGIFimageslivetothebrowser.Advertisershadbeenusingthismethodtochangeadbannersevery30secondsorsowithoutwaitingfortheusertorefreshthepage.Bysendingasequenceofframesonaconstantbasis,anelementaryanimationeffectwaspossible.Thedrawback,ofcourse,wasthatgraphicdatawasconstantlybeingdownloadedoverthelineafterthepageitselfhadloaded.Ona14.4Kmodem,thismeantthebrowserwasalwaysflickeringandtheharddiskchurning,andframeswereusuallyinterspersedwithblanksaseachsubsequentframeloaded.Soonafter,theanimatedGIFwasborn,effectivelypackingtheGIFframesequenceintoonefilewhichdownloadedonce.TheanimatedGIFhasbeenastapleofadbannersandsimpleattention-grabbingeffectseversince.EvensiteswhichpromoteandshowcaseFlashandShockwaveinterfacesstilluseanimatedGIFsbecausedesignersknowthatit"stheoneanimationtechnologysupportedineveryWebbrowserthatletsyouseegraphicsatall.ThelimitationsofanimatedGIFsarewell-known,butlet"ssummarisethemanyway.GIFsare第33页 毕业设计（论文）专用纸bitmapimages,socomeatafixedsizeregardlessofbrowserwindowsize.Theycanreachquiteexcitingsizesiftheyincludemorethan10framesorso,becausecompressionisbasedonthenumberofdifferentcoloursineachimage.Theyalsotendtoappearinajerkyfashionduringthedownload,leavingtheuserstaringataseeminglyinexplicablesequencerunningatoneframeeveryfivesecondsthefirsttimeround.Morerecently,designershavebeenabletoproducebasicpathmotionforstaticimagesusingDHTML.Insteadofrunningananimationinonefixedplace,DHTMLtechniquesletyoutakeasingleimageandmoveitaroundoverthetopofyourpageasanindependent,floatingobject.Thenicethingaboutthisapproachisthattheanimation,forwhatitis,startsalmostimmediatelyandthemovementisperfectlysmooth,notbeingframe-based.ThegraphiccanalsohaveatransparentbackgroundjustlikeanyGIF.Thebigdrawbackisthatitdoesn"tdoanythingelseterriblyinteresting.Asaresultitcancomeacrossasjustplainannoyingortacky.Andit"snotreallyanimation.WhiletheWorldWideWebConsortiumsquanderedmostofthe1990sconsideringsomeproperanimationtechnologies,Macromediajustwentforit.TheresultwasFlash,asystemofplayingbackself-containedmoviescontainingvector-basedgraphicsandtextwithinaWebpageorindependentlyrunninginaWebbrowser.TheadvantagesoftheFlashapproachareconsiderable,andgettingmorecompellingastimegoeson.Inthefirstinstance,thevectornatureofFlashmoviesallowsyoutoincludequitecomplexgraphicsandsequencesintheconfidencethatthey"llcompressdowntoalmostunfeasiblysmallfilesizes.Inpracticallyeverytest,fromsimplerollovertypeandbuttoneffectstocompletesequences,you"llfindthatFlashfilesaresmallerthananimatedGIFsandloadupfasterthanJavaactions.Vectorsalsomeanthatthemoviescanresizethemselvesautomaticallytofitthebrowserscreen,anti-aliasingonthefly.Betterstill,Flashmoviescanincorporateeventsandreacttouserinput,makingitterrificfordevelopingcustomWebpageinterfaceswhichHTMLcouldn"thopetoimitate.Notleast,Flashcanincludeembeddedaudio.Andperhapsbestofallfromanexperienceddesigner"spointofview,themoviescanbesettostartrunningassoonasthedownloadcommenceswithoutwaitingforittocomplete.TherearetwoprincipaldrawbackstotheFlashformat.First,itrequiresyouraudiencetohaveaplug-in第33页 毕业设计（论文）专用纸Flashplayerinstalled.However,toMacromedia"scredit,theFlashplug-inisarelativelysmallandspeedydownloadatjustacoupleofhundredkilobytes.YoushouldalsobeawarethatMicrosoft3intendsdumpingmostoftheplug-insitcurrentlyshipswithInternetExplorerinfuture-butFlashistheverynotableexception.Theseconddrawbackmightnotconcernyou,butit"sthatFlashisn"tactuallyastandardinthesamewayasHTML,GIF,JPG,PNGorsomethinglikeJava.Flashisa100percentproprietaryformatownedbyMacromediaandlicensedouttoothergraphicssoftwaredevelopersonacommercialbasis.Inpractice,ofcourse,itdoesn"tmatterthatFlashisn"tanofficiallyrecognisedstandardbecausewellover90percentofInternetusersalreadyhavetheplug-ininstalled:we"retalkingabouthundredsofmillionsofpeople,readytogowithyouranimationcontent.FunandsexythoughFlashis,it"snotacompletemultimediaenvironment.Originally,FlasharosefromaprojectatMacromediatomakeShockwaveanimations,alreadydevelopedforWebplayback,evenmorecompactandaccessiblebypeoplewithslowmodems.Shockwaveisstillverymuchaliveandwell,andinmanycasesleavesFlashwaybehindintermsofvisualquality,interactivityandmultifunctionality.There"sevenalivelymarketforcartoonsandgamesusingShockwaveanditsofflineplayerShockMachine.UnlikeFlash,however,theShockwaveplug-inisalongdownloadandrequiresasomewhatfiddlyinstallationprocesswhichincludesexitingyourWebbrowseratonepoint.ThebiglimitationofbothFlashandShockwavefromagraphicartist"spointofviewisthatthereallycleverinteractivefeaturesdependonscripting.Ortochooseanotherword,programming.Ifyou"rehappyaboutscripting,indeedifyouhavesomeJavaScriptexperience,you"llfindFlashisreasonablyapproachable;ifnot,you"llbelimitedtomoreconventionalanimationtasks.Inevitably,everyoneisalwaysonthehuntforaWebanimationsystemthatdoesn"texpecttheaudiencetolocateandinstallthird-partyplug-ins.Theseexist,buttheydosowithsolutionsthatareevenmoreproprietarythanFlash,andusuallyprotectedbytheircreatorswithridiculouslyextremecaution.OneexampleofanalternativetoFlashthatdoesn"trequireaplug-inisCyberSpot.Toallintentsandpurposes,aCyberSpotsequencelooksabitlikeabasicFlashmoviewithaudiobutitloadsupinaninstantwithoutanypreliminaries.The第33页 毕业设计（论文）专用纸problemwithitisthatCyberSpotismarketedasabespokeservicebythecompanythatdevelopedit.Youcommissionthemtocreatea30-secondmovieonyourbehalf,ratherthancreateyourownusingstandardsoftwarepackages.Asyoucanimagine,thisisoflimiteduseexceptasstandaloneads.ThehottechnologyeveryoneistalkingaboutatthemomentthatcouldrivalFlashatsomepointinthefutureisScalableVectorGraphics,orSVG.ItbeganlifeasaconceptproposedbyAdobetotheWorldWideWebConsortiumand,fromthestart,AdobeproposedSVGasanopenstandardinthehopethatthiswillencourageitsadoption.TheideabehindSVGistoprovidetheWebwithavectorgraphicsstandardinthesamewaythatGIF,JPGandPNGarebitmapstandards.Butmorethanthis,itsupportsanimationanduserinteractivity.Andfurther,itisnavigablewithpanandzoomfunctions.ThismeansyoucoulduseSVGinanumberofdifferentwaystosuitthedesiredresult,whetherthatbeadetaileddiagramyoucanzoomintowithoutlosingdefinition(astreetmapisaclassicexample),Webpageinterfaceelementsoraninteractiveanimatedmovie.SVGsupportsvisualfiltereffectsappliedinrealtimeratherthanjustbeingframes,andcanincludeaudio.OneofthereasonssomanypeoplearegettinginterestedinSVGisthatitisbasedonXML,whichisgenerallyregardedasthenextstepinWebfunctionality.XMLsupportinadynamicvectorgraphicoranimationcanlinkitintelligentlytoallkindsofdata,whichinturncouldradicallyalterthewayWebcontentisdelivered.Asever,therearedrawbacks.OneisthatSVG,thoughacceptedasanofficialstandard,stillrequiresaplug-inforyourbrowsertodisplay.AlthoughAdobehopesthatoneday,SVGsupportwillbebuiltintoallbrowsers,fortheimmediatefutureitinvolvesadownloadofwellover2Mb.AnotherlimitationisthatpreciousfewgraphicspackagescanyetexporttoSVGotherthanAdobeIllustrator9andPhotoshop6.Andthisleadstothebiggestdrawbackofall:notmanypeopleareusingSVGyetandmostWebusershaveneverheardofit.AllthiscertainlylendscredencetoMacromedia"sclaimthatFlashistherealWebanimationstandard,officiallyrecognisedornot.WithawideningrangeofdesignproductsnowcapableofexportingtoFlash,includingIllustratorandFreeHand,nottomentionLiveMotion,Flashiswheretheaction"satforthenextcoupleofyearsatleast,ifnotindefinitely.第33页 毕业设计（论文）专用纸Informationsource："http://www.animationarena.com/flash-animation.html"附录二翻译译文网络动画正规对话的发展更像是攀爬艾格尔峰，而不是在公园里散步。然而,最新品种的软件已建成能够捕捉设计者的想象力，而没有消耗掉脑力。分析师戴柏斯是通过实践实现的。第33页 毕业设计（论文）专用纸让我们面对它,网络是令人失望的。它是小小的屏幕,窄带宽和不确定性,所以你的大量的观众可能无法了解你想要他们看见的东西。对网页设计所做的一切就是裁员。而如果它还没有足够坏到要让所有的静态图形72dpi,任何一个动画需要精心的临时抱佛脚的努力。这是什么意思,至少直到大屏幕和高速互联网连接成为一种标准,你已经无法对视频做什么。你可以使用快进,但没有租用线路连接并不是糟透了。谢天谢地,当涉及到图形动画，你仍然有一个的选择的范围。所以,让我们来看一看主要的技巧,以及其缺点,为了现在使你的站点更动画。早在1994年,斯梅金,男孩在商业网站开发想出了一个极其基本的形式，发送连续动画GIF图像到浏览器。广告商一直在使用这个方法来改变横幅每30秒左右无需等待用户刷新页面。通过发送的帧序列持续的基础上,一种基本的动画效果是不可能的。当然,缺点是图形数据是不断的被下载，超过了后页面本身已经载入。一个14.4K调制解调器,这意味着他的浏览器总是硬盘搅动,下半截是通常散布在空格为接下来的每帧载入。不久之后,GIF动画诞生的GIF框架,有效包装成一个文件,下载顺序为一次性。GIF动画一直是的主要的横幅和简单的，影响至今。即使网站促进和展示闪光和冲击波接口仍然使用动态gif，因为设计师知道这是一个支持在每一个网页浏览器的动画技术,可以让您看到的图形。动画gif的局限性是众所周知的,但让我们总结他们吧。gif是位图图像,那么就快来在一个固定的无论浏览器窗口大小的尺寸。他们可以达到相当的大小,如果他们包括10多帧左右,因为压缩基于在每一个图像的数字不同的颜色。他们也倾向于出现在一个简单的下载程序,留下用户盯著表面上无法说明的顺序运行在一个参照系,每5秒钟第一回。近来,设计师们已经能够产生基本路径运动为静态图像使用DHTML。不要跑一个动画在一个固定的地方,DHTML技术让你把一个单一的形象,并把它在你的页面上的最顶层作为一个独立的漂浮物体。令人高兴的是,关于这种方法的动画,因为它在开始和运动时是几乎是散的,不被框架的。图形也可以有一个透明背景，就像所有的GIF。最大的缺点是它没有任何的有趣之处,结果它变得俗不可耐。而且它不是真正的动画。第33页 毕业设计（论文）专用纸当万维网联盟霸占了20世纪90年代的大部分动画技术。原因是一个Flash,播放系统的电影，包含向量图形和文字在一个网页或独立运行在一个浏览器。闪光方法的优点是很可观的,而且随着时间的推移越来越更引人注目。首先,在向量的性质包括Flash动画允许你相当复杂的图形和序列的信心,让他们将压缩到几乎不可能小的文件大小。在每一个实际测试中,从简单的翻转式和按钮来完成序列的影响,你就会发现Flash文件都小于动态gif和Java行动的负载速度。向量的电影也意味着可以自动调整自己以适应浏览器屏幕,抗锯齿。更好的是,还是Flash动画可合并事件和反应用户的输入,使它适应接口,开发定制的网页的HTML不希望去模仿。不容忽视的是,Flash可以包括嵌入式音频。也许最好的一切,从一个有经验的设计师的角度来看,电影可以设定为尽快开始无需等待下载程序的完成。目前有两种主要的弊端,以Flash的格式。首先,它要求你的听众安装一个插件的动画播放器。然而,假如你的动画插件是一种相对较小的能快速下载仅仅花耗几百k，你也应该知道微软的大部分插件目前装有InternetExplorer——但是Flash是很值得注意的例外。第二个缺点可能你不关心,但这是Flash不是实际上标准的同样方式,作为HTML,GIF,JPG,PNG或类似的形式。当然,实际上,这并不重要,重要的是Flash不是一个被官方承认的标准,因为超过90%的互联网用户已经安装了插件:我们正在谈论数以亿计的人们已经预备好,去认同你的动画内容。虽然Flash是有趣的,但这并不是一个完整的多媒体环境。原来,Flash起因于一个项目,假如你已发展为网络播放,甚至更紧凑,所以也可以通过人们调制解调器缓速。冲击波仍然还很健康的活着,并且在许多情况下藏在Flash的后面,在视觉上的互动性和质量上显示。甚至有一个活泼的市场的漫画和游戏使用冲击波。然而,不像闪电,冲击波插件是一个漫长的下载,并需要有些烦琐的安装过程,其中包括在一个时间点上退出你的网页浏览器。两大局限性Flash和冲击波真正的交互特征取决于脚本。还是要选择一词,编程。如果你高兴,事实上你只要脚本的一些JavaScript的经验,你就会发现Flash是合理的简单的;如果不是,你则会被限制到更多的传统动画的任务中。第33页 毕业设计（论文）专用纸不可避免的是,每个人都在寻找网页动画系统,并不希望观众定位和安装第三方插件。这些存在,但他们对方法这样的做法比动画更有所有权,而且通常被他们的创造者极端谨慎地用闪光的专利保护着。另一个解决方法的例案,不需要插件是CyberSpot。对所有意图和目的,一个CyberSpot序列看起来有点像一个基本的动画影片与音频,但在加载时在顷刻之间没有任何的开场白。问题是,CyberSpot是被用作为一个量身定制的服务市场而开发的。你雇佣他们创造一个30秒的电影代表了你自己,而不是创建自己的使用标准的软件包。你可以想象得到,有限的作用除了作为独立的广告。在大家都在谈论的热门技术中，目前能胜过动画，在将来的某个时候可扩展的是矢量图形,或者SVG。它开始生命作为一种理念,提出了由万维网联盟,从一开始,AdobeIllustrator提出了SVG作为一个开放标准,希望这将鼓励它的采用。背后的理念是提供网上SVG与矢量图形的标准,以同样的方式,GIF和PNG是位图,JPG标准。但不仅如此,它支持动画和使用者的互动。再者,它是用平底锅和缩放功能。这意味着你可以使用SVG用多种不同的方法适合想要的结果,不管他们是在一个详细的图中你可以放大而不失去定义(一个streetmap是一个典型的例子),网页界面元素或交互式动画电影。SVG支持视觉滤镜效果应用在真正的时间而不是成为框架,并包括音频。如此多的人有意SVG的原因之一是它是基于XML的,一般被认为是下一步在网站的功能。XML支持在动态矢量图形或动画时可以连接各种数据,从而可能从根本上改变网页内容的发送。像往常一样,也有缺点。一是SVG,尽管人们接受为一种法定的标准,还需要一个插件在你的浏览器中显示。虽然AdobeIllustrator有希望有一天,SVG将支持建成所有浏览器,对于在不久的将来它涉及到下载超过2Mb。另一个限制是宝贵的几个图形包裹还不能支持SVG，除了AdobeIllustrator9和Photoshop6。这会导致最大的缺点:大多数人都不会使用SVG和绝大多数的网站用户还从来没有听说过它。这一切当然导致猜想，声称Flash动画是真正的标准,正式被认可或不被接受。越来越多的设计能力应用在动画上,包括插图画家和徒手画,更不用提LiveMotion。动画是未来几年内行动的来源,至少,如果不是无限期的。第33页 毕业设计（论文）专用纸致谢时间飞逝，大学的学习生活很快就要过去，在这四年的学习生活中，收获了很多，而这些成绩的取得是和一直关心帮助我的人分不开的。首先非常感谢学校开设这个课题，为本人日后从事计算机方面的工作提供了经验，奠定了基础。本次毕业设计大概持续了半年，现在终于到结尾了。本次毕业设计是对我大学四年学习下来最好的检验。经过这次毕业设计，我的能力有了很大的提高，比如操作能力、分析问题的能力、合作精神、严谨的工作作风等方方面面都有很大的进步。这期间凝聚了很多人的心血，在此我表示由衷的感谢。没有他们的帮助，我将无法顺利完成这次设计。首先，我要特别感谢我的知道郭谦功老师对我的悉心指导，在我的论文书写及设计过程中给了我大量的帮助和指导，为我理清了设计思路和操作方法，并对我所做的课题提出了有效的改进方案。郭谦功老师渊博的知识、严谨的作风和诲人不倦的态度给我留下了深刻的印象。从他身上，我学到了许多能受益终生的东西。再次对周巍老师表示衷心的感谢。其次，我要感谢大学四年中所有的任课老师和辅导员在学习期间对我的严格要求，感谢他们对我学习上和生活上的帮助，使我了解了许多专业知识和为人的道理，能够在今后的生活道路上有继续奋斗的力量。另外，我还要感谢大学四年和我一起走过的同学朋友对我的关心与支持，与他们一起学习、生活，让我在大学期间生活的很充实，给我留下了很多难忘的回忆。最后，我要感谢我的父母对我的关系和理解，如果没有他们在我的学习生涯中的无私奉献和默默支持，我将无法顺利完成今天的学业。致谢四年的大学生活就快走入尾声，我们的校园生活就要划上句号，心中是无尽的难舍与眷恋。从这里走出，对我的人生来说，将是踏上一个新的征程，要把所学的知识应用到实际工作中去。回首四年，取得了些许成绩，生活中有快乐也有艰辛。感谢老师四年来对我孜孜不倦的教诲，对我成长的关心和爱护。学友情深，情同兄妹。四年的风风雨雨，我们一同走过，充满着关爱，给我留下了值得珍藏的最美好的记忆。在我的十几年求学历程里，离不开父母的鼓励和支持，是他们辛勤的劳作，无私的付出，为我创造良好的学习条件，我才能顺利完成完成学业，感激他们一直以来对我的抚养与培育。最后，我要特别感谢我的导师刘望蜀老师、和研究生助教吴子仪老师。是他们在我毕业的最后关头给了我们巨大的帮助与鼓励，给了我很多解决问题的思路，在此表示衷心的感激。老师们认真负责的工作态度，严谨的治学精神和深厚的理论水平都使我收益匪浅。他无论在理论上还是在实践中，都给与我很大的帮助，使我得到不少的提高这对于我以后的工作和学习都有一种巨大的帮助，感谢他耐心的辅导。在论文的撰写过程中老师们给予我很大的帮助，帮助解决了不少的难点，使得论文能够及时完成，这里一并表示真诚的感谢。第33页'