第9讲Flash动画的制作

1、第九讲：Flash电子商务网站开发Web应用开发第2页本讲主要内容本讲主要内容l动画的基本概念l简单Flash动画的制作l时间轴与层的使用l各种层的作用Web应用开发第3页9.1 9.1 动画的基本概念动画的基本概念l传统的动画lFlash动画l优点的比较Web应用开发第4页(1) (1) 传统的动画传统的动画l我们所说的传统动画片是产生了 1 个多世纪前的一种艺术形式，用最简单的话说就是：会“动”的画，和电影一样，他是利用人类眼睛的视觉暂留现象，而使一副副静止的画面连续播放，看起来像是在动。他应该归类于电影艺术。不同于通常意义的电影之处在于：它的拍摄对象不是真实的演员，而是由动画师画出的动画

2、形象。在动画片里演员就是动画师本人，戏演得好坏和这个动画师的本身素质有着紧密关系。 l传统动画片是用画笔画出一张张不动的、但又是逐渐变化着的连续画面，经过摄影机、摄像机或电脑的逐格拍摄或扫描，然后，以每秒钟 24 格或 25 桢的速度连续放映或播映，这时，我们所画得不动的画面就在银幕上或荧屏里活动起来，这就是传统动画片。 l传统动画经历 100 多年的发展，影响力越来越大，无论大人孩子等不同的人群，都是他的观众，一个好的卡通形象会被一个人记忆一生，说明动画片确实有着它独特的魅力。传统动画产业至今已成为一个庞大的产业，并且还在成长Web应用开发第5页(2) Flash(2) Flash动画动画l

3、FLASH 是近些年才出现的一种新的事物，他是由美国的 MACROMEDIA 公司推出的一款多媒体动画制作软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画方便地融合在一起，以制作出高品质的动态效果，或者说是动画。 lFLASH 动画有别于以前我们常用于网络的 GIF 动画，他采用的是矢量绘图技术，矢量图就是可以无限放大，而图像质量不损失的一种格式的图，由于动画是由矢量图构成的，就大大的节省了动画文件的大小，在网络带宽局限的情况下，提升了网络传输的效率；可以方便的下载观看，一个几分钟长度的 Flash 动画片也许只有 1 、 2 兆大小。所以一经推出，就风靡网络世界。 lFlash

4、强调交互，就是让观众在一定程度上参与动画进行，你可以动画作品作一定程度的交互。举个简单例子就是：当动画进行到某个地方，你可以选择动画的进行。 lFlash 虽然有着较强的程序功能（ Action Script ），但是我们大多数人认识 Flash 还是因为它制作的 Flash 动画，今天我们在这里探讨的也是这一点。它的程序功能也还是为动画效果服务的。Web应用开发第6页(3) (3) 优点比较（一）优点比较（一）l传统动画的优点 很长时间的不断完善，传统动画已形成了一套完整的体系，包括制作流程，分工，市场运作，甚至电视播出的动画系列片长度和集数都已经规范。 他可以完成许多复杂的高难度的动画效果

5、，几乎人们可以想象到的他都可以完成。 美术效果也是如此，传统动画可以制作风格多样的美术风格，特别是大场面，大制作的片子，用传统动画可以塑造出恢弘的画面及其细腻的美术效果。 lFlash 的优点 操作简单，硬件要求低。功能较强，可以综合众多环节在 Flash 里完成动画。lFlash 是集众多的功能为一身的，绘画、动画编辑、特效处理、音效处理等事宜都可在这个软件中操作，也许每一项的功能都不算很强大，但是制作出一定质量的动画片应该是没什么问题的。比起传统动画的多个环节由不同部门，不同人员，分别操作，可谓简单易行。 Web应用开发第7页(4) (4) 优点比较（二）优点比较（二）在很多方面简化了动画

6、制作难度，或者说省力，许多元件可以重复利用， 动画角色的主要部分，比如头部，各个角度形象一般只需画出一个，可以在不同场景镜头里反复使用，这样走形的问题就得到了避免，用传统方法制作动画时走形一直是个令人头疼的问题，由于一些原因，比如分工复杂，人员素质差异，对造型理解差异，由此产生了各个镜头或各个片集中角色的造型不统一可控性强：掌控动画片质量是一个在传统动画中比较难解决的问题，许多片子不可以保持统一的质量，这并不是因为制作人员水平太低，很多时候是因为参与制作的人员太多，工序复杂，甚至众多的制作人员不在同一个地方，每个环节之间的沟通交流不够，很多操作环节不直观以至不能及时发现问题，即使发现某个环节出

7、现问题，也由于制作周期或返工苦难而无法操控片子质量。 而用 Flash 制作动画时就很大程度上解决了这个问题，很少的制作人员很容易的集中在一间工作室内，几台联网的电脑可以方便的互相调用所需元件，导演可以随时监控动画进展，敲一下键盘就可直观地看到动画效果。有了问题可以立刻解决。 Web应用开发第8页(5) (5) 局限比较（一）局限比较（一）l传统动画的局限虽然有一整套制作体系来保障传统动画片的制作，但他还是有难以克服的缺点，比如分工太细，设备要求较高， 一部动画短片究竟要多少幅画呢？短短 10 分钟的普通动画片，就要画几千张画面。像观众们所熟悉的大闹天宫这样一部 120 分钟的动画片，需要画

8、10 万多张画面。如此繁重而复杂的绘制任务，是几十位动画工作者，花费三年多时间辛勤劳动的结果。 从分工上说也比较复杂，一部完整的传统动画片，无论是 5 分钟的短片还是 2 小时的长片，都是经过编剧，导演，美术设计（人物设计和背景设计），设计稿，原画，动画，绘景，描线，上色（上色是指描线复印或者电脑扫描上色），校对，摄影，剪辑，作曲，拟音，对白配音，音乐录音，混合录音，洗印（转磁输出）等十几道工序的分工合作，密切配合，才可以顺利完成。 在过去的很长一段时间，动画片都是在这样复杂的工序下，由大量的人员合作而成。随着科技的进步，目前的动画片已经简化了其中的一些程序，许多环节都借助电脑技术得以方便直观

9、地用相对较少人力完成。但是传统动画制作的复杂程度和专业程度依然是可观的。 Web应用开发第9页(6) (6) 局限比较（二）局限比较（二）lFlash 的局限用 Flash 制作较为复杂的动画时很费力，特别是某些必须一张张画得动作，比如转面动作，转面是动画中常碰到的情况，就是动画角色从正面转到侧面或者从背面转到正面等这时画起来比用传统方法更加费力，毕竟用鼠标和绘图笔没有真正的纸笔好操作。往往碰到需要逐帧渐变的复杂动作，造型又比较写实，就想起传统方法中的拷贝台和纸笔，不管多么复杂的动作都可以解决。 矢量绘图的局限l在电脑中绘画不比用铅笔在纸上画，他很难控制笔触的准确运行，若是画风格简洁又卡通的角

10、色时问题不大，但是要绘制写实、精细风格的角色时就力不从心了， l在绘制矢量背景时这个问题更加突出，矢量图虽然有不少优点，比如可以无限放大而不失真，文件体积小等。可是同样存在致命的缺陷，它的过渡色很生硬单一，很难画出色彩丰富、自然的图像，为了回避这一弱点，你不得不采用其他软件或者手工绘制的位图来解决，这样又使文件体积增大，不能体现出 Flash 的原本优势。这一点是矢量绘画很难克服的缺点。Web应用开发第10页9.2 Flash CS69.2 Flash CS6简介简介lMacromedia Flash CS6是专业化的Web创作工具。无论是创建动态徽标，还是设计Web站点的导航控件、整个Flash站点甚至Web应用程序，Flash都可以胜任。其强大的功能和可靠性是用户发挥主观创造