《动画制作技术》PPT课件.ppt

《《动画制作技术》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《动画制作技术》PPT课件.ppt（46页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、第第5章章 动画制作技术动画制作技术（讲授（讲授4学时，实验学时，实验4学时）学时）5.1 动画的基本概念和原理动画的基本概念和原理5.2 使用使用Flash制作动画制作动画5.1.1 动画的分类动画的分类5.1.2 动画的技术参数动画的技术参数5.1.3 动画的生成方法动画的生成方法5.1.3 动画的制作环境动画的制作环境5.1.4 动画的文件格式动画的文件格式5.1 动画的基本概念和原理动画的基本概念和原理 计算机动画如果按照动画的计算机动画如果按照动画的创作创作方式方式（或实现方式）（或实现方式）分类分类，可分为，可分为两大两大类：类：帧动画帧动画和和造型动画造型动画，造型动画，造型动画

2、属属于于矢量动矢量动画画。按按动画的动画的空间视觉效果空间视觉效果分可以分可以分为分为如下如下三三大类大类：二维二维动画、动画、三维三维动画和动画和变形变形动画。动画。5.1.1 动画的分类动画的分类1帧动画帧动画与与矢量矢量(造型造型)动画动画 帧动画帧动画由由图形图形或或图像图像序列序列组成组成，序列中序列中的的每幅每幅静态静态图像图像称称为为一帧一帧。因此，帧动画中因此，帧动画中构成构成动画动画的的基本单位基本单位是是帧帧，一部动画片由很多帧组成。，一部动画片由很多帧组成。造型造型动画也称为对象动画，就是动画也称为对象动画，就是利用利用三维三维软件软件创造创造三维形体。三维形体。建立建立

3、复杂的复杂的形体形体有有三三种种造型技术造型技术：组合组合技术，技术，拓展拓展技术技术，放样放样技术技术。2二维动画与三维动画二维动画与三维动画 二维动画又叫二维动画又叫“平面动画平面动画”，具有非常灵活的，具有非常灵活的表现手段、强烈的表现力和良好的视觉效果。表现手段、强烈的表现力和良好的视觉效果。二维二维动画的动画的特点特点是：运用传统动画的基本概念，是：运用传统动画的基本概念，在在平面上平面上构成构成动画的动画的基本动作基本动作。三维动画又叫三维动画又叫“空间动画空间动画”，主要，主要表现表现三维三维的的动画动画主体主体和和背景背景，它的图形设计强调空间概念，配，它的图形设计强调空间概念

4、，配上上真实真实色彩色彩和和三维虚拟三维虚拟环境环境，动画，动画效果效果会显得相当会显得相当逼真逼真。5.1.1 动画的分类动画的分类1.帧速度帧速度 一帧就是一幅一帧就是一幅静态静态图像图像。帧速度是指帧速度是指一秒钟一秒钟播放播放的画面的画面数量数量，即帧的数，即帧的数量。量。一般一般帧速度为帧速度为每秒每秒30帧帧或或每秒每秒25帧帧。2.画面大小画面大小 动画的画面尺寸一般为动画的画面尺寸一般为32024012801024像素大小范围之间。像素大小范围之间。画面的画面的大小大小与与图像图像质量质量和和数据量数据量有有直接直接的的关系关系，一般情况下，画面越大、图像质量越好，则数据量一般

5、情况下，画面越大、图像质量越好，则数据量越大。越大。5.1.2 动画的技术参数动画的技术参数 3.图像质量图像质量 图像图像质量质量和和压缩比压缩比有关有关。一般来说，压缩比较小时对图像质量不一般来说，压缩比较小时对图像质量不会有太大的影响，会有太大的影响，但但当当压缩比压缩比超过超过一定一定的的数值后数值后，将会看到图像，将会看到图像质量质量明显明显下降下降。所以，所以，对对于图像于图像质量质量和和数据量数据量要要适当适当折折衷衷选择选择。4.数据率数据率 在在不计压缩不计压缩的的情况情况下，帧动画的下，帧动画的数据率数据率是是指指帧帧速度速度与与每帧图像每帧图像数据量数据量的的乘积乘积。如

6、果一幅图像为如果一幅图像为1MB，则每秒的数据容量将达，则每秒的数据容量将达到到25或或30MB，即数据率为，即数据率为25MB/s或或30MB/s，经，经过压缩后数据率将减少几十倍。尽管如此，由于数过压缩后数据率将减少几十倍。尽管如此，由于数据量太大致使计算机、显示器跟不上速度，因此，据量太大致使计算机、显示器跟不上速度，因此，只能减少数据率和提高计算机的运算速度：只能减少数据率和提高计算机的运算速度：可可通过通过降低降低帧速度帧速度或或缩小缩小画面画面尺寸尺寸的方法的方法减少减少数据率数据率。5.1.2 动画的技术参数动画的技术参数 1.关键帧关键帧动画动画 出现在出现在动画动画片中的片中

7、的一段一段连续连续画面画面实际上实际上是是由由一系列一系列静止静止的的画面画面来来表现表现的。的。5.1.3 动画的生成方法动画的生成方法 图5-1 第1帧和第8帧是关键帧，其余各帧(2-7帧)可由插值算法生成 制作制作过程过程并并不需不需要要逐帧逐帧绘制绘制，只需只需要从这些静要从这些静止画面中止画面中选出选出少数少数几几帧帧加以绘制。加以绘制。被被选出选出来的来的画面画面一般一般出现出现在在动作变化动作变化的的转折转折点点处处，对对这段这段连续连续动作动作起着起着关键关键的的控制作用控制作用，因此，因此称为关键帧。称为关键帧。绘出绘出关键帧后，再关键帧后，再根据根据关键帧关键帧插入插入中间

8、画面中间画面，就就完成完成了动画了动画制作制作。中间帧中间帧的的生成生成由由计算机计算机来来完完成成(用用关键帧插值方法关键帧插值方法)。图5-1 第1帧和第8帧是关键帧，其余各帧(2-7帧)可由插值算法生成2.调色板调色板动画动画 调色板动画调色板动画涉及涉及画出画出物体物体和处理和处理调色板调色板的的颜色颜色，或或者者只只是是处理处理调色板调色板的的颜色颜色而不而不重画重画物体物体。例如，让一个圆形物体从屏幕的左边运动到屏幕例如，让一个圆形物体从屏幕的左边运动到屏幕的右边，圆形物开始向右边运动时的初始颜色为红的右边，圆形物开始向右边运动时的初始颜色为红色，色，随着随着它的它的运动运动，有有

9、规则规则地地用用不同不同的的调色板调色板项项重重新新绘制绘制它它，这样在，这样在每次每次重画重画时它的时它的颜色颜色就会就会改变改变。5.1.3 动画的生成方法动画的生成方法 在在某些情况下，某些情况下，物体物体并并不不运动运动，只有只有它它的的颜色颜色被被改变改变。例如，可以例如，可以用用不同不同的的颜色段颜色段来来画画一个轮一个轮子子：按按规则规则的的间隔间隔每次每次只改变只改变调色板调色板中的中的一一项项，这样的，这样的颜色颜色就会就会有有规律规律地地变化变化。3.变形动画 变形动画也是帧动画的一种，它具有把物体形态从一种变形动画也是帧动画的一种，它具有把物体形态从一种形态过渡到另外一种

10、形态的特点。形态过渡到另外一种形态的特点。5.1.3 动画的生成方法动画的生成方法 图5-2 基于特征的图像变形图5-3 三维自由形体变形 变形变形可以是可以是二维二维或或三维三维的。的。常见常见的的有有基于：基于：特征特征的的图像图像变形变形（如图（如图5-2所所示），示），二维形状混合二维形状混合，轴变形轴变形方法、方法、三维自由形三维自由形体体变形变形（如图（如图5-3所示）等所示）等。图5-2 基于特征的图像变形图5-3 三维自由形体变形4.基于物理模型基于物理模型的动画的动画 该方法大量运用弹性力学和流体力学的方程进行计算，该方法大量运用弹性力学和流体力学的方程进行计算，力求使动画过

11、程体现出最适合真实世界的运动规律。然而要力求使动画过程体现出最适合真实世界的运动规律。然而要真正达到真实的运动是很难的，比如人的行走或跑步是全身真正达到真实的运动是很难的，比如人的行走或跑步是全身的各个关节协调的结果的各个关节协调的结果(如图如图5-4)，要实现很自然的人走路，要实现很自然的人走路的动画的动画(如图如图5-5)，计算方程非常复杂和计算量极大，所以，计算方程非常复杂和计算量极大，所以，基于物理模型的计算机动画还有许多内容需要进一步研究。基于物理模型的计算机动画还有许多内容需要进一步研究。5.1.3 动画的生成方法动画的生成方法 图5-4 人体骨架模型 图5-5 虚拟人体的分层表示

12、模型 5.过程过程动画动画 过过程程动动画画是是指指动动画画中中物物体体的的运运动动或或变变形形用用一一个个过过程程来来描描述述。在在过过程程动动画画中中，物物体体的的变变形形是是基基于于一一定定的的数数学学模模型型或或物物理理规规律律的的。最最简简单单的的过过程程动动画画是是用用一一个个数数学学模模型型去去控控制制物物体体的几何形状和运动，如水波的运动。的几何形状和运动，如水波的运动。6.运动捕捉运动捕捉运运动动捕捕捉捉技技术术是是一一种种新新的的动动画画制制作作方方法法，它它是是通通过过分分析析人人体体运运动动序序列列图图像像来来提提取取人人体体关关节节点点的的三三维维坐坐标标的的，从从而

13、而得得到到人人体的运动参数，进而获得完全真实的人体动画。体的运动参数，进而获得完全真实的人体动画。7.三维扫描三维扫描 三维扫描技术又称为三维数字化技术，它能对立体的实三维扫描技术又称为三维数字化技术，它能对立体的实物进行三维扫描，迅速获得物体表面各采样点的三维空间坐物进行三维扫描，迅速获得物体表面各采样点的三维空间坐标和色彩信息，从而得到物体的三维彩色数字模型。标和色彩信息，从而得到物体的三维彩色数字模型。5.1.3 动画的生成方法动画的生成方法 1.动画制作的硬件环境动画制作的硬件环境 制作动画的计算机应该是一台多媒体计算机，具有高主频的CPU、大容量内存和硬盘空间，能够使用和加工各种媒体

14、文件。另外，彩色显示器对于动画制作也十分重要，应选用屏幕尺寸大、色彩还原好、点距小的彩色显示器。2.动画制作的软件环境动画制作的软件环境 图形界面操作系统(如Windows);不要同时运行其它应用程序，同时应关闭任务栏中当前不使用的任务项;动画制作软件。5.1.4 动画的制作环境动画的制作环境 1.GIF文件格式（文件格式（.gif）该文件格式最多只能处理256种色彩，不能用于存储真彩色的图像文件，但能够存储成背景透明的形式。所以该文件格式被广泛应用于网页设计中。2.SWF文件格式（文件格式（.swf）是一种矢量动画格式，且容量很小，广泛应用于网页设计。3.AVI文件格式（文件格式（.avi）

15、是一种带有声音的文件格式，符合视频标准，通常叫做视频文件或电影文件。4.FLC文件格式（文件格式（.fli/.flc）是一种“无声动画”格式。该格式的动画文件采用数据压缩格式，代码效率较高。FLI是最初基于320200分辨率的动画文件格式，而FLC则是在FLI上的进一步扩展，采用更高的数据压缩技术，分辨率也扩大到32020016001280。5.1.5 动画的文件格式动画的文件格式 5.2.1 Flash软件界面与功能软件界面与功能5.2.2 Flash中几个重要概念中几个重要概念5.2.3 图形绘制图形绘制5.2.4 加入声音加入声音5.2.5 输出动画文件输出动画文件5.2.6 基本动画的

16、制作方法与实例基本动画的制作方法与实例5.2 使用使用Flash制作动画制作动画 5.2.1 Flash软件界面与功能软件界面与功能图5-6 Flash MX 2004的操作“开始”页面5.2.1 Flash软件界面与功能软件界面与功能图5-6 Flash MX 2004的操作“开始”页面5.2.1 Flash软件界面与功能软件界面与功能1.文档选项卡文档选项卡 新建或打开一个文档时，在新建或打开一个文档时，在“时间轴时间轴”的上方会显示出的上方会显示出“文档选项卡文档选项卡”。如果打开或创建多个文档，。如果打开或创建多个文档，“文档名称文档名称”将按文档创建的先后顺序显示在将按文档创建的先后

17、顺序显示在“文档选项卡文档选项卡”中中。用鼠标右键单击用鼠标右键单击“文档选项卡文档选项卡”，在弹出的菜单中可以快，在弹出的菜单中可以快速实现速实现“新建新建”、“打开打开”、“保存保存”等功能。等功能。5.2.1 Flash软件界面与功能软件界面与功能2.工工 具具箱箱 位于工作位于工作界面左边界面左边的长方形的长方形区就是工区就是工具箱，它具箱，它是是Flash最最常用到的常用到的面板，如面板，如图图 5-8所所示。示。5.2.1 Flash软件界面与功能软件界面与功能3.时间轴时间轴 在在Flash文文档档制制作作过过程程中中，时时间间轴轴是是一一个个最最基基本本的的常常用用部部分分，F

18、lash动动画画的的组组织织和和编编排排通通常常都都是是在在时时间间轴轴上上完完成成的的。在在概概念念上上，可可以以把把时时间间轴轴看看作作是是用用连连续续的的时时间间点点串串接接起起来来的的一一根根时时间间线线；它它形形象象地地表表现现了了Flash动动画画变变化化过过程程的的先先后后各各个个时时间间点点。在在形形式式上上，时时间间轴轴上上每每一一个个时时间间点点用用一一个个小小方方框框表表示示，代代表表一一帧帧。在在动动画画正正常常播播放放的的情情况况下下，播播放放头头随随时时间间的的推推移移在在时时间间轴轴上上从从左左向向右右顺顺序序移移动动，也也就就使使得得在在不不同同的的时时刻刻动动

19、画中有不同的画面。画中有不同的画面。5.2.1 Flash软件界面与功能软件界面与功能3.时间轴时间轴 5.2.1 Flash软件界面与功能软件界面与功能4.舞台舞台 “舞台”位于工作界面的正中间部位，是放置动画内容的区域，如图5-10中间的白色区所示。舞台内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。工作时根据需要可以改变“舞台”显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例,如图5-11所示。图5-11 舞台显示比例5.2.1 Flash软件界面与功能软件界面与功能5.常用面板常用面板 Flash MX 2004有很多面板，默认状态下，在“舞台”的正下方

20、有三个比较常用的浮动面板，分别是“帮助”面板、“动作”面板和“属性”面板。以下简单介绍几个常用面板的功能：（1）帮助面板。可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。（2）动作面板。它是主要的“开发面板”之一，是动作脚本的编辑器。（3）属性面板。利用它可以很容易地访问舞台或时间轴上当前选定项的最常用属性，也可以在面板中更改对象或文档的属性。（4）设计面板。默认状态下，打开的“设计面板”分布在舞台右侧的面板组中。包括“对齐”面板、“颜色样本”面板、“混色器”面板、“信息”面板、“场景”面板和“变形”面板等六种类型。5.2.2 Flash中几个重要概念中几个重要概念

21、1.帧帧（1）帧：）帧：在Flash中，帧是指动画播放过程中的某一个点，也就是串接时间线上的一个时间点。在时间轴上用一个小方框表示一帧。（2）关键帧：）关键帧：它是在动画播放过程中发生变化的时间点。关键帧中可以加入动作脚本，所谓动作脚本即控制Flash动作的一些程序代码。（3）普通帧）普通帧。又叫静态帧或时间帧，它是使动画在播放过程中保持原有画面和状态，不产生动画变化的时间点。时间帧不能加入动作脚本。（4）空白帧）空白帧。不包含任何动画符号和元素的帧，空白帧不能加入动作脚本。（6）空白关键帧）空白关键帧。一种特殊关键帧，没有任何动画符号和元素，但可以加入动作脚本。5.2.2 Flash中几个重

22、要概念中几个重要概念2.图层图层 图层也是Flash软件中使用的一个重要概念。一幅图可以被拆分成若干图层，或者说一幅图是由若干图层组成的。图层就像叠放在一起的透明的胶片，每一层上都包含不同的元素，它们同时出现在舞台上。除了普通的图层外，Flash中还有以下一些特殊层：（1）引导层。引导层是辅助动画运动的一个特殊层，其功能是使被引导层的动画元素按照引导层中定制的运动轨迹来运动，引导层本身的元素并不出现在完成的动画中。（2）遮罩层。遮罩层是辅助动画制作的一个特殊层，其功能是使在完成的动画中，在遮罩层和被遮罩层相重合的区域只显示被遮罩层的效果。（3）层文件夹。层文件夹是在时间轴上创建的一个特殊文件夹

23、，用来存放和管理时间轴上的层。5.2.2 Flash中几个重要概念中几个重要概念3.元件和场景元件和场景（1）元件）元件。它是Flash动画中的主要动画元素，分为影片剪辑、按钮和图形三种类型。它们在动画中各具不同的特性和功能。（2）场景）场景。同一个动画中的各个不同的、互不影响的工作区即为不同的场景。4.绘图纸绘图纸 绘图纸是时间轴控制区下部5个按钮的统称，它们用于控制帧的显示状态。5.2.3 图形绘制图形绘制1.绘制直线、椭圆和矩形绘制直线、椭圆和矩形 可以使用直线、椭圆和矩形工具轻松创建这些基本几何形状。椭圆和矩形工具可以创建边框和填充形状，矩形工具可以创建方角或园角的矩形。2.绘制多边形

24、和星形绘制多边形和星形 使用“多角星形工具”，可以绘制多边形和星形。可以选择多边形的边数或星形的顶点数（从332）。也可以选择星形顶点的深度（深度（介于01之间的数值）。3.使用钢笔工具使用钢笔工具 要绘制精确的路径，如直线或者平滑流畅的曲线，可以使用钢笔工具。4.使用刷子工具使用刷子工具 刷子工具能绘制出刷子般的笔触，就好像在涂色一样。它可以创建特殊效果包括书法效果。5.2.3 图形绘制图形绘制5.使用橡皮擦使用橡皮擦 使用橡皮擦进行擦除可删除笔触和填充。橡皮擦工具可以是圆的或方的。6.修改形状修改形状 可以修改形状，方法是将线条转换为填充、扩展填充对象的形状，或通过修改填充形状的曲线来柔化

25、其边沿。7.创建文本创建文本 可以创建三种类型的文本字段：静态文本字段静态文本字段、动态文本动态文本字段字段和输入文本字段输入文本字段。在创建静态文本时，可以将文本放在单独的一行中，该行会随着输入的文本扩展。也可以将文本放在定宽文本块定宽文本块（适用于水平文本）或定高文本块定高文本块（适用于垂直文本）中。5.2.4 加入声音加入声音 1.导入声音导入声音 通过将声音文件导入到当前文档的库中，可以把声音文件加入Flash。声音放在时间轴上时，应将声音置于一个单独层上。可以将WAV和MP3两种声音文件格式导入到 Flash 中。2.向向Flash文档中添加声音文档中添加声音 要将声音从库中添加到文

26、档，可以把声音分配到一个层，然后在“属性”检查器的“声音”控件中设置选项。3.向按钮添加声音向按钮添加声音 可以将声音和一个按钮元件的不同状态关联起来。因为声音和元件存储在一起，它们可以用于元件的所有实例。4.使用声音编辑控件使用声音编辑控件 要定义声音的起始点或控制播放时的音量，可以使用“属性”检查器中的声音编辑控件。5.2.4 加入声音加入声音 5.在关键帧中开始播放和停止播放声音在关键帧中开始播放和停止播放声音 在 Flash 中与声音相关的最常见任务是与动画同步播放和停止播放关键帧中的声音。5.2.5 输出动画文件输出动画文件 动画制作好之后，可以将动画文件保存为Flash MX源文件

27、，操作方法是：执行“文件”“保存”或“文件”“另存为”菜单命令，文件保存为*.fla扩展名的文件；源文件可以在Flash MX中打开，并进行修改。或者将动画导出成.swf影片文件，操作方法是：执行“文件”“导出”“导出影片”系列菜单命令。也可以将达到最终效果的动画进行发布，生成一个能够脱离Flash MX运行的动画文件。发布Flash动画文件的操作步骤是：执行“文件”“发布”菜单命令（或按“ShiftF12”快捷键）。在Flash中有三种基本的动画：逐帧动画、补间动画、引导路径动画。1.逐帧动画逐帧动画 原理：在连续的关键帧中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。1）导入静

28、态图片建立逐帧动画）导入静态图片建立逐帧动画【实例-1】“走路的女孩”逐帧动画。新建影片文档 创建背景图层（导入1个图片到第1帧，末尾帧位置按F5）创建动画图层，并导入系列图片（在第1帧导入，自动分配图片）调整对象位置（注意锁定背景层，再用到绘图纸按钮）创建文字图层，并设置标题文字（用到“文本工具”）测试存盘 5.2.6 基本动画的制作方法与实例基本动画的制作方法与实例 1.逐帧动画逐帧动画 2）制作由变化文字组成的逐帧动画）制作由变化文字组成的逐帧动画【实例-】由变化数字组成的“倒计时”逐帧动画。新建一个文档，单击“工具箱”中的“文本工具”；选中时间轴的第1帧，在舞台中央输入文本“9”。.选

29、中时间轴上第2帧，连续按9次“F6”键，插入9个关键帧（即第2到第10个关键帧为插入的关键帧）。每当插入一个关键帧时，系统会自动将前一帧的内容复制到后一帧。选中时间轴的第2帧，双击舞台中的文本，将其原来的文字“9”改为“8”。重复与步骤相同的操作，将第3帧的文本由“9”改为“7”；直至将第10帧的文本由“9”改为“0”。这时，动画制作完毕。1.逐帧动画逐帧动画 3）绘制矢量逐帧动画）绘制矢量逐帧动画【实例-】“球形单摆的周期性摆动”矢量逐帧动画。（1）新建一个文档，在图层1画一根水平直线和一个小圆球表示天花板和单摆的固定点。（2）选中时间轴上第2帧，连续按9次“F6”键，插入9个关键帧，即第2

30、到第10帧是插入的9个关键帧；使第1帧的图形延续到210帧。再单击“插入图层”按钮，添加图层2。（3）选择图层2的第1帧，画出单摆图形（含直线、球）；转换为图形元件；并调整单摆图形到相应的位置方向。（4）由第一个单摆图形“复制”出多个单摆图形，并调整各单摆图形到不同的位置方向。（5）选中图层2时间轴上第2帧，连续按9次“F6”键，在第2第10帧处插入关键帧，于是第1帧的单摆图案被复制到第2第10帧。（6）然后依次选定1帧，删除该帧中多余的单摆图形，每帧只保留1个相应方向的单摆图形。2.补间动画补间动画 补间动画即过渡变形动画，包括动作补间和形状补间。补间动画只需制作动画的首末两个关键帧，这样可

31、减少制作工作量和文件大小；中间帧由系统自动生成，能使过渡效果平滑。1）动作补间动画的制作原理与实例 在Flash的时间轴面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等。【实例-】“上下弹跳的小球”动作补间动画。（1）双击“层 1”的标题并键入“跳动的球”并按回车键重命名图层。（2）在该图层的第l帧画一个正圆。（3）将舞台中的正圆转换为图形元件。（4）选择第 30 帧 按 F6 键插入一个关键帧。（5）选择第 15 帧并按 F6 键以添加另一个关键帧。（6）在播放头仍处于第 15 帧上时，按住 Shift 键沿直线移动小球，使它

32、移动到原位置正上方一定距离的位置。2.补间动画补间动画【实例-】“上下弹跳的小球”动作补间动画。（7）在“跳动的球”图层中，选择第 2 帧与第14帧之间的任何帧。在属性面板中，从“补间”下拉菜单中选择“动作”，（8）选择第16帧和第29帧之间的任何帧。同样，使用属性面板中的“补间”下拉菜单，选择“动作”菜单项。（9）选择“文件”“保存”菜单命令，保存源文件；并按“Ctrl+Enter”键测试影片。2.补间动画补间动画2）形状补间动画的制作原理与实例）形状补间动画的制作原理与实例 在Flash的时间轴面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形

33、状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。【实例-】“五球连环”形状补间动画的制作。（1）新建一个Flash文档，将该图层名称改成“变形的球”。（2）在“变形的球”图层的第1帧，用椭圆工具结合Shift键，画5个大小差不多的圆。并调整相互位置到合适程度。（3）在第30帧处插入关键帧；并删除此帧里原来的5个园；最后在第30帧画一个大园，大园的位置大约在原来5个园的中央。（4）这是最后关键的一步，选定第1到第30帧间的任意一帧；再展开下面的属性面板，选择“补间”下拉菜单中的“形状”。（5）按“Ctrl+Enter”组合键测试影片。3.引导路径动画引导路径动画 将

34、一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。1）创建引导路径动画的一般方法（1）创建引导层和被引导层（2）引导层和被引导层中的对象 “引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。（3）向被引导层中添加元件 “引导动画”最基本的操作就是使一个动作补间动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起点、终点的2个“中心点”一定要对准“引导线”

35、的2个端头。3.引导路径动画引导路径动画2）应用引导路径动画的技巧（1）“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向。（2）引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等。（3）在做引导路径动画时，按下工具栏上的“对齐对象”功能按钮，可以使“对象附着于引导线”的操作更容易成功。（4）过于陡峭的引导线可能使引导动画失败，而平滑圆润的曲线段有利于引导动画成功制作。（5）被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。（6）向被引导层中放入元件时，在动画开始和结束的关键帧

36、上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导。3.引导路径动画引导路径动画2）应用引导路径动画的技巧（7）如果想解除引导，可以把被引导层拖离“引导层”；或将引导层的“图层属性”设置为“正常”，使它改变图层类型。（8）如果想让对象作圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。（9）引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。3.引导路径动画引导路径动画3）引导路径动画的制作实例【实例-】“纸飞机沿引导线轨道飞行”的引导路径动画制作。

37、（1）新建影片）新建影片 属性对话框中，设定尺寸400300，背景颜色为蓝色。（2）制作纸飞机图形元件）制作纸飞机图形元件 先利用矩形工具在舞台上画一个矩形；然后用部分选取工具向外拖拉矩形的一角，再将矩形另一对角向内拖动；用直线工具连接刚拖过的两个角；利用颜料桶工具填充直线两边三角区域的颜色，以便改变飞机两三角翅的颜色。此时，飞机图形画好了。将飞机图形转换为图形元件，注册点选为中心点。（3）制作动画）制作动画 双击图层1名称，将名称改为“被引导层”；单击被引导层的第1帧，将飞机拖放在场景中的左上角。用变形工具调整飞机大小方向，一直调到满意为止。选择被引导层第40桢，按F6键插入关键帧。3.引导

38、路径动画引导路径动画3）引导路径动画的制作实例【实例-】“纸飞机沿引导线轨道飞行”的引导路径动画制作。（3）制作动画）制作动画 单击被引导层第1第40帧之间的任何帧，找到下面的属性面板，选择“补间”下拉菜单的“动作”，建立140帧之间的小飞机动作补间动画；并将“调整到路经”复选框选中。在第一图层上就增加一个引导图层，并将名称改为“引导层”。单击引导层第1帧，选择铅笔工具（附属选项为“平滑”）；然后用铅笔工具在场景中画一个平滑曲线（就是飞机的运动轨迹）。选择被引导层的第1帧。拖动第1帧上的飞机到曲线左端点上，注意一定要把飞机上的注册点调到与曲线左端点重合。选择被引导层的第40帧。用同样的方法将飞

39、机拖动到曲线的右端点上，飞机注册点与曲线的右端点重合。按CtrlEnter快捷键，测试影片效果。（4）输出和保存影片文件）输出和保存影片文件 基本基本Flash动画制作小结动画制作小结F5：插入普通帧；F6：插入关键帧；F8：转换为图形元件。1.逐帧动画：各关键帧中分别设置不同的画面(可导入或绘制)。2.形状补间动画：起点关键帧、终点关键帧各设不同形状图片，设置起点关键帧的属性为“补间形状”。3.动作补间动画：起点关键帧、终点关键帧各设一图片（形状可同，但置于舞台的不同位置），设置起点关键帧的属性为“补间动作”。4.引导路径动画：一个普通图层中设置一图画（需转换成图形元件），另一个“运动引导层”画一轨道曲线，两层具有相同的关键帧数。设置普通图层中起点帧属性为“补间动作”且“调整到路径”，起点帧图形元件中心对齐引导曲线一端；终点帧图形元件中心对齐引导曲线另一端。图形元件将沿曲线运动。