FLASH二维动画设计——《江城子》前期开发及元件制作---毕业论文

本 科 毕 业 论 文 FLASH二维动画设计 江城子前期开发及元件制作Flash Two-dimensional Animation DesignPre-development and the Components of Jiang Cheng Zi姓 名： 学 号：学院：软件学院系：软件工程专 业：软件工程年 级：指导教师： 年 月摘 要计算机网络的快速发展把人们带入了信息时代，传统动画已经不能满足我们的需求，于是一种全新的动画创作模式应运而生。Flash动画是用计算机软件制作的多媒体动画，它广泛应用于互联网。经过近几年的发展，Flash动画技术已经大量应用在网络广告上面。当你打开一个网站，那铺天盖地的广告有很大一部分就是运用 Flash做成的二维动画，你无法忽视它们的存在，它蕴含着巨大的商业价值。Flash技术也在其它领域有所应用，比如影视方面。Flash制作的短片已经成了网络多媒体不可或缺的一部分，形式各样的Flash网站也随之诞生。Flash动画设计技术为人们提供了许多便利，它具有非常开阔的发展前景。本文结合Flash动画江城子的创作经验，对Flash动画设计过程中一些关键性难题进行探索，研究合适的解决方法，勾画出Flash动画技术的发展前景。关键词：二维动画；Flash技术；动画设计；影片剪辑AbstractThe rapid development of computer network led people into the information age. Traditional animation has been unable to meet our needs, so a new model animation emerged. Flash animation is a kind of multimedia animation produced by computer software. It has been widely used on the Internet. After the development in recent years, Flash animation technology has been used in the online advertising. When you open a Web site, there is overwhelming advertising, a large part of which is made of two-dimensional Flash animation; you just cannot ignore their existence, so it contains a huge commercial value. Flash technology also has applications in other fields, such as film and television area. Flash video productions have become an integral part of multi-media network; a wide range of web sites which made by Flash appeared. Flash animation technology provides people with a lot of convenience; as a result, it has very broad prospects for development. Based on the development experience of Flash video Jiang Cheng Zi, this article mainly discussed a number of critical challenges in the design process of Flash animation. We are trying to find solutions for these practical problems, and lay out a prospect for the development of Flash animation technology.Key words: Flash Animation Technology; Two-dimensional Animation; Animation Design; Flash Components; Movie Clips.目 录第一章 绪论11.1 计算机动画11.1.1 计算机动画的概念11.1.2 计算机动画的应用和发展21.1.3 计算机动画的分类21.1.4 二维动画简介31.2 Flash动画41.2.1 Flash 动画的产生与发展41.2.2 Flash动画的特点61.2.3 借鉴传统动画制作Flash动画71.2.4 Flash动画制作流程71.2.5 Flash动画技术在我国的现状8第二章 江城子设计分析92.1 设计思路92.1.1 创作目标92.1.2 整体构思102.1.3 需要注意的问题102.2 开发工具112.2.1 Adobe Flash CS3112.2.2 Adobe Photoshop CS3122.2.3 Adobe Audition 314第三章 动画短片的实现方案153.1 编写剧本153.2 设定动画角色163.3 制作主要元件193.3.1 影片剪辑193.3.2 图形元件293.3.3 按钮元件36第四章 结束语38参考文献39致 谢41ContentsChapter 1 Introduction11.1 Computer Animation11.1.1 The Concept Of Computer Animation11.1.2 The Development Of Computer Animation21.1.3 The Classification Of Computer Animation21.1.4 Introduction Of 2D Animation31.2 Flash Animation41.2.1 The Emergence And Development Of Flash Animation41.2.2 The Features Of Flash Animation61.2.3 Draw On The Strengths Of Traditional Animation71.2.4 The Process Of Producing Flash Animation71.2.5 Flash Animation Technology In China8Chapter 2 Analysis Of The Design Of The Flash Animation92.1 The Design Ideas92.1.1 The Target Of Creation92.1.2 The Overall Idea102.1.3 Pay Attention To Some Issues102.2 The Development Tools112.2.1 Adobe Flash CS3112.2.2 Adobe Photoshop CS3122.2.3 Adobe Audition 314Chapter 3 Full Steps To Achieve Our Goals153.1 The Preparation Of The Script153.2 Set Animation Roles163.3 Important Animation Components193.3.1 Movie Clips193.3.2 Graphics293.3.3 Buttons36Chapter 4 Conclusion38References39Acknowledgements41第一章 绪论第一章 绪论Flash动画一经推出便很快风靡网络。互联网上的Flash幽默小短片、小游戏比比皆是，它们构成了丰富多彩的网络文化生活。不知从何时起，人们开始习惯于观赏和分享优秀的Flash作品，寻找全新的视觉感受。好多电影的官方网站，都是完全用Flash做成的。比如一些恐怖片的网站，会在开场放置一些恐怖的Flash动画，让人们感受到那种不寒而栗的氛围，这样就在无形中加大了电影的宣传力度。除此之外，Flash动画还应用在很多领域，比如影视方面。现代动画电影之所以能够给人带来一场精彩纷呈的视觉盛宴，很大程度上要得益于计算机动画的发展。Flash动画设计技术日臻成熟，虽然目前已经取得了相当不错的成果，但在剧本的构思，色彩的设计和场景的处理等关键性技术方面还有一定的缺陷和尚未解决的难题。动画创作者应该结合Flash动画自身的优势，完善动画的剧本，让动画具有良好的剧情，来吸引人们观看的兴趣；在色彩搭配方面应该借鉴传统动画绚丽多姿的特点，美工人员要用适当的色彩对动画的角色和场景进行修饰，运用特效对动画进行渲染，进一步提高动画的观赏性；还要处理好场景之间的转换，让各个场景自然衔接，平滑过渡，使之拥有较好的连贯性，从而更加协调与柔和。针对Flash动画未来的发展方向，结合短片江城子的创作历程，本文将详细阐述Flash动画的理论概念，制作流程，后期处理等问题；深入探讨Flash动画中的关键性技术。1.1 计算机动画1.1.1 计算机动画的概念动画与运动是分不开的，可以说运动是动画的本质，动画是运动的艺术。从传统意义上说，动画是一门通过在连续多格的胶片上拍摄一系列单个画面，从而产生动态视觉的技术和艺术，这种视觉是通过将胶片以一定的速率放映的形式体现出来的。一般说来，动画是一种动态生成一系列相关画面的处理方法，其中的每一幅与前一幅略有不同。计算机动画是采用连续播放静止图像的方法产生景物运动的效果，也即使用计算机产生图形、图像运动的技术。计算机动画的原理与传统动画基本相同，只是在传统动画的基础上把计算机技术用于动画的处理和应用，并可以达到传统动画所达不到的效果。由于采用数字处理方式，动画的运动效果、画面色调、纹理、光影效果等可以不断改变，输出方式也多种多样。1.1.2 计算机动画的应用和发展随着计算机图形技术的迅速发展，从60年代起，计算机动画技术也很快发展和应用起来。计算机动画区别于计算机图形、图像的重要标志是动画使静态图形、图形产生了运动效果。计算机动画的应用小到一个多媒体软件中某个对象、物体或字幕的运动，大到一段动画演示、光盘出版物片头片尾的设计制作，甚至到电视片的片头片尾、电视广告，直至计算机动画片如“狮子王”等。如今电脑动画的应用更加广泛，不仅可以让应用程序更加生动，增添多媒体的感官效果；还能应用于游戏的开发，电视动画制作，创作吸引人的广告，电影特技制作，生产过程及科研的模拟等等。下面列举的是近几十年来计算机动画发展的里程碑：60年代: 二维计算机辅助动画系统；70年代: 三维图形与动画的基本技术的开发；80年代: 优化70年代出现的模型和阴影技术；90年代: 动力学仿真技术、三维仿真演员系统；自主动画(面向目标的动画)。1.1.3 计算机动画的分类计算机动画主要分为二维动画和三维动画。二维动画指的是通过计算机制作的类似与卡通动画的平面动画。二维动画的技术基础是“分层”技术。动画设计师将运动的物体和静止的背景分别绘制在不同的透明胶片上，然后叠加在一起拍摄。这样不仅减少了绘制的帧数，同时还可以实现透明、景深和折射等不同的效果。发达的计算机技术与优秀动画设计师的结合更进一步推动了二维动画的发展，各个层开始在计算机上直接合成。计算机还能绘制出大自然、科幻式奇效等手绘无法完成的画面。二维画面是平面上的画面。纸张、照片或计算机屏幕显示，无论画面的立体感有多强，终究只是在二维空间上模拟真实的三维空间效果。一个真正的三维画面，画中的景物有正面，也有侧面和反面，调整三维空间的视点，能够看到不同的内容。二维画面则不然，无论怎么看，画面的内容是不变的。 二维与三维动画的区别主要在于采用不同的方法获得动画中的景物运动效果。一个旋转的地球，在二维处理中，需要一帧一帧地绘制球面变化画面，这样的处理难以自动进行。在三维处理中，先建立一个地球的模型并把地图贴满球面，然后使模型步进旋转，每次步进自动生成一帧动画画面，当然最后得到的动画仍然是二维的活动图像数据。如果说二维动画对应于传统卡通片的话，三维动画则对应于木偶动画。如同木偶动画中要首先制作木偶、道具和景物一样，三维动画首先要建立角色、实物和景物的三维数据模型。模型建立好了以后，给各个模型“贴上”材料，相当于各个模型有了外观。模型可以在计算机的控制下在三维空间里运动，或远或近；或旋转或移动；或变形或变色等等。然后，在计算机内部“架上”虚拟的摄像机，调整好镜头，“打上”灯光， 最后形成一系列栩栩如生的画面。三维动画之所以被称作计算机生成动画，是因为参加动画的对象不是简单地由外部输入的，而是根据三维数据在计算机内部生成的，运动轨迹和动作的设计也是在三维空间中考虑的。1.1.4 二维动画简介一、特点：二维动画是对手工传统动画的一个改进。与手工动画相比，用计算机来描线上色非常方便，操作简单。从成本上说，其价格便宜。从技术上说，由于工艺环节减少，不需要通过胶片拍摄和冲印就能预演结果，发现问题即可在计算机上修改，既方便又节省时间。二维动画不仅具有模拟传统动画的制作功能，而且可以发挥计算机所特有的功能，如生成的图像可以重复编辑等。但是，目前的二维动画还只能起辅助作用，代替手工动画中一部分重复性强、劳动量大的工作，代替不了人的创造性劳动。二、处理过程：在二维动画中，计算机的作用包括：输入和编辑关键帧；计算和生成中间帧；定义和显示运动路径；交互式给画面上色；产生一些特技效果；实现画面与声音的同步；控制运动系列的记录等等。二维动画处理的关键是动画生成处理。传统的动画创作，由美术师绘制关键的画面，再由美工使用关键画面描绘中间画面，最后逐一画面地拍照形成动画影片。二维动画处理软件可以采用自动或半自动的中间画面生成处理，大大提高了工作效率和质量。三、关键技术：图像（位图）与图形（矢量图）的区别主要在于数据组成，他们都是动画处理的基础。图像技术可用于绘制关键帧，多重画面叠加，数据生成；图形技术可用于自动或半自动的中间画面生成。图像有利于绘制实际景物，图形则有利于处理线条组成的画面。二维动画处理利用了它们各自的处理优势，两者配合，取长补短。从处理过程上看，动画处理包括屏幕绘画和动画生成两个基本步骤。屏幕绘画主要由静态图像处理软件完成；动画生成用屏幕绘画的结果作为关键帧并以此为基础进行生成处理，最终完成动画创作，得到动画数据文件。四、动画数据：动画中帧的大小并不是固定的，一帧可能是一屏，也可能是屏幕上的一个局部窗口。在一个表现连续运动过程的动画中，相邻帧之间的变化越少，动画的效果越连续。由于帧动画实际上是活动的图像数据，因此播放效果越连续的动画其数据量越大。从另一个角度看，动画的帧与帧不同的局部范围可能很小，因此人工和自动绘画都可充分利用这一特点来简化处理。帧动画数据记录在一定格式的动画文件中。由于原始的动画数据量很大，不仅对存储造成压力，同时要连续读出每一帧画面需花费太长的时间，这不利于动画的实时播放。因此，有的动画格式采用一定的压缩方式记录数据，以减少动画文件容量，而且提高读取速度。1.2 Flash动画1.2.1 Flash 动画的产生与发展Flash是Macromedia公司（现已被Adobe公司收购）开发的网页多媒体制作软体，向量绘图与动画编辑功能，简易地制作连续动画、互动按钮、绘图与音效在您的网页中使用！可以不需要任何程式脚本即可在网页中增加互动式多媒体。互动式的动画和影音同步效果使网页绘图更加生动活泼，使用了Flash制作的任何物件，皆可以时间轴与动态路径(Path-Based)的动画设计方式，由浅入深，容易学习与使用！Flash提供了很棒的线上教学。只有以矢量为基础Flash多媒体，才能流畅地呈现在Internet上，即使放大缩小也不降低本身品质。Shockwave Flash提供Netscape Navigator使用的Plug-in (外挂程序)， Microsoft Internet Explorer的ActiveX control，皆可以免费在Macromedia官方网站中取得。安装Shockwave Flash后，任何人皆可立即在Web上看到Flash作品。 Flash向量绘图与动画编辑所制作出来的图片及动画，都比起您用点阵式图片或是QuickTime影片，档案大小差了将近10倍！它除了帮您节省档案大小，所设计出来的动画还能拥有极炫的影音互动与视觉效果。Flash 3自1998年面市以来以其独特的2D网页多媒体技术及交互式的编程令浏览者眼睛一亮，但新生事物总是被人忽略的，当时只在少数几个先知先觉的个人主页采用了这种技术。1999年Flash 4版本正式推出，其动画制作与脚本编程得到了较大的加强，在短短的一年时间里，Flash动画得到了迅猛的发展与普及。 Flash动画的发展过程主要分成三个阶段：1、简单Flash动画期。 2、复杂Flash动画期。 3、大型Flash动画期。在这两次飞跃中从第二个阶段到第三个阶段飞跃对Flash制作行业的影响是极其深远的。大型Flash动画就是那些综合应用Flash及其相关联的软件，全面地表达了一种明确主题或者完成了一项完整的商业功能的多个意念主题的组合。大型Flash动画综合了多种技术与技巧，整合了多种编程语言（包括前台的HTML/JAVASCRIPT、后台的PHP/ASP/CGI等），是多种图像处理工具的结晶（包括3DMAX、CORELDRAW、FREEHEAD、PHOTOSHOP等）。这种大型的应用由一两个人根本不可能完成，团队制作将在这种复杂的应用中表现出强大的生命力。1.2.2 Flash动画的特点Flash动画通常像我们看到的广告片段一样，它可以通过文字、图片、视频、声音等综合手段形象的体现一个意图。一般利用它来制作公司形象、产品宣传等片段，可以达到非常好的效果。 Flash动画是一种矢量动画格式，具有体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等诸多优点，是当今最流行的Web页面动画格式。Flash是目前最好的网络多媒体动画，强烈的视觉冲击力可以给浏览者留下深刻的印象，具有绝佳的宣传效果，全力打造企业形象。无论您要设计动画图形还是构建数据驱动的应用程序，Flash都可提供在多种平台和设备上制作出最佳的效果和提供最完美的用户体验所需的工具。Flash技术在现代网页中的运用已经越来越广泛，为企事业单位在网上进行产品推广也起到重要作用。Flash动画有以下特点：第一，Flash动画受网络资源的制约一般比较短小，所以在情节和画面上往往更夸张起伏，致力在最短时间内传达最深感受。第二，Flash动画具有交互性优势，更好的满足的受众的需要，他可以让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运行过程和结果。这一点是传统动画所无法比拟的。第三，不仅如此，由于只需要掌握一些特定的软件就可以尝试，Flash动画的制作相对比较简单，一个爱好者很容易就能成为一个制作者。全新的Flash动画(Flash)使动画制作变得非常简单：一套电脑软件，一个人，一台电脑就可以制作出一段有声有色的动画片段。第五，Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图，文件小，传输速度快的特点，助长了高速动画的崛起，可以利用独有的优势在网上广泛，有着可比拟的传播性。Flash制作的MV比传统的MV就易于在网络上传播。第六，Flash动画虽然现在还是比较粗糙、简陋，但Flash有新的视觉效果，比传统的动漫更加轻易与灵巧,更加的“酷”。它不可否认已经成为了一种新时代的艺术表现形式。第七，用Flash制作动画会大幅度降低制作成本，减少人力，物力资源的消耗。同时，在制作时间上也会大大减少。半小时的节目，若用Flash技术制作，大约3至4个月就可杀青，若用其它技术通常需用10-14个月。第八，Flash制作的动画可以同时在网络与电视台播出，实现一片两播。1.2.3 借鉴传统动画制作Flash动画第一，技法基础仍然要参照传统动画。无论什么样的动画，它的原理是一样的，这个原理就是传统动画原理，它是一切动画的基础，包括三维动画也是运用传统动画原理来使物体运动的，当然Flash动画也不例外。如果想把Flash动画做得出色，不了解传统动画原理是不行的。第二，传统动画的许多操作方式完全可以在Flash中运用，比如分镜头，我们可以不在纸上画，而画在Flash场景中，这样可以使你更容易整体把握片子的走向。第三，用Flash制作动画就因该突出它的优点。传统动画技法是多样的，制作Flash时不可以完全照搬过来，要根据Flash的特点加以运用，那些经常出现可以反复使用的动作和造型，用传统动画技法完成后，尽量全部做成元件，随时调用。第四，避免Flash动画的缺点。由于表现复杂繁琐动作不是Flash的特长，遇到必须表现的，我们可以采取传统动画的其他技法予以解决，比如在金瓶梅和景阳岗中猪八戒的移动，一步步的走路或跑步需要画许多张数，我就用了动画残影加上Flash里的元件变形移动来表现（如图），这样解决例子很多，你在构思故事的时候就要避免那些繁琐动作画面的出现，即使出现最好以定格的方式出现。景阳岗中还有这么一段情节：小狗最后扯破店老板的虎皮，使之原形鄙陋，如果让小狗在镜头中作这些动作会使绘制，虽然也是可行的，但是难度大增，我采用这段情节在画外进行，配以打斗的画外音，最后镜头移动过去时虎皮已被撕破，真相大白。这些手法在传统动画中都是常用的，拿来做Flash动画非常受用。1.2.4 Flash动画制作流程1、由编导(可以是你自己)确定动画剧本及分镜头脚本；2、美术动画设计人员设计出动画人物形象；3、美术动画设计人员绘制、编排出分镜头画面脚本；4、动画绘制人员进行绘制；5、导入到Flash进行制作；6、剪辑配音。接下来我们重点讨论一下Flash动画时间控制的技巧：1、时间与帧数对动画时间的基本考虑是放映速度：电影和电视的放映速度是24帧/秒，而动画片一般有12帧就可以了，然后录制或拍摄时进行双格处理。如果绘制动作较快的动画最好进行单格处理，即每秒要绘制24个画面。对于快速奔跑的动作，一般采用8帧单格画面。对于物体发生震动用单格处理两端的动作就可以了。2、动画的间格距离表现物体的静止到移动到静止都有类似的规律：静止开始时速度慢、运动中的速度快、运动停止时的速度慢。表现在帧数上则是：从静止到运动帧数逐渐减少，从运动到静止帧数逐渐增加，中间运动过程的速度最快，帧数也最少。3、循环动作的时间在动画中经常会有循环动作，但不同的情况需要的帧数也是不同的。如：快速飘扬的旗帜需要6帧画面循环；又如火焰的循环，大火的动作循环从底部烧到顶部可能需要几秒，而小火的循环只需要几帧；下雨的循环动作最好设置两层，前层雨水穿过屏幕，一般需6帧画面，后层雨水穿过屏幕的时间慢于前层，循环的帧数也相应多于前层；下雪的动画则至少需要有3种大小不同的雪花，循序的时间约需要2秒；一个急速跑步动作需4帧画面，快跑动作需8帧画面，慢跑动作则需12帧，超过16 帧，画面就失去冲刺感觉；大象需要1-1.5秒完成一个完整的步子；小动物如猫的一个动作只需0.5 秒或更少；鹰的翅膀一个循环需要8帧；小麻雀的翅膀循环动作有2帧画面就可以了。1.2.5 Flash动画技术在我国的现状2001年4月18日正式揭开战幕的“中国首届奔腾4处理器电脑Flash动画创意大赛暨Flash动画电影节”在中国庞大的“闪客”队伍中掀起波澜，并于八月底顺利的降下帷幕。参赛人数之多、作品水品之高，堪称中国之最。同时，某大型企业首次举办的FLASH广告创意大赛也顺利结束。今年以来，各传媒都开始关注Flash，并争相报道。最近，中央电视台还采访了一些“闪客”的代表人物，包括边城浪子、老蒋、41第二章 江城子设计分析小小、BBQI、CINK等。Flash动画，已经热起来。 当你听别人说“翠花，上酸菜”的时候，你别惊讶。“翠花”源自于一首名为东北人都是活雷锋的歌，刚发行时，并没有引起公众的注意。后来有“闪客”用Flash重新演绎了它，使它迅速流行起来，歌手也因此出名。现在，在各个饭馆，只要喊一声“翠花，上酸菜”，一定能引来一阵会心的笑声。所以，Flash也能创造神话。从老蒋到BBQI，从雪村到小小，这些在网络上义务劳作的“活雷峰”们着实为暗淡的业界制造了不少“闪光”点。这些在普通人眼里犹如独行侠的闪客们，将发现他们不再孤单，因为一个以Flash为核心的商业帝国正在浮现瞄准Flash在中国的广泛应用与传播这个绝佳时机，10月30日，Macromedia中国用户联盟(CHINA MMUG)正式成立。作为Flash的创造者，Macromedia在全球互动多媒体行业占有85%的市场份额，其产品进入中国也有7个年头了。该联盟包括中央电视台，北京电视台在内的几十家国内知名媒体，冯嵘被推举为联盟秘书长。“中国有一千万人喜欢看Flash，有七，八十万人喜欢做Flash”，冯嵘报出这些数字时的语气不无自豪。在他看来，这样的数字已经表明，一个有着大量需方和供方的市场已经形成了。冯嵘认为，只有Flash形成产业，找到自身的盈利增长点，才能使“闪客”成为一种职业，进而促进更多优秀作品的出现。第二章 江城子设计分析2.1 设计思路2.1.1 创作目标苏轼是我国古代最伟大的词人之一，他的江城子更是中国历史上不可多得的佳作。这是一首悼亡词，作者结合自己十年来政治生涯中的不幸遭遇和无限感慨，形象地反映出对亡妻永难忘怀的真挚情感和深沉的忆念。该项目的目标就是以江城子为背景，创作出一段剧情基本与之相吻合的Flash动画短片。动画一定要做到意境优美，剧情曲折，画面流畅，配乐合理，层次清晰。2.1.2 整体构思第一，剧情要合理、完整。这是一个悼念亡者的词，可以先假设主人公在一个月夜对着江边独自叹息，回想起当年和妻子在一起生活的点点滴滴。然后可以用插叙的手法，出现妻子曾经在窗台梳妆的场面。接着就转到主人公去松树冈探望妻子的坟墓，万分悲伤，结尾又回到了刚开始那个江边，此时月光明媚，星辰闪烁，以寄托主人公的无限哀思。第二，场景要优美。既然有江边和明月，那不妨在场景中添加一些其它细节性的元素，比如潺潺的流水，哀鸣的昏鸦，坟墓上飘动的白旗。在主人公妻子出现的那个场景中，加上一些梅花，绿竹和蝴蝶等等以映衬妻子的美貌和当时生活的美好。第三，可以加上适当的配乐。鉴于江城子是中国古典文学的代表作，所以动画短片的整场都配以比较缓慢忧郁的古筝乐曲；当动画中有词的内容出现时，配以词的朗诵，这样能使Flash动画更加生动。2.1.3 需要注意的问题1、速度的处理动画中的处理是指动画物体变化的快慢，这里的变化，含义广泛，既可以是位移，也可以是变形，还可以是颜色的改变。显然，在变化程度一定的情况下，所占用时间越长，速度就越慢；时间越短，速度就越快。在动画中这就体现为帧数的多少。同样，对于加速和减速运动来说，分段调整所用帧数，就可以模拟出速度的变化。 一般来说，在动画中完成一个变化过程，比真实世界中的同样变化过程要短。这是动画中速度处理的一个特点。例如，以每秒25帧的速度计算，真人走路时，迈一步需14帧，在动画中就只需12帧来达到同样的效果。这样做的原因有两个：第一，动画中的造型采用单线平涂，比较简洁，如果采用与真实世界相同的处理时间，就会感到速度较慢；第二，为了取得鲜明强烈的效果，动画中的动作幅度处理得比真实动作幅度夸张些。如果你注意看电视动画片，很快就会发现这一特点。 一个物体运动得快时，你所看到的物体形象是模糊的。当物体运动速度加快时，这种现象更加明显，以致你只看到一些模糊的线条，如电风扇旋转、自行车运动时的辐条等。因此从视觉上讲，你只要看到这样一些线条，就会有高速运动的感觉。在动画中表现运动物体，往往在其后面加上几条线，就是利用这种感觉来强化运动效果，这些线称之为速度线。速度线的运用，除了增强速度感之外，在动画的间隔比较大的情况下，也作为形象变化的辅助手段。一般来说，速度线不能比前面的物体的外形长。但有时为了使表现的速度有强烈的印象，常常加以夸张和加强。甚至在某种情况下，只有速度线在运动，而没有物体本身。这也是漫画中的效果用法。2、夸张与拟人夸张与拟人，是动画制作中常用的艺术手法。许多优秀的作品，无不在这方面有所建树。因此，发挥你的想象力，赋予非生命以生命，化抽象为形象，把人们的幻想与现实紧密交织在一起，创造出强烈、奇妙和出人意料的视觉形象，才能引起用户的共鸣、认可。实际上，这也是动画艺术区别于其他影视艺术的重要特征。2.2 开发工具在Flash动画短片创作过程中，我主要使用了Adobe Flash CS3, Adobe Photoshop CS3, Adobe Audition 3.0等工具。下面我将对这些工具进行一一介绍。2.2.1 Adobe Flash CS3Adobe Flash CS3是Adobe公司收购Macromedia公司后将享誉盛名Macromedia Flash更名为Adobe Flash后的一款动画软件。Flash软件可以实现多种动画特效，动画都是由一帧帧的静态图片在短时间内连续播放而造成的视觉效果，是表现动态过程、阐明抽象原理的一种重要媒体。尤其在医学CAI课件中，使用设计合理的动画，不仅有助于学科知识的表达和传播，使学习者加深对所学知识的理解，提高学习兴趣和教学效率，同时也能为课件增加生动的艺术效果，特别对于以抽象教学内容为主的课程更具有特殊的应用意义。在Adobe Flash CS3中，工具栏变成CS3通用的单双列，面板可以缩放成图标，也可以是半透明的图层，应该是和PS CS3相同，沿用以前ADOBE的风格。改进的钢笔工具，类似AI的钢笔工具，会比以前的钢笔更加好用。Adobe Flash CS3相比以往版本设计更加成熟，功能更加多样，编程更加简单。软件界面如图2-1所示。图2-1 Adobe Flash CS3的界面2.2.2 Adobe Photoshop CS3Adobe Photoshop是公认的最好的通用平面美术设计软件。由Adobe公司开发设计。其用户界面易懂，功能完善，性能稳定，所以，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。Photoshop的专长在于图像处理，而不是图形创作。有必要区分一下这两个概念。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，这类软件主要有Adobe公司的另一个著名软件Illustrator和Macromedia公司的Freehand。 Adobe Photoshop CS3主要有以下功能：非破损编辑丰富的绘画和绘图工具组；使用“动画”面板轻松创建动画；3D 复合和纹理编辑；精确的选择工具可用于进行详细的编辑；具有 3D 支持的增强的消失点；2D 和 3D 测量工具；高级复合；使用 Adobe Bridge CS3 的更快的、更加灵活的资源管理；更好的原始图像处理；第三方解决方案与资源。Adobe Photoshop CS3的软件界面如图2-2所示。图2-2 Adobe Photoshop CS3界面2.2.3 Adobe Audition 3Adobe Audition 3由著名的Adobe System公司出品，是在原来的cool edit pro 2.1基础上升级2次：Adobe Audition 1.5和Adobe Audition 2后Adobe公司最新发布的音乐编辑制作软件。 专业级音频录制、混合、编辑和控制Adobe Audition 3可以充分满足个人录制工作室的需求，提供了一系列灵活、强大的工具，创建音乐、录制和混合项目、制作广播点、整理电影的制作音频、为视频游戏设计声音。Adobe Audition 3软件界面如图2-3所示。2-3 Adobe Audition 3.0界面第三章 动画短片的实现方案第三章 动画短片的实现方案3.1 编写剧本 因为我们要以宋词江城子为创作剧本，所以我们首先考虑词的内容如何安排。经过仔细研究，我们发现词可以分为几个短句，每个短句经过合理的发挥都可以构成一个场景。我们决定把词的短句和场景相结合，就是先朗诵完一句词，紧接着就会出现与之相关的场景。词的内容具体划分如下：1、十年生死两茫茫，不思量，自难忘。这一句对应的场景，就是苏轼在江边的栈道上，面对着满天星辉和一轮明月，独自惆怅。身旁是随风飘舞的芦苇和波光粼粼的江面，远处是连绵起伏的黝黑山脉。2、千里孤坟，无处话凄凉。这一句的场景比较压抑，苏轼在一个明月高悬的夜晚去祭拜亡妻，到处是矮矮的坟墓，斜着的墓碑，还有那阴森的枯藤上漠视一切的两只乌鸦。墓碑上偶尔还有飘着的旗帜。苏轼驼背慢步前行，这表现了十年来生者对死者的思念之情。3、纵使相逢应不识，尘满面，鬓如霜。这一幕又回到了江边，对苏轼的面貌就行详细描绘，他胡须都成了灰白色，脸上也出现了不少的褶子，有气无力地看着江上星月，这足以说明十年来他苍老了许多。4、夜来幽梦忽还乡，小轩窗，正梳妆。睡梦中，看着窗边几簇盛开的鲜花，那是她回来了么？想当初，在一个春风和煦的清晨，她悠然地坐在石凳上，对着铜镜梳妆打扮。旁边是她亲手栽培的雏菊，正含苞待放。拉开窗帘，那是一片翠绿色竹林，竹叶在春风的召唤之下，左右摆动。5、相顾无言，惟有泪千行。赶紧走向前去，看着她依然娇美的面容，再也无法控制，泪水夺眶而出。十年了，魂牵梦绕的她就在面前，她过得怎样，她能否认出苍老的我？向她倾诉我的一切，就让所有的泪水和苦水都尽情地流吧。6、料得年年肠断处，明月夜，短松冈。这一场景呼应了开头，又重回那个月光洒满江面的夜晚，远处就是松树林，妻子正是埋葬于此。松树无言，应懂得我的一片痴情吧。还有一点值得注意的就是动画开场和结尾的设计。我们想，如果在一开始就出现词人的介绍和词的内容，这未免显得过于突兀，不能实现剧情的平滑过渡和自然衔接。经过翻阅大量的设计资料和认真的筛选，我最终选择了以剧场的方式来开始Flash动画的演绎。幕布缓缓拉开，接着是几片花瓣飘过，然后是内容的介绍。结束时幕布缓缓落下，最后出现谢幕镜头，上面写有动画的创作者和指导教师等。3.2 设定动画角色比起其它类型的剧本来讲，动画片剧本中的主要角色塑造对剧作的影响更加巨大。动画片形象树立起来，被观众认可了，创作者（编剧和导演）就取得了成功。尤其是对于商业动画片的产业化，动画片的形象就是最好的商标。如果说故事情节不容易转化为其它产品，那么由动画主要角色形象衍生出来的各类产品，必然成为盈利的重点。因为，就品牌衍生这一部分来讲，好的卡通形象更受用。比如迪士尼经典动画米老鼠和唐老鸭，其故事情节是非常简单的，但它的主要卡通形象的价值却很高。要创造出经典的卡通形象，首先必须要在剧本的基础设定中有“闪光”的主要角色设定。我们创作的Flash动画短片一共有两个人物角色：一个是苏轼；另外一个是苏轼的妻子。由于动画的氛围大部分都是很悲凉的，所以我们把苏轼设定为一个神色比较忧郁，体态比较衰老的人物角色。在专门刻画人物的场景中，人物角色要细致描绘，包括脸部表情和体态特征，一定要把握好这个人物角色的要领。要先用钢笔工具勾勒出人物的大体曲线，然后修改细节，填充色彩。苏轼具体的形象见图3-1。 图3-1 苏轼的近景图在Flash的创作过程中，各个动画角色的描绘方式大体相同，都是从部分到总体绘制而成的，这里只把苏轼这个角色的绘制方法作为典例加以介绍。苏轼正面图像是由三个图形元件组成：苏轼的头套（图3-2）、服装（3-3）、脸庞（3-4）。 图3-2 头套 图3-3 服饰 图3-4 脸庞如果主要想表现大范围的场景，人物占小部分的内容，那么这时就需要描绘人物的远景。相对于近景来说，刻画远景往往比较简单，只需勾勒出人物的曲线，填充合适的颜色，并不需要对细节的把握。苏轼的远景请参照图3-5。 图3-5 苏轼的远景动画的另外一个人物角色是苏轼的妻子，由于她在场景中就出现了两次，而且都是近景，所以我们不需要考虑远景的刻画，只需把工作着重于近景的描绘。与上文提到的类似，先用钢笔工具勾勒出曲线，然后仔细搭配色彩，修改细节性的东西。对于苏轼妻子的描绘见图3-6。 图3-6 人物角色：苏轼的妻子3.3 制作主要元件元件是Flash动画的重要功能也是最基本的元素，全部放在库中，通过库面板可以对元件进行管理和编辑。元件可以被重复利用，被调动的元件就形成一个元件实例。可以赋予元件实例不同的属性，却不改变元件的本身，元件可一是一张图片也可以是一段影片或一个按钮，通过元件我们可以制作更复杂的动画。元件的作用：1、可以让图形、按钮和影片剪辑成为相对独立的个体存在；2、避免重复劳动，可反复调用成为元件实例（元件实例是应用到场景和其他元件中的元件就叫元件实例）；3、库中的元件不会因为元件的调用，而改变本身；4、用元件是文件占空间小，加快影片播放速度。元件可以划分为下面几类：1、图形；2、按钮：按钮实际上是四帧交互影片剪辑，它仅对鼠标动作做出反应；3、影片剪辑MC：影片剪辑是包含在Flash影片中的片段，有自己的时间轴和属性。元件实例允许套嵌，既可以将影片剪辑放到按钮中，也可将按钮和图形放到影片剪辑中，但是元件不能放到自身中。动画元件的制作是动画创作过程中至关重要的一环。因为Flash动画场景大部分是由元件构成，所以动画元件的好坏可以直接影响到Flash动画创作的成败，它的作用不容小觑。3.3.1 影片剪辑影片剪辑是一段完整的动画，有着独立的时间轴，它可以包含一切素材（交互式按钮、声音、图像和其它的影片剪辑）在里面。还可以为MC添加动作脚本来实现交互或者制作一些特效。有时为了实现交互，单独的图像也能定义为MC，MC动画都是自动循环播放，除非有脚本控制它。动画短片江城子中用到了很多的影片剪辑，它们共同构成了整部动画的“动态”效果。这里重点介绍一下灯光，花瓣，星空和竹叶等比较重要而且具有典型特征的影片剪辑。3.3.1.1 灯光动画短片江城子采用的是剧场式的开场，首先观赏者点击“进入剧场”的按钮，幕布缓缓拉开，剧情方才开始。开场图片见图3-7。图3-7 开场画面开场的背景是由红色幕布构成，比较亮的部分是动画创作时使用的一种灯光特效，这就用到了一个影片剪辑。下面我介绍一下特效是怎样产生的。首先，要绘制大小适当的白色球体，来充当灯光的区域。可以绘制多个球体，这里选择绘制两个（如图3-8所示）。图3-8 用作灯光区域的球体其次，规定灯光区域的运动路线，也就是为球体绘制不规则的运动曲线（如图3-9所示）。图3-9 球体的运动曲线这样就形成了幕布上的灯光特效。结局动画中使用了相同的幕布和灯光特效，只不过加入了一些谢幕的字词，还有制作者名单，这里就不再做进一步的探讨。3.3.1.2 花瓣在幕布拉开之后，紧接着是一段小型的花瓣飞落的影片剪辑。它的创作方法和灯光特效的方法有些类似，先是绘制出梅花的形状，可以绘制一朵或者几朵，然后填充合适的色彩，最后为花瓣飞落设置适当的路径。当花瓣全都飞走消失，Flash动画就正式进入剧情的发展。花瓣的处理过程如图3-10。图3-10 花瓣的影片剪辑3.3.1.3 介绍诗词的场景绘制比较简单，一个场景绘制好了，就可以直接复制为其它的诗词场景。首先是对宋代大文学家苏轼及其作品江城子的介绍，让观赏者对Flash的设计背景有个大概的了解。这里我们使用了一段影片剪辑，可以使字体淡入淡出，最后对字体的色彩进行增强，用来加深观赏者的印象。这段影片剪辑如图3-11和图3-12所示。图3-11 文字的淡入淡出效果图3-12 文字颜色的加深 文字颜色的增强是运用一个红色的矩形进行逐行扫描来完成的。被扫描的那一行逐渐变成红色，直到整篇文字全部变色为止。影片剪辑的实现方法参见图3-13。图3-13 文字特效的实现方法3.3.1.4 诗词完成了词人和词的介绍，就进入词的主题内容的影片剪辑，因为词的内容是分成若干个短句来介绍的，所以类似的影片剪辑还要在下面的动画中出现多次。下