FLASH动画制作与设计.doc

摘要摘要 Flash是美国的Macromedia公司推出的优秀软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的动态效果制。 Flash使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。使所出作品最大程度支持网络传输。Flash通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在课件设计上不仅可以使课件更加生动，而且小巧玲珑上传、下载迅速，使得课件便于网上交流。 Flash把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为课件动画设计的主要工具，并且创作出了许多令人叹为观止的动画课件(电影)效果。而且在Flash 8.0的版本中早已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的身材。 Flash强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FS COMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的课件设计工具Director配合默契，可以制作出优秀的幼儿多媒体课件。 Flash 8.0 的出现更是使Flash在面向对象开发方面达到了一个前所未有的令人唏嘘的高度。类、包、继承、封装、丰富的组件、项目管理、版本控制，这些以往只能在专业的面向对象的应用程序集成快速开发环境中才能见到的东西已经统统的在Flash中得到了贯彻。 本文介绍了Flash动画制作中最基础的知识以及在flash 8.0软件环境下制作FLASH广告动画的过程和一些相关的应用方法，并通过制作FLASH广告动画向大家展示出FLASH动画的特色。关键字: FLASH软件；动画；场景；FLASH场景动画 ABSTRACTPeople and emerge a person to grow better the persons courage and the process from the bad person.The novel performance method results in mind pound at, leaving the impression that cant obliterate to the people, thus moving the people, with the body the corpus thoughts now, letting person have awakening. At manufacture in I used a great deal of action to repair, purpose is to not let.The fla document lane of too greatly;Still have me the beginning of present view part of to manufactured the fan to turn to move, make the appearance even have the movement, this also makes up the appearance middleman thing to hold still the blemish of the immobility more exactly;While create this fan, I used two fans to set against to call, an is a fan, the another is the shadow of the fan, the fan turns to move, the shadow also comes after to turn to move, making that original narrow and small room even have the stereoscopic feeling thus, this is also a very small exaltation that is that work.Moreover and betwixt of still have two more creative places in the creations, an is the gun battle condition, another is story host Mr. takes the bullet after hit by bullet of condition, let you even can feel Flash strong place. This text introduced the Flash animation manufacture in the most basal knowledge and process and some related applied methodses of the creation FLASH field view animation under 8.0 software environments of the flash 8.0, and pass to create one FLASH field view animation toward everyone to display the special features of a FLASH animation.Keywords： Software of Flash; Animation; Orange perfame; A view目录i绪论目录第一章 绪论11.1flash动画阶段11.1.1 flash现状11.1.2 flash发展前景21.1.3 flash发展方向31.1.4 flash动画制作概念阐述41.1.5 flash制作目的41.1.6 flash动画的流程41.1.7 Flash动画存在的主要问题51.1.8 Flash动画的发展思路6第二章 Flash动画制作中最基础的知识92.1动画的基本理论92.2 flash8.0的工作环境92.2.1工作区域92.2.2舞台92.2.3场景102.2.4时间轴窗口102.3 工具面板102.4 符号和实体11第三章 Flash广告动画的设计制作过程133.1开头动画的设计思路133.2 flash广告动画的详细制作过程143.2.1 flash动画影片的黑边的制作143.2.2手机移动以及星星围绕手机移动动画的制作163.2.3文字的淡入淡出效果制作183.2.4滤镜模糊效果制作203.2.5 手机移动动画制作233.2.6 手机拍照效果制作243.2.7 黑屏效果以及元件、文字若隐若现效果制作26第四章 软件测试334.1软件测试的目的及意义334.1.1软件测试的目的334.2软件通过的测试发现的问题334.3解决软件测试发现的问题344.4 测试结论35第五章 结束语37致谢39参考文献41绪论7第一章 绪论1.1flash动画阶段1.1.1 flash现状（一）Flash动画成为网络动画的时尚如今的网络动画绝大部分是Flash动画，而且主要以搞笑为主。这种搞笑形式的Flash动画之所以成为时尚有其深层次的原因：其一是精神层面的原因。现在的人都有着强烈的表现欲望和因为名利思想而产生的创作欲望，对于任何新鲜事物都希望能参与并亲自实施，网络和Flash为国人提供了这种方式和工具，Flash便开始流行和时尚起来。其二是技术层面的原因。传统动画实际是一种高艺术含量、高技术含量的艺术形式， Flash本身提供了一些自动插补帧的运动表现形式，使得一些运动可以由电脑自动生成，因此Flash动画从技术层面上满足了制作者的需求。（二）Flash动画应用现状Flash动画以其制作周期短、经济等优势迅速地在其他领域得到应用，并占领了一定的市场。网络上的广告大部分是采用Flash动画来制作。课件展示，这一部分以前多以Authorware和Director等软件制作，现在部分开始转向使用Flash。MTV，不仅以歌曲或音乐为素材，而且还可以对相声、小品等以Flash动画所特有的形式进行重新演绎。动画片，Flash用于动画片的制作是一种新的形式，这是Flash动画一个更高层次上的应用，也是Flash动画需要扩展的全新领域。“闪客”、“网络动画”在中国动画产业的复兴路上，起到了举足轻重的作用。（三）Flash动画发展面临的挑战市场对商业插画的需求逐渐扩大，促进和刺激flash多元化，商业化。网络动画的简陋， 节奏冗长的缺点，逐渐被效果精美的，节奏快速的插画和影视广告所影响：直至取代！Flash动画及市场发展分析：第一代中技巧，第二代注重美术，带三代注重形式，第四代注重市场：只有适应市场、引导市场，第四代flash动画才能在以后的发张中立足并立业。传统动画和网络动画的对比：传统动画：注重动画节奏、故事内容、造型和背景，美术风格。网络动画：注重创意形式、人文情感、叛逆和笑料、音乐和动效，制作手法：一个注重团队合作，一个注重个人风格。第四代flash动画职业的特点：完备的专业技能、敏锐的商业意识、自由的宽松的工作环境、快乐富有的生活质量。商业插画打造第四代flash动画：在修养、沟通、理解、协作、技能五大方面进行完美训练、打造第四代flash动画。我国的动画产业在上世纪的50年代到80年代中期曾经有过辉煌，大闹天宫、小蝌蚪找妈妈、哪吒闹海等动画片曾让世界为之震惊，然而随着电影行业由昌盛走向衰落，动画片的播放形式从影院转向电视，我国的动画行业从此一蹶不振，电视屏幕上充满着国外动画片。动画和电影一样，不仅仅是一种娱乐，更是一种思想、民族精神的载体，近几年国家对动画产业的发展给予高度的重视，也出台了很多政策，鼓励动画产业的发展，动画业存在着机遇也面临着挑战。观念上的挑战，Flash动画是以网络动画为起点，以搞笑为主，这也使得Flash动画成为搞笑动画的代名词，人们并不认为Flash动画在动画片的制作上能有所作为，甚至并不把Flash动画作为一种动画形式。随着技术手段的不断进步，特别是计算机技术的发展，动画的制作手段也呈现出多元化的特征，而且从技术上也相互交叉，如传统动画也大量借助计算机手段束完成。Flash仅提供矢量图像。这种矢量图像不易表现层次丰富的画面，这也使得Flash动画在技术扩展上面临挑战。Flash动画是一种崭新的、也是一种弱小的动画形式。Flash动画要发展，就必须扩展其应用范围，尤其是在动画片的制作领域，这是Flash动画发展的必然趋势，这一趋势要求Flash动画更加注重叙事与抒情，注重其商业性，注重团队化，这使得Flash动画面临着更大的挑战。随着人们的欣赏水平的提高，也要求Flash动画不断地提高技术和艺术含量。在宽带日益普及的条件下，对Flash压缩技术的苛求不再成为作品精致程度的瓶颈，角色动作、背景更趋细腻，文件数据量也越来越大。1.1.2 flash发展前景论前景的话，目前中国广大flash爱好者主要把精力集中在了网页的导航栏，flash全站、有些制作，动画制作等等上面的比较多，其实国外已经很多地方用到了工业，生产等各个方面，因为flash的自由性非常高，往往可以把界面，按钮等制作非常动感，这也是大家有目共睹的，所有flash的前景是只有想不到，没有做不到的。1.1.3 flash发展方向Flash被称为是“最为灵活的前台”，由于其独特的时间片段分割（TimeLine）和重组（MC嵌套）技术，结合ActionScitp的对象和流程控制，使得在灵活的界面设计和动画设计成为可能，同时它也是最为小巧的前台。Flash具有跨平台的特性（这点和Java一样），所以无论你处于何种平台，只要你安装了支持的Flash Player，就可以保证它们的最终显示效果的一致，而不必像在以前的网页设计中那样为IE或NetSpace各设计一个版本。同Java一样，它有很强的可移植性。最新的Flash还具有的手机支持功能，可以让用户为自己的手机设计喜爱的功能。当然首先必需要有支持Flash的手机，同时它还可以应用于Pocket PC。 那么，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本身就以多媒体和可交互性而广为推崇。它所带来亲切氛围相信每一位用户都会喜欢。1.1.4 flash动画制作概念阐述 动画是将静止的画面变为动态的艺术实现由静止到动态，主要是靠人眼的视觉残留效应利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片。动画以人类视觉的原理为基础。 如果快速查看一系列相关的静态图像，那么我们会感觉到这是一个连续的运动。 每一个单独图像称之为帧。帧是动画电影中的单个图像1.1.5 flash制作目的 综合运用在学期间所学的理论知识和技能，设计使用flash动画知识制作一个小短片，此题目主要涉及flash动画制作方面的知识，另外对学生的想象力有一定要求，通过此设计可使学生在实例分析、策划以及实际制作等方面得到综合训练和提高。1.1.6 flash动画的流程 1、由编导(可以是你自己)确定动画剧本及分镜头脚本；2、美术动画设计人员设计出动画人物形象；3、美术动画设计人员绘制、编排出分镜头画面脚本；4、动画绘制人员进行绘制；5、导入到flash进行制作； 6、剪辑配音。 在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐 1.1.7 Flash动画存在的主要问题Flash作为一种动画形式，是以个人制作方式并以网络作为传播媒体，开始成为一种时尚，通过另类的表现形式，带给人们一种新奇的感觉传达着个人的思想和情感。但当新奇成为习惯时，人们不再满足单一的另类表现形式，同时Flash动画自身也需要进一步发展，所以Flash动画开始出现了种种不适应，很多问题需要去探讨。（一）技术手段的自我封闭所谓技术手段的自我封闭，就是指强调Flash动画必须而且只能单纯依靠Flash软件来制作或者是过分依赖Flash软件来表达动画。这可能会触及到Flash动画的概念，到底什么是Flash动画?没有人去给它下个定义实际上也不需要去界定它，因为Flash动画本身尚未成熟，还在不断地探索和实践之中，这种界定不会准确反而会束缚Flash动画的发展。在这里至少有一点应该明确：在Flash动画中借用其它一些技术来弥补Flash软件自身的不足，应该属于Flash动画的范畴，正如三维动画制作软件中，也必须使用其它软件来绘制纹理帖图一样。(二)Flash动画的单一性Flash动画的单一性主要体现在造型的单一性和运动表现的单一性两方面。造型的单一性表现在过分追求“另类”的造型上，而运动表现的单一性表现在过分依赖Flash的自动插补帧的动画形式。这使得Flash动画绘人一种千篇一律的感觉，缺乏形式上创新。Flash动画的单一性固化了创作者的思维，形成一种思维定势，认为Flash动画就是搞笑，搞笑就是Flash动画，这非常不利于Flash动画的发展。Flash动画的单一性还体现在过分利用Flash的自动插补帧的动画形式，强调Flash动画的技术性而忽略了其艺术性，也就是动画的共性，这样造成动作呆板，没有生气，使动作过于单一。当然把动作简单化，利用Flash的自动插补帧的动画形式，一个人几天就可以完成一部短片作品，也是一种需求，是个人一种情感表达，但这不能成为Flash动画唯一表现方法，更不应该成为一种主流。动画不仅是技术而更多是艺术的表现，它需要很高艺术修养，扎实的绘画功底，动作合理夸张的表现技能，对色彩、构图的把握以及对叙事、抒情的表现等，也是团队精神的体现。(三)叙事方法的缺失叙事不仅存在于带有情节的动画片中，也存在于其它类型的动画片中，因为任何动画片也包括短片都在讲述事情或表达思想和意义。一部优秀的动画片，会使人们完伞沉浸其中，全心全意地感受片中的气氛和人物，仿佛自己不是在看动画，而是已经生活在动画中的世界，成为其中的一部分。我们在欣赏Flash动画作品时，会时刻感觉一种跳跃、非连续或者是一种疯狂、错乱，这种现象存在于很多Flash动画作品中，以至于成为Flash动画的一大特点，有的时候还把这种现象理解成为一种优势、一种对传统的颠覆，实际上这萨是叙事方法缺失的表现。1.1.8 Flash动画的发展思路(一)Flash动画艺术含量的提高目前，Flash动画作品的艺术含量从总体上看属于一个较低的层次，主要表现在造型能力较弱，造型与故事主题、故事情节与基调不相符合；在运动规律的把握上，角色的运动脱离了自然规律，很多Flash动画作品的动作没有“动画化”，更没有表现出角色的性格和动作本身的意义：在镜头处理上，过于跳跃，缺乏流畅性。造成F1ash动画艺术含量较低的原因，从客观上看，Flash动画发展时间较短，仍属于种新的动画形式，需要不断地探索和实践，Flash动画的发展需要一个过程：另外，Flash动画缺乏具备动画专业知识的人才，从事Flash动画创作的人多数是以Flash技术为主，这使得Flash动画在艺术方面有很大的缺失。从主观上看，Flash动画过多地强调制作技术的单一性，使得Flash动画表现形式单一，这在一定程度影响了Flash动画质量的提高。Flash动画艺术含量提高的关键是技术和艺术的两因素，在技术上应不拘于Flash自身，积极探索其它技术，以保证Flash动画的画面效果：在艺术上，注重提高动画艺术，特别是传统动画的艺术修养。另外，Flash动画制作的团队化也是其艺术含量提高的前提条件。Flash动画艺术含量提高的最终目的是实现Flash动画的商业化，实现F1ash动厕的良性发展。(二)Flash动画制作的团队化目前，网络上的Flash动画多数是一个人独立完成的，时间大多在一周左右，我们可以称为个人动画。Flash动画之所以能够独立完成，一方面是由于这种动画都是短片形式，另一方面它简化了很多画面因素，如场景、动作表现等。实际上这和传统动画相比，质量相差很多，这种Flash动画主要强调的是“我能做动画”，或者是为了在技术上的探索。从Flash动画的发展趋势看，Flash动画从以短片为主必然会转向以中长的情节片为主，这是Flash动画商业化的客观要求，在这种大趋势下，Flash的个人动画形式越来越不适应这种趋势的需要。中长片动画是一项复杂的系统工程，需要有周密的计划和细致的组织形式，涉及到众多因素，如策划、剧本、编剧、视觉设计、分镜、原画、动画、上色、声音、音效、合成、动画输出等，在这样一个复杂过程中，需要动用大量的人力、物力和财力，这是个人动画无法实现的，Flash动画制作的团队化是必须的。从Flash动画艺术含量提高的角度看，也需要Flash动画制作的团队化。高质量Flash动画的动作表现方式正在由电脑自动插补帧形式向逐帧动画形式发展，只有在不影响动画质量的前提下，才会采用Flash所提供的动画方式，“飘来飘去”的动作在逐渐淡出：动画场景由原来的矢量图方式向位图方式发展，使得场景的表现更加写实化，这与平涂的角色形成对比，角色更加突出，整个画面的质量也有了一个飞跃。Flash动画质量的提高也导致制作难度和强度巨增，个人动画无力满足高质量Flash动画的要求。Flash动画制作的团队化是大势所趋，这是Flash动画发展的需要，也是Flash动画商业化的需要。(三)Flash动画的商业化Flash动画作为一种动画形式，不能只停留在实验和探索阶段，也不应仅作为个人动画的表现形式，Flash动画的商业化是其发展的唯一出路，只有这样才能促进其发展，实现良性循环。Flash动画的商业化是建立在动画艺术含量的提高和团队化的基础上。目前Flash动画质量总体上还不能满足商业化的需要，有待于提高，在这个过程中，需要有更多具有动画专业知识人才的加入，因为目前Flash动画的低层次不仅体现在技术上，而更多是体现在动画艺术上，解决这一问题的关键就是人才，这也是Flash动画从个人动画向专业化方向发展所必须的；Flash动画的商业化，仅依靠短片是不够的，制作中、长片或系列片、部集片是商业化的基本要求，这种大制作，个人动画是无能为力的，必须建立在团队化的基础上，才能保证动画片的质量。当然，Flash动画的商业化不仅取决于内部因素，外在环境也会很大影响，如动画片的商业化动作，财力的支持及国家产业政策的支持等因素。Flash动画的商业化可能会有不同的形式：首先，就Flash动画本身束况，可以有Flash动画电影动画rED或DVD，电视系列片或部集片等；其次，和动画相关的衍生产品的开发也是Flash动画商业化的一部分，如可以利用动画片中的卡通形象，开发玩具，代言产品等，这也是一个巨大的商业市场。但无论任何形式，动画片本身是主体，是根本，没有好的动画，其它都无从谈起。Flash动画制作中最基础的知识11第二章 Flash动画制作中最基础的知识2.1动画的基本理论 在学习动画设计之前，首先要解决一个问题，也就是动画到底是什么？事实上，一些列的静态动画连续的快速播放就构成了动画，动画与电影一样是利用人眼的视觉短暂停留来产生动态的感觉。在flash中通常把动画叫做电影（moives）,二者的概念是相似的也就不做区分了。 动画中的每一张静态的画面被称为“帧”（frame）。动画播放的速率正是由每秒播放帧来决定的，也就是fps（ Frame Per Scond帧/秒）。在计算机上常见的动画速率一般用8-12帧/秒，尤其在网络上播放的动画就更不要把帧速设定得太高。如果设定的太高，会造成网络频率来不及配合输送足够的影音数据，电影的播放将时断连续。Flash动画是许多帧按顺序排序而成的。Flash利用了计算机强大的计算机功能，采用了一种“关键帧”，（key frame）的技术，大大减少了动画设计的工程的量。下面就来谈谈这个重要的概念一关键帧。所谓关键帧也就是该影帧中的内容与先前影中的有很大的区别，因而它呈现出关键性的动作及内容变化。比如，在某一帧以前没有任何物体，而到了这一帧，动画中突然出现了A物体，就应该把这一帧指定为关键帧。如果设计中要求用10帧来表现A物体从出现的地方挪到另一处地方的过程，就需要再在10帧后加入一个关键帧，指示它最后所在的的位置，中间的帧相对于关键帧来说就是普通的，通过和简单的操作就可以让计算机利用内插法自动计算得出各影帧中的内容，而无需一笔一笔地把他们逐一画出来。2.2 flash8.0的工作环境2.2.1工作区域工作区域就是flash的工作平台，它是一个比较大的区域，实际上涵盖了下面要说的舞台以及画图和编辑动画的工作对象，可以把它看作是后台和舞台的结合。2.2.2舞台 舞台是flash动画中的给个元素的表演平台，舞台将显示当前的帧的内容。与工作区域不同的是：动画发布后只有在舞台上的内容才能被看到，而舞台之外的工作区域中的内容就如同在后台的演员和工作人员一样不会被观众看见。2.2.3场景 就像戏剧可以有几幕一样，舞台上也可以放下几个场景。注意在舞台的右上部分，有两个小按钮，其中的一个就是场景切换的按钮。可以通过不同的场景的交互性、来创作出非常复杂的动画。2.2.4时间轴窗口时间轴窗口用于对flash的两个基本元素层和帧进行操作。在系统缺省设置下，时间轴窗口以编辑栏的形式出现在舞台上面紧靠上边框。使用者可以根据需要或爱好，用鼠标拖动该编辑栏到flash界面的其他位置，甚至将其拖出边框，使之成为可自由移动的浮动窗口。时间轴控制窗口分为左右两个区域，它们分别是层控制区和时间轴控制区。Flash的层与photoshop中的层的两个概念是差不多的，它们可以都是透明的，只不过在photoshop中是指图层，而在flash中是动画层。使用层可以设定动画中的各个元素的上下叠放次序。层控制区位于时间轴窗口的左边，是进行层显示和操作的主要区域，有几个层功能操作事列和按钮组成。当前舞台中正在编辑作品的所有层的名称、类型、状态都会按照层的放置顺序排列在层示意列中。在层控制区中，不但可以显示当前作品的层及所属信息，还可以对某一个或部分层进行操作，如新增层、删除层、改变层的放置顺序等。有关层的更多操作请参见层操作。这里要提醒大家的是，层的使用不会增加文件的规模，相反，合理地使用层可以在设计时使各个层层次清晰且易于编辑，所以最好在初学的时候就养成使用层的习惯。时间轴窗口的右半部分是时间轴控制区域，该区域主要有若干行与左边层示意列对应帧序列、示意列、时间轴标尺、信息提示栏以及一些用于控制动画显示和操作工具按钮组成。它用于对各帧的播放和放置进行有效的控制。利用时间轴窗口安排好素材的空间位置和时间位置能够制作出比较好的动画效果。2.3 工具面板 如果没有看见工具面板，可选择菜单WindowsToolbar。在弹出的对话框里选Drawing就可以了。Flash的工具所有选择工具和绘图工具。工具栏包括两个区域：一个是选择区，他在工具面板的上半部，用于选择所需要的工具；另一个是属性区，是用于所选择工具进行一些属性的设定。2.4 符号和实体 于大多数刚刚接触flash的人来说，符号（symbol）实体（instance）是一对比较特别的概念，但是它们并不难理解。简而言之，符号是可以重复使用的图像（graph），按钮（Botton）或是动画（movie clip）；实体则是符号在舞台上的具体体现。如果先创建了一个动画符号，把它放在舞台上，那么舞台上的这个动画就叫做实体。 引入符号的概念对于动画的设计人员来说是大有好处的。首先，在处理大量元素时，不会手忙脚乱。如果电影中有大量的重复元素，而要对它们进行修改时，就不需要对每一个实体进行修改，只要改变符号就可以了，因此，编辑工作就大大简化了。此外，符号的使用可以显著的减小文件的规模，保存经常使用的符号所需要的空间要比保存所有数据的小得多，而只要保存几个引用信息就可以了。使用符号对在网络上播放的动画来说还有一个好处就是在用户观看时，符号下载到用户端只要一次，而不用重复下载多个同样的元素，这样可以大大加快动画的播放速度。第三章 Flash广告动画的设计制作过程 31第三章 Flash广告动画的设计制作过程3.1开头动画的设计思路 在学习动画设计之前有必要对多媒体动画设计的动画的步骤进行简单的介绍。可以毫不夸张的说，多媒体动画设计是个相当复杂的系统过程，尤其在作品比较大、比较重要的时候。设计人员必须胜任整个过程，要先定制一个总体计划，否则设计必然是又费力气又费时间。在学习动画设计的时候，必须要先制订全盘计划再动手设计。 制作多媒体动画时，随着质量要求及内容的多少，所付出的精力和时间有所不同。根据经验，制作多媒体动画过程大致可分为一下三个阶段：第一个阶段是整个制作的制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投入、内容、制作时间等，对以后的制作将十分有利。第二个阶段，就是按照第一个阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。在收集素材时应该注意严格要求以保证质量。第三个阶段，用flash将收集的素材集成并测试；在这个过程中应该不断地进行测试，对发现的问题及时加以修改以保证精心制作的多媒体动画问世。 制作多媒体动画的过程一般是多人分工合作，要注意相互协调每个人的工作。亲身体验制作过程，每一位参与者一定能够积累一些经验，对多媒体的制作有更深刻的体会。由上面的滑出手机，进入舞台后，停止手机元件的动画，然后用闪亮的星星滑过滑过手机边缘，体现出手机的美感。接着过淡出手机功能的文字，完整的张开手机有哪些功能及优点，待功能介绍完毕之后，接下来再介绍手机的各类款式和不同颜色的手机。到这一步的时候，实际上手机的特点还是没有展现出来。我们再通过诺基亚这一款手机的拍照功能，利用动画将拍照的效果制作出来。 接着再用淡入淡出体现这一款手机为“诺基亚5160音乐手机”，让看广告的人知道这一款机的名称。最后，我们再用手机背面做为广告的结束，滑出“诺基亚5160音乐手机”。3.2 flash广告动画的详细制作过程3.2.1 flash动画影片的黑边的制作（1）新建flash文档创建一个文件，在文档属性中，将尺寸设为640*480像素，单位为像素，背景颜色为白色，并将帧设置为12.0fps.图3.2.1 黑边的制作(2)拖出长条形黑色矩形制作影片黑色边框，由于采用的是影片的形式来制作动画，所以需要先做个影片边框。按“CTRL+F8”键新建一个图形元件并命名为“黑边”，在“图层1”上，使用工具栏中的矩形工具，并将填充色设置为黑色。拖动出一个长条形的黑色矩形。大小为551*57像素。图3.2.1制作影片黑色边框（3）元件“黑边”的制作然后使用文本工具，在黑色矩形中单击，输入“诺基亚”。然后单击属性面班将文字进行调整，元件“黑边”即制作完成了。图3.2.1元件“黑边”的制作（4）回到主场景，将“图层”改名为“黑边”直接将元件“黑边”拖入到舞台中，然后将它的X和Y的坐标值均设为0和350。3.2.1元件“黑边”的制作3.2.2手机移动以及星星围绕手机移动动画的制作（1）将“手机”转换为图形元件，并设置“手机”的坐标值 单击【文件-导入-导入到库】，将“手机”和“星星”的图片导入到【库】。回到“场景1”中，新建一层并命名为“手机”。直接将“手机”图片拖入到“手机”层中，按“F8”键将其转换为图形元件。在第1帧将它拖出，将X和Y的坐标设置为100和200。图3.2.2手机移动（2）手机的移动画面在第25帧处按下F6键插入关键帧，将X和Y的坐标值设为100和-128，然后在时间轴帧中间鼠标右击创建补间动画。这样手机的动画的移动动画就完成了。图3.2.2星星围绕手机移动动画的制作(3)将“星星”转换为图形元件 首先在“场景1”中插入一个新层，命名为“发光星星”，在31帧处插入关键帧，将图片“星星”拖入其中转换为图形元件。为了看到明显的星星，把背景色调暗一点！图3.2.2星星围绕手机移动动画的制作 接下来插入一个“引导层”，并在第31帧处插入关键帧处插入关键帧。使用【线条工具】沿手机边缘绘制一条路径，然后在60帧处按下F6键插入关键帧以用来延长帧。图3.2.2星星围绕手机移动动画的制作(4)在线段上的“星星”首先单击“引导层”的第31帧，拖动“星星”将其至于线段的一个端点。然后再单击“引导层”的第60帧，再拖动星星将其放在线段的另一个端点。如下图所示。然后在“星星”层中的第60帧处插入关键帧，并创建补间动画。这样以来，“星星”就会沿着线段进行运动你过来了。3.2.2星星围绕手机移动动画的制作3.2.3文字的淡入淡出效果制作（1）设置设置“元件 1”，分别创建7个“元件”，每一个元件分别用来装一串字，“元件1”中的文字为“支持网络调频收音机”，设置属性为18号字、黑体、加粗。回到“场景1”，新建一层命名为“文字1”，在一层第65帧处插入关键帧，将“元件1”直接拖入到舞台，将其X和Y坐标设置为485和82。图3.2.3文字的淡入淡出效果作品（2）完成文字的淡入淡出效果 下面添加淡出效果，在文字层的第65帧处单击，然后在场景1中，“元件1”，在属性栏中【颜色】的右侧下拉菜单中，将“Alpha”值设为0，然后单击第75帧，将它的值设为100。这样就完成了文字从无到有的全过程。图3.2.3文字的淡入淡出效果制作元件1至7的最终效果 接下来就是完成其他的5个元件，分别将5个元件命名为“元件2”到“元件6”并在每个元件内输入一串字，然后在这5个元件内分别输入“内置FlashLite播放器”、“立体声蓝牙耳机功能”、“1600万色彩屏”，“VGA照相机，自动变焦功能”、“内置免提扬声器”。在场景中新建5个文字层，分别为“文字2”层到“文字5”层。然后用以上同样的方法来对它们做淡入淡出的进入效果。图3.2.3文字的淡入淡入出效果制作3.2.4滤镜模糊效果制作（1）在203帧插入关键帧首先在把另一手机画面导入库中，命名为“手机2”。然后新建元件把“手机2”拖入新建元件中，并把刚新建元件更名为“手机2元件”图3.2.4滤镜模糊效果制作（2）完成模糊效果 在210帧处插入关键帧，并将元件拉大，移动位置至如图所示，在203帧与210帧中间创建补间动画。然后，点击210帧处，再点击元件，调出属性，创建滤镜增加模糊效果，X=50,Y=10图3.2.4滤镜模糊效果制作（3）“模糊效果”的重复 在模糊层，215帧插入关键帧，216帧插入关键帧，217帧插入关键帧，并在216帧加入模糊效果，如下图所示：图3.2.4滤镜模糊效果制作 在滤镜中加入模糊效果，并将相关参数设置为：模糊X：50；Y：0，品质设为低。图3.2.4滤镜模糊效果制作3.2.5 手机移动动画制作 （1）手机移动动画制作1 在这里插入原来的手机，制作手机从右下角移动到舞台中，插入一层命名为“手机3”并在该层221帧处插入关键帧，把手机拖入舞台当中。设位置为：X：504；Y：.9；宽：67.1；高：160.4图3.2.5手机移动动画制作(2)手机移动动画制作2刚刚已插入手机，现在开始的手机移动动画，在“手机3”图层224帧插入关键帧，并将手机位置移动到位置：X：417.5；Y：6.0；宽高不变。然后在228帧处插入关键帧，并将“手机”相关参数设置为：X：335.5；Y：8.0；宽：96.8；高：231.2。并继续在233、238插入关键帧，调整大小、位置等。图3.2.5手机移动动画制作在这一过程中，模糊图层中元件，也将进行相关的制作移动操作。接2.2.4 滤镜模糊效果制作中，在模糊图层中223帧、228帧、233帧、238帧插入关键帧，并调整元件的大小、位置创建补间动画。最后，将模糊图、手机3图层中的元件移动出舞台中。图3.2.5手机移动动画制作3.2.6 手机拍照效果制作（1）手机移动动画 新建元件，自动生成元件名为“元件8”，将已准备好的图片导入库中，并拉人元件8中。然后，插入3个图层，分别命名为“有手手机”、“白色手机”、“320”。在图层“有手手机”图层中，248帧处插入空白关键帧，将元件8拉入舞台，调整好位置、高宽、相关参数为：X：-507.1；Y：52.3；宽：523.0；高：400。图3.2.6手机拍照效果在图层“有手手机”中，256帧中插入关键帧，将元件“元件8”相关参数设置为如下图所示。图3.2.6手机拍照效果拍照“闪光”效果制作 在272帧、279帧处插入关键帧，在279帧处调出“元件8” 属性，颜色选“Alpha”数值为4%，这样在272帧至279帧处就完成了“有机手机”元件的淡出效果。同时，在“白色闪光”图层中的260帧处插入空白关键帧，将准备好的闪光元件拖入舞台，跳帧好位置，在264帧处插入帧，这样拍照闪光拍照效果就制作完成了。图3.2.6手机拍照效果制作“320”图层，是用于“320万像素 照相机自动对焦 双闪灯光”文字说明，模糊效果制作，制作过程一样。图3.2.6手机拍照效果制作3.2.7 黑屏效果以及元件、文字若隐若现效果制作（1）“黑幕”的设置先新建起一个图形元件，自动命名为“元件10”，将【填充色】设置为黑色，然后使用【矩形工具】拖动出一个矩形，大小为648*540像素。点击“场景1”、新建一层命名为“黑幕”，在第279帧处插入关键帧，将元件“元件10”拖入场景中。将X和Y坐标设为-2.1和-3.1。在288帧处插入关键帧，然后为其创建补间动画。将279帧处元件的颜色设为白色、82% 。图3.2.7黑屏效果以及文字、元件若隐若现效果制作（2）文字若隐若现动画 新建元件，自动生成元件名“元件11”，在元件中输入“Nokia 5160音乐手机沟通没有距离！”并调整位置、颜色。在场景中，再插入一图层命名为“文字2”在290帧处插入关键帧，将刚建好的元件拖入舞台中，然后在296、316、333帧处插入关键帧，为其创建补间动画。选中290帧，打开属性一滤镜一模糊，X、Y值均为：14.1666，再选中333帧，属性颜色Alpha 图3.2.7黑屏效果以及元件、文字若隐若现效果制作（3）淡出最终手机图片导入一张图片，图片名为“手机3”。然后在“场景1”中插入一层命名为“最终手机”选中刚新建的图层，在第333帧处插入关键帧，拖入“手机3”，转换元件，位置居中。然后在第360帧再插入关键帧，选中333帧，将元件属性，颜色选择“Alpha”为8%，对333帧至360帧创建补间动画。图3.2.7黑屏效果以及元件、文字若隐若现效果制作3.2.8 遮罩效果制作（1）设置文字属性，并将图层2中绘制矩形 首先新建一个【影片剪辑】，命名为“元件13”，在这一层中使用【文本工具】，输入“诺基亚” 并将【属性】改为69号字、红色、粗体。在第100帧处插入帧，以延长帧。新建一层，使用【矩形工具】拖动出一个长条形，然后在第20帧处插入关键帧，并【创建补间动画】。在20帧把矩形横向右方拖，将文字遮住。然后在这层上击右键【遮罩层】，将其改为遮罩层。图3.2.8遮罩效果制作（2）“元件14”的设置 在新建一个【影片剪辑】，命名为“元件14”，在这一层中使用【文本工具】，输入“音乐机5160”，并将【属性】改为69号字，白色，粗体。图3.2.8遮罩效果制作（3）新建“遮罩文字1”和“遮罩文字2”两层 回到“场景1”中，在新建两个新层分别命名为“文字9”和“文字10”图3.2.8遮罩效果制作（4）在“遮罩文字1”图层中拖入元件“元件13” 在“遮罩文字1”图层中，第361帧插入关键帧，将元件“元件13”拖入，并调整其位置。图3.2.8遮罩效果制作（5）在“遮罩文字2”图层中拖入元件“元件14” 在“遮罩文字2”图层中，第374帧插入关键帧，将元件“元件14”拖入，并调整其位置。图3.2.8遮罩效果制作（6）诺基亚5060广告动画制作就完成了，最后到导出flash影片