动画原理及制作技术

1、第6章 动画原理及制作技术 6.1 动画的根本概念动画的视觉原理 动画是通过连续播放一系列画面，给视觉造成连续变化的画面。它的根本原理与电影、电视一样，都是利用了一种视觉原理。医学已证明，人类的眼睛具有“视觉暂留的特性，就是说当人的眼睛看到一幅画或一个物体后，它的影像就会投射到我们的视网膜上，如果这件物体突然移开，它的影像仍会在我们的眼睛里停留一段极短的时间，在1/24秒内不会消失，这时如果有另一个物体在这段极短的时间内出现，我们将看不出中间有断续的感觉，这便就是“视觉暂留的原理。 6.1.2 动画的构成规那么 主要有以下三点：1动画由多画面组成，并且画面必须连续。2画面之间的内容必须存在差异

2、。3画面表现的动作必须连续，即后一幅画面是前一幅画面的继续。 动画的表现手法也要遵循一定的规那么 1在严格遵循运动规律的前提下，可进行适度的夸张和开展。 2动画节奏的掌握以符合自然规律为主要标准 3动画的节奏通过画面之间物体相对位移量进行控制 Frame1 Frame2 Frame3 Frame4 Frame5 Frame6 Frame7传统动画分类：(1) 全动画 为追求画面完美和动作流畅，按照24 帧s 制作动画(2) 半动画 又名“有限动画。为追求经济效益，6 帧s 的动画 动画的时间特性(1) 动作的开展按照时间发生的顺序进行(2) 与自然现象一致的运动节奏(3) 遵守自然规律，可有限

3、的夸张 动画的节奏掌握(1) 利用各帧之间的位置差控制动画节奏(2) 自然规律和有限的夸张是动作节奏的依据Frame1 Frame2 Frame3 Frame4 Frame5 Frame6 Frame7 Frame86.1.3 传统动画的制作过程 1总体规划阶段1剧本：用画面来表现视觉动作，最好的动画是通过滑稽的动作取得。 2故事板：根据剧本，由导演绘制出类似连环画的故事草图分镜头绘图剧本，将剧本描述的动作表现出来。 3摄制表：是导演为编制整个影片制作的进度规划表 。6.2 电脑动画 1.电脑动画的种类 帧动画 模拟以帧为根本单位的传统动画，占动画 产品的98% 矢量动画 经过电脑运算而确定的

4、运行轨迹和形状 的动画按照表现形式可分为 平面动画以传统平面绘画为根底的动画空间动画 形成三维造型并进行空间运动的动画 变形动画 主体变形效果的动画，是帧动画的一种6.2.3 常见的动画文件格式 1GIF格式GIFGraphics Interchange Format即“图形交换格式 , Internet上大量采用的彩色动画文件多为这种格式的文件，也称为GIF89a格式文件, 画面尺寸随显示模式而定。 2FLICFLI/FLC格式FLIC是Autodesk公司在其出品的Animator Pro/3D Studio等2D/3D动画制作软件中采用的彩色动画文件格式，FLIC是FLC和FLI的统称，

5、其中，FLI是最初的基于320200像素的动画文件格式，而FLC那么是FLI的扩展格式，采用了更高效的数据压缩技术，其分辨率也不再局限于320200像素。6.3 简单二维动画的制作 6.3.1 二维动画的特点 二维电脑动画是对手工传统动画的一个改进。与手工动画相比，用计算机来描线上色非常方便，操作简单。从本钱上说，其价格廉价；从技术上说，由于工艺环节减少，既方便又节省时间。在二维动画中，计算机的作用包括：输入和编辑关键帧，计算和生成中间帧，定义和显示运动路径，交互式给画面上色，产生一些特技效果，实现画面与声音的同步，控制运动系列的记录等。二维动画处理软件可以采用自动或半自动的中间画面生成处理，

6、大大提高了工作效率和质量。6.3.2 变形动画制作 变形指景物形体变化，它是使一幅图像在12秒内逐步变化到另一幅完全不同图像的处理方法。这是一种较复杂的二维图像处理，需要对各像素点的颜色、位置作变换。变形的起始图像和结束图像分别为两幅关键帧，从起始形状变化到结束形状的关键在于自动地生成中间形状，也即自动生成中间帧。 根本原理：根据首、尾画面给定的位置、颜色参数进行数学变换。3.使用 Morph制作变形动画(1) 根据首、尾画面中设定的变形点进行有序变换(2) 以多种格式保存 (FLC、GIF、BMP、图片序列等)frame1 frame2 frame3 frame4变形效果：制作举例1启动Mo

7、rph软件 2翻开首、尾画面 3设置变形的参考点 4设置动画输出参数 5生成和保存 首画面尾画面设置变形的参考点设置动画输出参数6.3.3 GIF动画制作 用途平面动画制作、网页动画前期制作、三维动画后期制作 系统生成文件格式 GIF 图片文件 (256色，96dpi分辨率) CEL 剪贴板文件 (系统自用文件，图片、动画序列) FLC 标准动画文件是CompuServe公司在1987年为了制定彩色图像传输协议而开发的图像文件格式。由于GIF动画体积小，同时又具备一定的表现力，所以在当前网页动画中使用非常广泛。 GIF动画应具有网页动画的一般特点，即数据量小、表现力强、视觉效果好、模式多样化等

8、，常用的GIF动画制作软件很多，如GIF Construction Set Professional、GIF Animator等。 GIF文件的主要功能 1普通动画转换成GIF格式的网页动画。2为动画画面添加文字动画或制作文字动画、按钮动画等。3制作具有透明属性的图片和交错图。4通过设置能控制动画的播放速度和循环次数。5能从GIF动画中提取单帧图像。 6.4 Flash动画的制作 Flash简介Flash是Macromedia公司推出的著名的矢量动画制作软件 ，用它能制作精湛的网页画面。 Flash制作的动画，除在网页浏览外，还可以在专门的播放器播放，也可以直接输出为可执行文件、AVI文件、G

9、IF动画或图像。 Flash的制作是以时间轴为主线，方便地控制每一关键帧，还可根据需要，调整每秒显示帧数。 6.4.1 Flash 应用的几个方面 1Flash 2D动画制作包括MTV动画、片头光盘、广告动画等 2多媒体课件开发 用Flash制作出来的课件具有高质量低容量的特点，适应了网络课件的要求。 3基于网页的Flash动画由于受网络速度的影响，人们都希望用在网页里的素材容量越小越好。而Flash是基于矢量模式的，做出来的动画容量可以很小。 6.4.2 Flash的根本概念 1图层 一个图层，指动画编辑的物理层,层如一张透明的纸 , 除了画有图形或文字的地方，其他局部都是透明的；图层又是相

10、对独立的，修改其中一层，不会影响到其他层。 图层有4种状态：1活动状态：可以对该层进行各种操作。2隐藏状态：即在编辑时是看不见的， 3锁定状态：被锁定的图层无法进行任何操作。4外框模式：处于外框模式的层，其上的所有图形只能显示轮廓。 2场景 场景犹如一个舞台，所有的演员与所有的情节，都在这个舞台上进行。舞台由大小、音响、灯光等条件组成，场景也有大小、色彩等的设置 ,对场景的主要操作:1添加一个新场景,有两种方法2去除某个场景：也有两种方法 3为场景改名 3帧和关键帧 。在时间轴上，每一个小方格就是一个帧，时间轴是对帧进行操作的场所。在默认状态下，每隔5帧进行数字标示。 帧在时间轴上的排列顺序决

11、定了一个动画的播放顺序，至于每帧有什么具体内容，那么需在相应的帧的工作区域内进行制作 。动画播放的内容即帧的内容 。 在Flash制作中，不必将所有动作制作出来，只需制定起始和结束这两个关键帧。 两个关键帧之间的局部就是过渡帧 ，是起始关键帧动作向结束关键帧动作变化的过渡局部。这局部的延续时间越长，整个动作变化越流畅，动作前后的联系越自然。 在一个关键帧里，什么对象也没有，就称为空白关键帧。特别是那些要进行动作Action调用的场合，常常是需要空白关键帧的支持的。 6.4.3 Flash用户界面 由标题栏、菜单栏、时间线窗口、绘图工具箱、舞台工作区、属性设置面板、调色板、组件面板等构成，如图6

12、-9所示。 6.4.3 Flash用户界面 由标题栏、菜单栏、时间线窗口、绘图工具箱、舞台工作区、属性设置面板、调色板、组件面板等构成，如图6-9所示。 菜单栏时间线窗口工具箱舞台工作区属性设置面板标题栏调色板颜色样本面板组件面板帮助面板动作面板1菜单栏 ：按照不同的功能，将菜单分成9类 2时间线窗口 ：是一个用于制作动画的地方，表示各帧的排列顺序和各层的覆盖关系，主要由图层和帧区两局部组成，每层图层都有其对应的帧区，注意上一层图层中的动画将覆盖下层图层中的动画。 3工具箱 ：向用户提供了各种用于创立和编辑对象的工具。 箭头工具 ：对图形、元件对象进行操作的工具 选取工具 ：对图形的形状以及钢

13、笔路径的形式进行修改的工具 套索工具 ：具有魔术棒和多边形两种模式 文本工具 ：用来输入文本的区域，有静态文本、动态文本和输入文本三种形式，可以通过文本属性面板来设置文本的类型和文字的属性。 钢笔工具 ：可以用来绘制各种复杂形状的对象 铅笔工具 ：用来画线条的工具，可以是直线，也可以是曲线。有直线化、平滑和墨水瓶三种形式。笔刷工具 ：用来绘制一些形状随意对象的工具，包括标准绘画、颜料填充、后面绘画、颜料选择和内部绘画五种形式。自由转换工具 ：能够对图形或元件进行任意旋转、缩放和扭曲的工具。 填充转换工具 ：主要用来修改对象填充样式的方向。 墨水瓶工具 ：用来更改矢量对象线形的颜色和样式。颜料桶

14、工具 ：用来更改矢量对象填充区域的颜色。 4舞台工作区 对影片中的对象进行编辑、修改的场所。 5浮动面板浮动面板是用于创立和编辑对象、制作和编辑动画的工具，包括属性面板、动作面板 、问题解答面板、信息面板、场景面板、库面板等。6.4.4 Flash MX的根本操作 1创立Flash文件 在启动Flash软件后就自动创立了一个文件名为“无标题-1的Flash文件。 2修改影片/文档属性在创作Flash动画之前，先要对屏幕的大小，背景颜色以及播放速度进行设置。 3导入对象 执行“文件/导入库菜单命令，将弹出“导入到库对话框，选择要导入的文件 。4制作动画 1双击时间线上的文本“图层1，将图层命名为

15、“移动图片 2翻开库面板，将库面板中的“图.jpg 拖到舞台工作区 3用鼠标选择第1帧，单击右键，执行“创立动画动作命令 4用鼠标单击第25帧，执行“插入/关键帧命令 5选择第25帧中的图片，调整图片的大小和位置 5预览动画动画创作完毕，执行“控制/测试影片菜单命令，或按Ctrl+Enter组合键调试影片 6保存动画执行“文件/保存菜单命令 7发布动画Flash MX支持多种格式的输出，包括swf、html、gif、exe、jpeg等 。主要输出的是swf和html格式6.4.5 元件与库 元件是Flash MX中一个很根本的概念，它是指在Flash 中所创立的图形、按钮和影片剪辑3种元素，如

16、图6-32所示，所有的元件都存放在库里 。1图形元件。图形元件可以是静止的图片，也可以是动画 ，但不能被用于添加交互行为。 2按钮元件。按钮元件可以响应鼠标事件，有Up、鼠标经过、Down和反响区四种状态，如图6-33所示。 3影片剪辑元件。影片剪辑元件使用相对较复杂，可以看成是一个独立的动画。当播放主动画时，影片剪辑元件本身也在循环播放。 1创立元件：有多种方法1执行“插入/新建元件菜单命令 2单击库面板左下角的“新建元件按钮 2转换元件将图形转换为元件，首先选择要转换的对象，如导入的图片或者绘制的图形，然后执行“插入/转换成元件菜单命令 。3控制影片剪辑元件的播放 通过添加交互行为控制影片剪辑元件 6.4.6 动画制作 1移动动画的制作 是Flash动画中最根本的动画形式，它是创立随时间移动或更改的动画的一种有效方法，并且最大程度地减小所生成的文件大小 2形状动画的制作形状动画可以创立类似于形变的效果，使一个形状看起来随着时间变成另一个形状 3引导线动画的制作移动动画一般都是在一条直线上运动，那么如果想让物体沿着自己定义的路径运动，就需要添加一条引导线。可以将多个层链接到一个运动引导层，使