FLASH二维动画设计 ——《江城子》场景及后期处理---毕业论文

本 科 毕 业 论 文 FLASH二维动画设计江城子场景及后期处理Flash Two-dimensional Animation Design Scenes and Post-processing of Jiang Cheng Zi 姓 名： 学 号：学院：软件学院系：软件工程专 业：软件工程年 级：指导教师： 年 月摘要随着网络的高速发展，Flash二维动画也在各个领域发挥着越来越重要的作用。一个技术纯熟、构思巧妙充满创新意味的Flash动画总会吸引人的眼球。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。它不仅能够制作出许多眩目多彩的效果，只要肯赋予它一定的情景，它就能模拟出现实生活中的情景。Flash 二维动画最大的特点是它能够把一些矢量图、位图和歌词、文字做成交互性很强的动画，不仅具有视觉和听觉的双重感受，更具有趣味性和创造性。依据导师的指导，我们决定采用苏轼的词江城子作为动画设计的题材，用完整的Flash动画将江城子表达的思念和悲哀之情体现出来。本文描述Flash二维动画的发展现状及趋势，也详细地介绍了这次毕业设计中整个Flash包括Flash动画制作过程、Flash动画技术基础、动画制作中涉及到的相关技术和我在整个毕设中所有场景、部分元件实现的详细过程。关键词：二维动画； 江城子； Flash动画；Flash动画技术 AbstractWith the rapid development of network, Flash of two-dimensional animation is also playing an increasingly important role in various fields.A skilled, innovatived Flash animation will always attract peoples attention. Flash can include a simple animation, video content, complex presentations, and applications,as well as between any of the content between them. It can not only produce the effect of many bright and colorful, but also will be able to simulate real-life scenarios. The biggest characteristics of Flash two-dimensional animation is that it can be some vector, bitmap and lyrics, text, made a strong interactive animation, not only has the dual visual and auditory experience, more fun and creativity. In accordance with the guidance of instructors, we decided to adopt the words of Su ShisJiang ChengZi as the animation of the subject, complete with Flash animation will be Jiang Cheng Zi a sad expression of thoughts and feelings reflected.This article describes the development of Flash animation of two-dimensional status and trends, but also details on the design of the entire Flash graduation,including the process of Flash animation, Flash animation technology infrastructure, animation involved in the production of related technologies and the entire set of all the scenes, some components of the detailed process to achieved.Key words: two-dimensional animation; Jiang Cheng Zi; Flash animation;technology of Flash animation目 录第一章 绪 论11.1二维动画及其特点11.2 FLASH动画及其特点21.3 FLASH动画技术发展现状31.4 FLASH动画设计前景4第二章FLASH动画制作及技术基础72.1动画设计目的72.2动画设计过程72.3动画设计使用工具82.4动画设计基础技术11第三章 FLASH动画场景具体实现153.1场景具体实现153.2 音乐制作343.3 合成与后期处理35第四章 结束语39参考文献40致 谢41ContentsChapter 1 Outline11.1Two-Dimensional Animation and Its Characteristics11.2 FLASH Animation and Its Characteristics21.3 FLASH Animation Technology Development31.4 FLASH Animation Prospects4Chapter 2 FLASH Animation Based on The Theory and Technology72.1Purpose of Animation Designed72.2Animation Design Process72.3Animation Design Tool82.4The Basic of Animation Technique11Chapter 3 FLASH Animation Scenes To Chieve Specific153.1 Concrete Realiation of The Scene153.2 Music Production343.3 Synthesis And Post-Processing35Chapter 4 Conclutions39References40Acknowledgments41 第一章 绪 论- 41 -第四章 结束语第一章 绪 论 1.1二维动画及其特点二维动画是平面上的画面。二维动画是对手工传统动画的一个改进。通过输入和编辑关键帧,计算和生成中间帧,定义和显示运动路径,交互式给画面上色，产生一些特技效果，实现画面与声音的同步，控制运动系列的记录等达到制作动画的目的。最早期的动画中描述的人物都是对真实照片或胶片进行的临摹，这是由于当时人们没有掌握角色的运动规律，从而只能进行简单的对真实人物动作的抄袭，但动画工作者们已经在描绘中不断地摸索和钻研。这一时期的动画角色的动作由于是照搬真实人物的动作，而没有在动作上进行任何艺术上的夸张变形，严重制约了动画角色的表现力，也影响到整个片子的表现力，没有节奏感，动画角色没有鲜明的性格特点，人物比较苍白，剧情的发展相对平淡。经过一段时间的发展，动画成为了一门独立且包罗万象的视觉媒体艺术，制作程序也渐渐的流程化，科学的工作分配使角色的动作实现起来更繁琐：首先，对真实的表现对象进行长时间的临摹，对角色的形象、结构乃至习性和习惯动作都要有一个系统的观察临摹。然后，进行艺术夸张把一张对角色形象性格塑造有帮助的要素夸张出来，有的是极度夸张使得最后在画面的角色有血有肉，有性格弱点，有他们自己的生活。最后，进行提炼，画出关键的特点动作，再在这些关键张之间按照角色的性格不同所需要的不同节奏画出数量不等的中间张，这就是一直沿用至今的关键帧的办法。这种动画角色动态的创作办法科学地从生活出发，提炼并塑造出动态鲜明的性格，是角色动作实现手段更加科学有效，这种关键张的创造方法在动画大规模工业化生产的潮流下一直沿用至今，也就是我们所说的二维动画。用这种方法创作的影片，剧情发展节奏感强，角色动作流畅且个性鲜明，使观众更容易从动画片中感受到经过艺术加工提炼后动画工作者想要传达的精神境界。这种方法也有其表现力的弱点，就是很难表现出角色的微妙真实的细节动态，这也就使之对角色内心活动的表现产生了一定的障碍。二维动画角色是一种有意味艺术形式的视觉符号，它折射了角色的性格，名族的审美文化。科技的发展以其独特的形式与审美价值被更多的人认知。离奇的动画角色视觉形象和动画意向，表现夸张、变形的视觉审美及明亮的色彩，卡通化的造型以及强烈的快感，凸现感官强烈的视觉快感幽默虚拟的形象，满足了人们欢愉和体验的激情。1.2 FLASH动画及其特点FLASH是美国MACROMEDIA公司与1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。由于HTML语言的功能十分有限，无法达到人们的期望设计，以实现令人耳目一新的动态效果。在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种简单直观而又有功能强大的动画设计工具，FLASH的出现正好满足了这种需求。 FLASH动画是目前网络上最流行的一种交互式动画格式，这种动画必须用MACROMEDIA公司开发的FLASH PLAYER播放器才能正常观看。FLASH动画最初是用FUTURE WAVE公司开发的FLASH软件来制作的，该公司被MACROMEDIA收购后得以大力发展，而MACROMEDIA开发的FLASH软件成为了制作FLASH动画的主要工具之一。FLASH二维动画有着很多传统动画所没有的优秀特征。利用FLASH制作的动画是矢量，无论放多少倍画面依旧保证亮丽、清晰，永不失真；FLASH生成的文件可以有载入保护功能设置，可防范他人任意修改浸透作品，使你对自己的作品始终拥有“版权”，这更有利于用FLASH制作更多作品及应用到更多领域；FLASH生成动画播放文件非常小巧，大概就几十KB，在网络带宽局限的情况下同样方便的下载观看，很快就受到大众亲睐；交互性是FLASH的又一特色，FLASH动画交互性改变了传统动画的线性叙事方式，令FLASH动画可以非线性叙事方式出现，观众可以用键盘和鼠标跳到SWF文件中的不同部分、移动对象、在表单中输入信息，还可以执行许多其他交互操作；同时FLASH动画的交互性还丰富了作品的外观风貌，增强了动画作品的不确定性。可以说，参与者与FLASH动画交互的过程就是参与者获得更为愉悦的心理体验和视觉享受的过程。利用FLASH的各种优点，更方便制作出易懂、美观的动画短片已经成为了一种趋势，人们也越来越喜欢这种形式。在中国短短几年优秀的闪客和工作室不断涌现，不少优秀FLASH作品得到了巨大的关注浏览次数高达数百万次。FLASH依托自身的优势开始向更广的领域进军，比如手机市场正在积极的健壮当中。结合本身所具有的各种特性、优点及网络时代的到来，FLASH动画将会有自身技术和形式上的更新突破，展现出了更广阔的发展。1.3 FLASH动画技术发展现状FLASH动画是目前网络上最流行的一种矢量动画格式，具有体积小、兼容性好、直观动感、互动性强等诸多优点，是当今最流行的WEB页面动画格式。而且，FLASH动画越来越受到国人的关注，2001年前后，FLASH软件开始在中国的动画市场风行。FLASH动画最早通过网络流通，并随着网络技术的飞速发展，深入人们的日常生活。这一优秀的矢量动画编辑工具给我们带来了强有力的冲击，使我们能够轻易地将丰富的想象力可视化。如今，互联网充斥着我们的生活，当网络广告充斥着互联网时，可能很多人都忘记了甚至不知道网络广告是FLASH格式的，互联网的兴起成就了FLASH的今天，互联网的生机也预示了FLASH的发展前景。然而，FLASH的未来也不仅仅属于互联网，据统计，2007年底视频广告已经占到了广告市场2%的市场份额，而97%的视频广告又是FLASH格式。除此之外，FLASH PLAYER在后台还做了一件重要的工作，就是从广告的制作、投资、搜集，到回报率等各个阶段都在进行精确跟踪。在这个闭环的广告行为中，FLASH能够帮助广告主进行精确投入，通过后台的分析技术以及前台的身份识别，让用户注册信息以及用户行为习惯等信息准确收集回馈给广告主，指导广告主对广告进行更有效、更准确的投放。目前，我国从事FLASH动画制作的人员约有万余人，这个数字与动画产业发达国家相比是较少的，以韩国为例，动画从业人员目前有2万余人。从产量上看，我们的邻国日本，去年的动画产量是12万分钟，超过我们的4倍，这些数字差异昭示出我国FLASH动画绘制员成为稀缺职业。短短几年时间，FLASH动画从网络迅速推广到影视媒介，其发展速度之快出乎很多人的意料。FLASH动画拥有以下几个特点:(1) 在动画制作方面较其他软件有着容易上手，通过自学就可以做出较好的动画作品；(2) FLASH动画是矢量的，不管怎么放大、缩小，都不会影响画面质量，而且文件很小便于在互联网上传输；(3) FLASH采用了流技术，可以边播放边传输数据；这种技术对于网上观看FLASH有着相当的优势；(4) FLASH动画较传统动画在工序上有一定的简化和较多的削减，制作周期大为缩短；(5) 动画制作成本低，只需要一台电脑，一套软件，就可以随时随地制作简单动画。总之，FLASH动画相对于传统动画的优势很明显。当前，FLASH动画在中国的发展取得了一定的进展，但仍未到达全盛时代，随着网络时代的到来，FLASH将随着自身技术和形式上的更大突破，展现出更为广阔的前景。1.4 FLASH动画设计前景对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。FLASH作为一种动画编辑软件可以便利高效地制作出一种后缀名为.SWF的动画，它是一种交互式矢量多媒体技术，是一种矢量动画插件。FLASH有很强大的动画制作功能，为人们制作出满意有趣的动画短片提供了技术支持。现在FLASH的应用领取非常广泛，贺卡、MTV、动画短片、交互游戏、网络广告、网站片头、商业广告中都有了FLASH的身影，甚至在电子商务中也有了应用FLASH的技术。无论美工、程序员都会在FLASH的制作中发挥自己的功效。FLASH新版本的不断推出在制作与易用性方面有一点的改善，更为喜人的是在脚本编程方面有明显的加强，甚至包括了支持电子商务（XML）功能，这些都为制作更优秀的FLASH动画提供了技术支持。从这些新特征可以看出未来FLASH动画技术的发展方向：（1）FLASH的跨媒体发展趋势，跨媒体不仅仅是传统媒体（报纸、杂志、图书、户外广告、电视、广播、电影）与网络媒体统称，而是传统媒体和网络媒体的整合。随着网络信息技术的发展，特别是电话网、有线电视网、互联网“三网合一”技术的发展，高速、互动、多媒体的宽带网将逐步成为新闻、信息、娱乐的主流传播媒介。在这一大趋势下，现有的各类相互独立的媒体将走向融合，形成一个全方位的、以宽带网络信息服务为核心的、整合各种传播媒介的跨媒体平台。其实质，即统一所有的信息源与传播媒介，将全面的信息与内容通过各种媒介，及时、快速、低成本传递给最大范围的受众，以发挥不同媒体之间的协同效应。21世纪的多媒体平台不但能提供声像图文并茂的信息，并且还能提供电子商务、电子政务、电子公务、电子医务、电子教务等多种服务。信息产业的发展已经经历了3次浪潮，即以硬件为核心的浪潮、以软件为核心的浪潮和以网络为核心的浪潮，因此下一次浪潮应该是信息采集、处理和传播的浪潮，也就是以多媒体信息为核心的多种信息服务崛起的浪潮。（2）手机领域的开发发展趋势,FLASH从网站刮到了手机等移动设备上，在动画、视频等领域给用户一个更新的体验，也为企业造就一片新天地。FLASH采用了网络流式媒体技术，突破了网络带宽的限制，可以在网络上更快速地播放动画；可以实现动画交互，发挥个人的创造性和想象力；可以提供更为精美的界面。现在可以说，网站与移动设备应用设计人员不会用FLASH，被淘汰出局是铁板钉钉！在日本，支持FLASH动画的手机已经成为主流。最有时间空挡玩手机FLASH是在坐电车、地铁、火车等交通工具的时候。收费以包月形式居多，折合人民币等于30元/月。值得注意的是每一次运行下载的手机FLASH都会自动连接服务器，以检查你是否为付费用户，也就是说，你无法把这个FLASH分享给其他未付款的人，因为如果对方没有付款是不能观看这个FLASH动画的，更好的保护了手机FLASH的知识产权。事实上，手机动画已经在很多国家获得了成功推广。（3）在网络电影领域，FLASH技术自1997年由MACROMEDIA推出后，逐渐受到好莱坞制片公司的青睐，增加了微型电影和基于网络的电影制作，用它设计迷你电影与网络电影。宝马公司推出的网络电影系列也是靠FLASH主站，其中就有李安导演的“卧虎藏龙”。在中国，闪客皮三未某电影已经制作了FLASH短剧。（4）在电视广告领域，NETZERO公司官员日前说，最近他们运用MACROMEDIA公司的FLASH软件制作了即将在黄金时段播出的电视广告宣传片，这种方式为公司节省了210万美元的制作成本。利用FLASH软件制作广告为节约成本开辟了道路，采用此方法可以以低成本完成一系列高质量广告片的制作，从而使得费用更为合理。（5）在音乐领域，FLASH MV更好的提供了在唱片宣传上既保证质量又降低成本的有效途径，并且将成功的把传统的唱片宣传推广带到电脑网络的更大空间。（6）FLASH在网络广告中的广泛应用，无疑是最直接的获利方式。一些传统的在电视上播放的产品广告，被FLASH瓜分了蛋糕，现在随处打开一个知名的网站，都会看到熟悉的产品的FLASH广告，而网络用于也接受了这种新兴广告方式，因为他们都是被FLASH的趣味设计所吸引，并不会厌烦这种带有广告性质的FLASH动画。相比之下，带有商业性质的FLASH动画制作更加精致，画面设计、背景音乐更加考究，网络广告把FLASH的技术与商业完美的结合，也给FLASH的学习者指明了发展方向。FLASH广告传播和广阔自由度的特性，无论是艺术家还是普通的爱好者都可以从FLASH中找到展现自己风采的舞台，相信这些专心从事FLASH事业的朋友们会在不久的将来给我们带来更多的惊喜。第二章FLASH动画制作及技术基础2.1动画设计目的 项目的制作是以苏轼的江城子为题材。通过一个可视化的动态的短片以及我们的想象力，让浏览者更容易通过画面及声音的配合来理解诗词的内涵，体会到诗人所要表达的情感。整段动画长约3分钟，通过FLASH中所提供的工具、方法和技术效果，以及对江城子的理解，我们为每句词都设计画面，浏览者通过可视的画面及悲伤的背景音乐就可以体会到整首词的情感基调。通过这个动画的设计也希望可以让更多的人知道FLASH二维动画的便利之处，它在我们的日常生活中已经起到了很大的作用，在网络广告方面开始变得非常盛行；另一方面，通过我们的一次新的尝试，增强我们的FLASH制作水平。2.2动画设计过程一个好的FLASH二维动画设计需要详细而有效的步骤，只有按照合理的步骤、熟练的技术和创新的构思才能制作出很优秀的FLASH动画。FLASH创作过程分为下面几个部分。2.2.1 前期动画制作一个完整的FLASH动画作品，要有严格的计划和操作规程，主要分为选题、资料收集、设计脚本初稿以及分镜头等步骤。选题说明主要描述了该动画的基本构思、创作理念以及对其内容的概貌、制作过程的语言性描述，一个合适的选题可以激发思维也可以增添吸引人的成分，好的开头是成功的一半；资料收集主要对动画所需要的图片、文字、声音等内容进行收集和处理。可采用写生、照相、扫描、录音等手段获得，为后面的动画制作准备好充分的素材，有些资料也需要通过其他软件进行处理以达到可以利用的状态，例如经PhotoShop处理过的图片对Flash画面的完美起到了很大的作用；脚本也称为文学剧本，主要是对故事的情节、人物、道具以及场景等等详细描述，好的脚本对后面的制作过程起到了指导作用，除了有纯熟的Flash技术外，有创新意义的脚本对于Flash的成功起到很大的作用。从这里可以看出创新型思维对于现在制作一个优秀Flash是多么重要。2.2.2中期动画制作角色设计为例前期的基本方案，制作FLASH动画作品中的重要元素演员。其中包括：标准图、转面图、结构图、比例图等。设计的演员一般多以图形元件的形式存放在库中，FLASH中的库就相当于后台，当你需要哪个演员上场时，可直接从库中调用；场景设计在FLASH中非常重要，它包括了动画中色彩效果、视觉中心的选择和镜头的调度等。因此，要合理、准确的设计动画中每一个场景的内容，以确保叙述事的合理性。FLASH中场景设计也要注意前、中、后景点分层处理，作为元件存放在库中。另外还需要制作很多的元件，遮罩层、补间动画、脚本语言、引导层、翻转帧等技术都会在中期动画制作过程中体现出来。很多元件的复用性为不同场景的制作提供了方便，对每个场景画面的设置也是中期动画制作的主要任务之一。2.2.3后期动画制作合成和调试对每一个演员的出场、动作、表演过程进行认真调整。对每一个场景以及场景之间的衔接进行调试，将各个场里面的动画合成一部完整的动画。一个完整的Flash动画作品离不开音效和背景音乐。而在FLASH动画中，声音的处理具有一定的局限性，因此，置入后的声音和表演相吻合是关键，同时将整个画面的一些其他细节都整理好。制作一定要有详细的计划，制作过程中才能得心应手。从想法到具体的故事情节，要逐步进行，如果唐突开始制作阶段，到最后绝对是导致很低的效率，甚至前功尽弃。2.3动画设计使用工具在项目的制作过程中，我主要采用的是Adobe Flash CS3、Adobe PhotoShop、Adobe Audition等软件。每个软件对于制作一个优秀的Flash动画短片都扮演着重要的角色，发挥着不同的作用。2.3.1Adobe Flash CS3简介Adobe Flash CS3是Flash系列的最新产品。它是一款十分优秀的专业动画制作软件，它提供的制作方法和手段可以让每一个创作者尽情的发挥它的想象力。Adobe Flash CS3使用了新的、轻量的、可轻松设置外观的界面组件为 ActionScript 3.0 创建交互式内容，使用绘图工具以可视方式修改组件的外观, 而不需要进行编码。提供了高级 QuickTime 导出器, 将在 SWF 文件中发布的内容渲染为 QuickTime 视频，导出包含嵌套的 MovieClip 的内容、ActionScript 生成的内容和运行时效果 (如投影和模糊)。还使用了独立的视频编码器、Alpha 通道支持、高质量视频编解码器、嵌入的提示点、视频导入支持、QuickTime 导入和字幕显示等等, 确保获得最佳的视频体验。不仅如此，Flash CS3 还使用了新的代码编辑器增强功能，节省了大量的编码时间。图2- 1:Adobe Flash CS3界面2.3.2 Adobe PhotoShop简介Adobe Photoshop是图像编辑的行业标准软件，适用于静态图像处理。其图像制作工具可帮助使用者实现平直卓越的效果。借助于其前所未有的灵活性，使用者可以根据自己的需要定义Photoshop。此外，它还提供更高效的图像编辑、处理以及文件处理功能，且功能的增强并未降低先前的效率。图2- 2:Adobe PhotoShop界面2.3.3 Adobe Audition简介Adobe Audition是一个专业音频编辑和混合环境。Audition专为在照相室、广播设备和后期制作设备方面工作的音频和视频专业人员设计，可提供先进的音频混合、编辑、控制和效果处理功能。最多混合128个声道，可编辑单个音频文件，创建回路并可使用45种以上的数字信号处理效果。Audition 是一个完善的多声道录音室，可提供灵活的工作流程并且使用简便。无论您是要录制音乐、无线电广播，还是为录像配音，Audition中的恰到好处的工具均可为您提供充足动力，以创造可能的最高质量的丰富、 细微音响。它是Cool Edit Pro 2.1 的更新版和增强版。图2- 3：Adobe Audition界面2.4动画设计基础技术2.4.1 元件为了使FLASH中的对象能重复使用并进行统一管理，我们可以将不同对象封装成元件。元件的类型包括：影片剪辑（Movie Clip）、按钮（Button）、图形(Image)。图2- 4：元件创建对话框影片剪辑可以理解为电影中的小电影，可以独立于主场景时间轴并且可以重复播放。按钮元件实际上是一个只有4帧的影片剪辑，但它的时间轴不能播放，只是依据鼠标指针的动作做出简单的响应，并转到相应的帧。通过给舞台上的按钮实例添加动作语言可以实现FLASH影片强大的交互性。图形元件可以重复使用的静态图像，或连接到主影片时间轴上的可重复播放的动画片段。图形元件与影片的时间轴同步运行。(1) 元件的设置【插入】菜单 【新建元件】 快捷键 CtrlF8或者 在舞台上把绘制好的图形框选，在其上点击右键，选择【转换为元件.】即可。(2) 元件的修改开启“库”面板（【窗口】菜单【库】 快捷键 CtrlL），在“库”面板里双击需要修改的元件，进入编辑界面。 若舞台上已有该元件，对其选中并双击，进入编辑界面。2.4.2 动画类型帧帧动画是flash动画最基本的形式，是通过更改每一个连续帧在编辑舞台上的内容来建立的动画形状补间动画是在两个关键帧端点之间，通过改变基本图形的形状或色彩变化，并由程序自动创建中间过程的形状变化而实现的动画运动补间动画是在两个关键帧端点之间，通过改变舞台上实例的位置、大小、旋转角度、色彩变化等等属性，并由程序自动创建中间过程的运动变化而实现的动画2.4.3 帧与层与胶片一样，Flash 文档也将时长分为帧。因此帧的多少确定了Flash 动画的播放时间。帧（Frame）就是动画里的一幅静态画面。帧由一个或多个图层组成。层就像堆叠在一起的多张幻灯胶片一样，每个层都包含一个显示在舞台中的不同图像。Flash中层的概念与Photoshop中层的概念是一样的，只是Flash中多了时间的概念。2.4.4 遮罩层遮罩层是FLASH中的一个非常特殊的层，利用它可以实现一种特殊形式的动画。当在某一层上建立遮罩层时，它下面的一层会自动变为被遮罩层，遮罩的最终结果就是被遮罩层中的对象挡住的部分可以显示出来，而没有挡住的部分无法显示。一个遮罩层只能包含一个遮罩项目，按钮内部不能有遮罩层，也不能将一个遮罩应用于另一个遮罩。也可以使用ACTIONSCRIPT从影片剪辑中创建一个遮罩层。用ACTIONSCRIPT创建的遮罩层只能应用于另一个影片剪辑。图2- 5：遮罩层的时间轴遮罩动画在FLASH中除了ACTION以外最为强大的工具，了解它的基本用法和效果后，如何利用它来实现构思中的特效就取决于自己的发挥。2.4.5 ActionScript动作脚本英文为ActionScript，简称AS。运用FLASH动作脚本语言能实现时间轴无能为力的一些特殊效果；运用基本技法与动作脚本语言相结合制作出来的动画效果往往更加精彩纷呈；运用动作脚本语言，还可以让一些复杂繁琐的制作过程得到有效的简化。图2- 6：动作面板第三章 FLASH动画场景具体实现3.1场景具体实现场景设置前我们将进行前期准备，设置好文档大小点击【文件】-【新建】，选择FLASH文件(ACTIONSCRIPT 3.0)，在属性面板上将文档大小设置为550400像素，背景颜色设置为黑色，帧频为8FPS，这里就定义了未来动画短片的舞台大小及其他属性。图3- 1：文档设置界面图3- 2：文档发布设置界面3.1.1第一场景“十年生死两茫茫。不思量，自难忘” 词一开始直奔主题，点出夫妻死别的时间十年。用词简洁、如话家常。十年，对于相爱的夫妻，心手相牵的情人，只不过是白云过隙，一瞬而已；对于一日不见如隔三秋的思念者来说，就是一个漫长的苦旅了，何况他们阴阳相隔，相见无期。因此为了让浏览者体会到这种感情基调，我们将采用人物站在栈道之上抬头望月，面对一轮明月、满天星辉、摆动的芦苇，人物的惆怅之情就从这样的画面上体会出来。在每次介绍场景之前我会简单介绍一下我在制作场景时所牵涉到的部分元件制作及细节处理。“桥”元件的制作较为简单，只需要用到、等工具。“桥”元件包括三个图层，在不同的图层画出不同的桥的部分，再通过移动各个矩形的角度、位置、填充颜色等实现画面的完成。这里需要对各个工具的功能有详细的了解，并能熟练的应用到图像的设计制作过程中。图3- 3：“桥”元件视图“月亮”元件可以点击【插入】【新建元件】，点击在舞台上画个圆，再点击在圆中涂一些线条表现出明月的真实感。这个元件将成为以后多个场景都要用到的元件，充分体现了元件复用的功能。图3- 4：“月亮”元件视图“芦苇”元件的制作需要运用到帧动画。利用矩形工具、部分选取工具在舞台上做出芦苇的整个画面。在时间轴上插入10个关键帧，选中每个关键帧并对芦苇进行适度的移动，用帧动画来实现芦苇在风吹动下摆动的画面。当点击ENTER键，进行测试直至移动合理。这里应用到了帧帧动画，是FLASH动画最基本的形式，也是通过更改连续的每个帧在编辑舞台上的内容来建立动画。图3- 5：“芦苇”元件视图整个场景的制作：点击新增四个图层，分别命名为“背景”、“芦苇”、“月亮”、“桥”将各个元件从库中拖出分别放置在不同的图层中。通过将元件缩放到合适大小。对于已经整理好的图层可以进行相应的锁定，这样避免不小心改动了整理好的图层。在分布图层的时候要注意顺序问题，后面图层上的元件必定会覆盖到前面图层的内容。第一个场景的实现是对词的画面解释，体现诗人的孤独感、望月思妻的感情，远处的山群像亡妻一样离诗人那么遥远，不可触碰。在时间轴上插入若干关键帧，选中关键帧对画面进行适当移动及缩放大小，在两个关键帧之间右击创建补间动画，使得画面不再单一运动起来。这里运用到了形状补间动画技术，它是在两个关键帧端点之间通过改变基本图形的形状或色彩变化，并由程序自动创建中间过程的形状变化而实现的动画。月亮从山后升上来的画面运用到了遮罩层的技术，通过遮罩层技术可以实现很多比较特殊的效果，使得整个画面更有感觉更为丰富。图3- 6：场景一视图3.1.2第二场景“千里孤坟无处话凄凉”整首词的第三句。亡妻离开自己已经许多年，诗人在思念她的时候去看望她，但墓地已经杂草丛生，荒凉之景让诗人更加难过。整个画面以蓝色为背景，上层是一个黑色为基调的元件，上层的元件由很多其他的元件组建而成。枯藤、老鸦、杂草等无不体现凄凉之意，让原本难过的心情更加悲伤。通过在两个关键帧之间创建补间动画来实现整个动画的运动，最后再将整个画面推到远景让浏览者体会到千里孤坟无处话凄凉的悲伤。第一层所用到的元件包括很多细小的部分：人物身影、枯树、老鸦、坟墓、野草等，分布在不同的图层上。“枯树”元件采用矩形工具、部分选取工具等先在舞台上做出树干、树枝。点击选择工具将树枝放置在树干的不同部位，让整体上体现出一个枯树的感觉。该元件是对基础工具熟练使用的一个检验。图3- 7：“枯树”元件视图“老鸦”元件是利用铅笔工具，将舞台可视化调整为800%，目的是使得作图结束后的老鸦看起来笔触没有太顺畅。整个老鸦的画出先从网络上搜出合适的图片，利用铅笔工具和颜料桶工具做出较为可行的老鸦图画。将舞台可视化调整为100%，整个老鸦的形态合格。图3- 8：“老鸦”元件视图整个场景的制作：重新命名第一图层为“背景”，从库文件中拖入背景画面并锁定。点击增加图层命名为“画面2顶层”，并将相应的元件拖入。在该图层时间轴的60、85帧处插入关键帧，分别选中这两个帧同时改变元件的位置及大小并在关键帧之间创建补间动画，使得画面发生移动，在两图层时间轴的96帧处插入帧，使得画面一直延续到此处。画面镜头从右到左，最后将整个画面拉远全部进入镜头，各种景物的衬托使得孤坟更孤，凄凉感情更进一步。第二场景的出现是由最小点向四周扩大直到所有的画面都出现，这里运用的也是遮罩层所制造的效果；还有运用到创建补间动画技术来实现整个画面的移动及整个画面由近景拉到远景。图3- 9：第二场景视图3.1.3第三场景“纵使相逢应不识，尘满面鬓如霜”这句词突出表现了岁月催人老，时光流逝深爱的妻子却已经离开自己许多年了。如果相逢了会怎么样呢？逝者已矣，当年如花的容颜仍旧在作者美好的记忆里。而生者经过了十年风霜雨雪的摧残，经历了十年宦海沉浮打击，无情的岁月，更改了词人的容颜，已不复当年的英俊美少年，而成了一个风尘满面，两鬓斑白的小老人了。整个场景依旧以蓝色为背景，人物由远及近两鬓斑白，让人更加感受到岁月不待人，诗人内心的痛楚让他更加的苍老。“云层”元件的实现首先点击做出几个三角形，然后点击【修改】- 【形状】-【 柔滑填充边缘】，可以实现微弱云层的实现。图3- 10：“云层”元件视图“人物”元件的设计包括了三个部分，分别是人物发型、人物正面、人物服装三个元件组成，每个元件的设计都和第二场景的“老鸦”元件的步骤类似，只是一个简单的绘画过程。人物的最终形象面色憔悴、步伐蹒跚，充分体现诗人因为思妻之切而悲痛不已。图3- 11：“人物”元件视图图3- 12：人物发型视图图3- 13：人物脸面视图 图3- 14：人物服装视图整个场景的制作：点击增加图层，分别命名为“背景”、“人物”、“云层”，从库面板中将星星、月亮、蓝色背景拖入到背景图层中并进行锁定；再将人物、云层分别拖入到相应的图层中。在人物图层插入数个关键帧，选中每个关键帧后将人物做出不同而适当的移动，分别在关键帧之间创建补间动画实现人物移动效果，对于云层图层可以做同样的操作。最后新增一个图层命名为亡妻，目的是为了实现整个画面在出现诗人画面移动的同时妻子的形象逐渐在空中出现。这个妻子形象的出现，主要涉及到补间动画及属性面板中颜色选项中ALPHA的设置。只要在创建补间动画的两个关键帧中第一关键帧的颜色选项ALPHA数值设为0%，在第二个关键帧上的颜色选项ALPHA数值设为10%就可以自动实现妻子形象的隐约出现。图3- 15：属性面板颜色的设置视图图3- 16：第三场景视图3.1.4第四场景“夜来幽梦忽还乡” 时间、空间可以阻挡，生死可以分隔，自由的思想是挡不住的，梦为思想插上了翅膀。作者在梦中回到了故乡，看，夫人仍旧在窗前对镜理妆，同从前每个快乐的日子一样。幸福的生活就是这样一个一个普通却又快乐的日子穿起来的！利用梦境来稍微释放自己对妻子思念之情，梦中回到了原来和妻子在一起的地方，可惜物是人非。场景用粉红色的椭圆作为背景，以此表示整个画面处于梦境之中，还有窗格及花朵作为背景，衬托出以前与妻子在一起生活的美好。“背景”元件是用来表示画面是处于梦境之中，粉红色的背景给人一种梦幻的感觉。点击矩形工具在舞台上画出一个矩形，用颜料桶将矩形填充为粉红色，在矩形中再画一个椭圆删除后选中矩形，点击【修改】-【形状】-【柔化填充边缘】，图形经过处理后即可得到如下图示。图3- 17：梦境背景视图“场景4背景”元件分为三个层，分别是“背景”、“窗花”、“花朵层”。分别从库面板中拖入元件放入相应的图层中，梦境之中的故居依旧如此美丽。花朵盛开之时，诗人在梦中回到故居希望能再遇到妻子，所谓日有所思夜有所梦从此场景就可以体现诗人思妻之切。图3- 18：“场景4背景”视图整个场景制作：整个画面包括两个图层，一个为背景图层，一个为人物层。选中背景层将第四画面背景元件从库面板中拖出，设置好大小并选定锁定；将苏轼元件拖入到人物图层中，在13、24、38、55帧处插入关键帧，选中各个关键帧后移动苏轼元件，在每两个关键帧之间右击选择【创建补间动画】，让人物在梦境的背景中产生运动。图3- 19：第四场景视图3.1.5第五场景“小轩窗，正梳妆”用来描述诗人在梦境中遇到妻子所看到的情形。望着妻子坐在窗前正在梳妆是多么熟悉的画面，场景依旧，竹子、花盆、梳妆镜等和以前是一模一样勾起诗人无限回忆。“花盆”元件的制作较为复杂，需要画出三种不同的花朵及各种形态的叶子，点击增加图层，在每个图层中分别放置花盆的各个部分。由于对该花盆的设计很细致入微，所以总共有35层，经过选取工具的移动一个完整的花盆就完成了。一个简单的元件设置了那么多图层为以后对元件的修改做了很好的准备，将各个部分放置在不同的图层将使得部分修改成为可能也不会影响到其他不需要修改的部分。图3- 20：“花盆”元件视图整个场景制作：整个画面由众多的图层组成。点击增加图层并进行分别的命名，对应的元件依次拖入各个图层中，要合理分布好图层的顺序，后续的图层将覆盖前面图层的内容。在背影图层插入5个关键帧，选中关键帧对背影元件进行相应的移动，在关键帧之间创建补间动画。其他层都在40帧处插入帧，使得画面延续到此处。图3- 21第五场景视图3.1.6第六场景“相顾无言唯有泪千行”此场景将展现诗人与妻子在梦境中相隔多年后再次相见的情景，多年未见的夫妻相隔两个不同的世界，当再次在梦中相见有点只是千行泪，任何语言都无法表达他们现在的心情。整个场景依然在梦境之中，所以依旧需要到粉红色的方框作为背景。“场景6背景”元件是为了衬托两个人相见时的整体氛围而设计的，首先将整个舞台背景色设置为灰色(#666663)，通过刷子工具及选取不同填充颜色可以画出不同的线条，将不同的线条放置在不同的图层上。图3- 22：第六场景背景图视图整个场景制作：点击新建十个新图层，分别命名。这个画面没有动态效果只需要将各元件从库中拖出放置在相应的图层中。这里的人物及其他元件由另外一个同学完成，其中有一个图层中所放置的是导入到库面板中的图片。另外需要增加一个新的图层用来显示“泪千行”，通过创建补间动画来实现画面人物的眼泪流动，让人感受更真实的情景。图3- 23：第六场景视图3.1.7第七场景“料得年年断肠处，明月夜，短松岗”最后一个场景的呈现和第一个画面照应，以蓝色为整个背景基调。诗人站在山岗的松树之下，望着这轮满月心里更添加了对亡妻的思念，或许年复一年，诗人都会面对如此多景象抒发自己的思念之情。“树木”元件共分为两个图层，在树木图层通过矩形工具、部分选取工具、任意变形工具做出树木的大体结构，利用刷子工具做出树木表面的粗糙感。在树叶图层中从库面板中拖出若干树叶放置在树干上，实现树木的整体画面。图3- 24：“树木”元件视图“星星元件”元件，这个元件实现的是星星由亮变暗再变暗的功能。在13、27帧处插入关键帧，同时选中13帧和星星元件，在其属性面板将颜色ALPHA选项的数值设置为12%，在27帧处改为100%，在关键帧之间右击创建补间动画。图3- 25：星星元件视图图3- 26 ：13帧处属性设置面板“流星”元件的制作涉及到遮罩层、柔化填充边缘、补间动画都各种功能。首先通过椭圆工具及矩形工具画出一个拖着长尾巴的流星，新增一个图层在该图层中添加一个矩形放置在流星移动的路径上，将该图层作为遮罩层就可满足流星在出现在该区域中才会显示出来。图3- 27：设置遮罩层前“流星”元件视图图3- 28：设置遮罩层后效果图整个场景制作：点击新建图层，分别命名为“星星层”、“背景层”、“人物层”，从库面板中拖出相应的元件放置在不同的图层中。整个场景是从近景拉到远景，明月夜、短松岗从这个场景都体现出来了，诗人依旧望月叹息，每年的这个时候诗人都会同样的痛苦难受，思念亡妻的心情折磨着深爱妻子的他。在时间轴上插入五个关键帧，选中关键帧同时适当移动和缩放画面，在关键帧之间右击创建补间动画，利用软件自动形成动画效果。图3- 29：第七场景视图3.2 音乐制作为整首词陪音乐同时要将朗诵词的声音加入，我们将采用Adobe Audition 3软件来对音乐进行操作。找到和整首词情感相似的音乐作为背景音乐是我们急需解决的。从网上找到具有中国古典音乐的演奏乐，同时找到该词的阅读音乐。首先将诗词朗读导入，依据整个动画中各诗词出现之间的间隔调整朗读诗句之间的时间。然后再将背景音乐导入，使用Adobe Audition3对两者进行合成。这里要注意生成的MP3格式的音频文件不能高于41400赫兹，否则无法导入到FLASH中。图3- 30：音乐合成视图最后将完成的音频文件导入到FLASH动画的库中直接使用即可。 3.3 合成与后期处理声音的合成是整个FLASH动画的重要一步，能否添加好音乐直接关系