第7章计算机动画制作技术课件.ppt

《第7章计算机动画制作技术课件.ppt》由会员分享，可在线阅读，更多相关《第7章计算机动画制作技术课件.ppt（74页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第1页第第7章章 计算机动画制作技术计算机动画制作技术本章概述 本章的学习目标主要内容第2页本章概述本章概述l动画具有表现力丰富、直观、易于理解、风趣幽默、动画具有表现力丰富、直观、易于理解、风趣幽默、引人入胜等特点，是构成多媒体的重要内容之一，在引人入胜等特点，是构成多媒体的重要内容之一，在多媒体作品中最吸引人，最容易给作品多媒体作品中最吸引人，最容易给作品“添色添色”。l计算机动画是在传统动画的基础上，采用计算机图形、计算机动画是在传统动画的基础上，采用计算机图形、图像技术而迅速发展起来的一门新技术。计算机动画图像技术而迅速发展起来的一门新技术。计算机动画广泛应用于科学研究、影视作品制作、

2、电子游戏、网广泛应用于科学研究、影视作品制作、电子游戏、网页制作、多媒体课件、工业设计、军事仿真、建筑设页制作、多媒体课件、工业设计、军事仿真、建筑设计等诸多领域。计等诸多领域。l本章介绍有关计算机动画制作的基础知识及相关的动本章介绍有关计算机动画制作的基础知识及相关的动画制作软件，主要内容包括动画制作工作原理、类型、画制作软件，主要内容包括动画制作工作原理、类型、常用的动画文件格式、二维动画制作软件常用的动画文件格式、二维动画制作软件Flash。第3页本章的学习目标本章的学习目标l理解动画的基本知识理解动画的基本知识l熟练掌握熟练掌握Flash常用面板基本操作常用面板基本操作l理解理解Fla

3、sh二维动画制作步骤二维动画制作步骤l熟练掌握逐帧动画、补间动画、形状补间熟练掌握逐帧动画、补间动画、形状补间动画、引导路径动画和遮罩动画制作动画、引导路径动画和遮罩动画制作l熟练掌握元件的创建及使用熟练掌握元件的创建及使用l熟练掌握熟练掌握Flash动画中声音的应用动画中声音的应用l掌握使用掌握使用ActionScript实现交互动画实现交互动画第4页主要内容主要内容7.1 计算机动画基本知识计算机动画基本知识7.2 Flash概述概述7.3 逐帧动画逐帧动画7.4 补间动画补间动画7.5 引导路径动画和遮罩动画引导路径动画和遮罩动画7.6 元件元件7.7 在在Flash动画中应用声音动画中

4、应用声音7.8 用用ActionScript实现交互动画实现交互动画7.9 本章小结本章小结第5页7.1 计算机动画基本知识计算机动画基本知识l计算机动画的工作原理计算机动画的工作原理l计算机动画的分类计算机动画的分类l常见的动画制作软件常见的动画制作软件l动画的文件格式动画的文件格式第6页计算机动画的工作原理计算机动画的工作原理l动画是通过把人、物的表情、动作、变化等分段画成许多动画是通过把人、物的表情、动作、变化等分段画成许多画幅，再用摄影机连续拍摄成一系列画面，给视觉造成连画幅，再用摄影机连续拍摄成一系列画面，给视觉造成连续变化的图画。医学已证明，人类具有续变化的图画。医学已证明，人类具

5、有“视觉暂留视觉暂留”的特的特性，就是说人的眼睛看到一幅画或一个物体后，在性，就是说人的眼睛看到一幅画或一个物体后，在1/24秒秒内不会消失。利用这一原理，在一幅画还没有消失前播放内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。出下一幅画，就会给人造成一种流畅的视觉变化效果。l计算机动画是采用连续播放静止图像的方法产生景物运动计算机动画是采用连续播放静止图像的方法产生景物运动的效果，人们使用计算机手段产生图形、图像的运动，由的效果，人们使用计算机手段产生图形、图像的运动，由计算机生成一系列连续的图像画面并能进行动态实时播放。计算机生成一系列连续

6、的图像画面并能进行动态实时播放。l本质上讲，计算机动画的原理与传统动画基本相同。本质上讲，计算机动画的原理与传统动画基本相同。l由于采用数字信息处理方式，动画的运动效果、画面色调、由于采用数字信息处理方式，动画的运动效果、画面色调、纹理、光影效果等处理操作，可以在专业动画制作软件中纹理、光影效果等处理操作，可以在专业动画制作软件中非常方便的改变、调整，输出方式也更加的丰富多彩。非常方便的改变、调整，输出方式也更加的丰富多彩。第7页计算机动画的分类计算机动画的分类l可以依据不同方面对计算机动画进行分类可以依据不同方面对计算机动画进行分类:依据动作的的表现形式可分为接近自然动作的依据动作的的表现形

7、式可分为接近自然动作的“完善动完善动画画”(动画电视动画电视)和采用简化、夸张的和采用简化、夸张的“局限动画局限动画”(幻灯片动幻灯片动画画)。依据空间的视觉效果上可分为二维动画和三维动画。依据空间的视觉效果上可分为二维动画和三维动画。依据播放效果上可分为顺序动画依据播放效果上可分为顺序动画(连续动作连续动作)和交互式动画和交互式动画(反反复动作复动作)。依据每秒放的幅数可分为全动画依据每秒放的幅数可分为全动画(每秒每秒24帧帧)和半动画和半动画(少于少于24帧帧)。依据运动的控制方式可分为实时依据运动的控制方式可分为实时(Real-Time)动画和逐帧动动画和逐帧动画画(Frame-by-F

8、rame)。实时动画也称为算法动画，是用算。实时动画也称为算法动画，是用算法来实现物体的运动。逐帧动画也称为帧动画或关键帧动画，法来实现物体的运动。逐帧动画也称为帧动画或关键帧动画，是通过一帧一帧显示动画的图像序列而实现运动的效果。是通过一帧一帧显示动画的图像序列而实现运动的效果。第8页常见的动画制作软件常见的动画制作软件lAnime Studio Pro二维动画处理软件，用于加工和处理帧动画。二维动画处理软件，用于加工和处理帧动画。它提供了多种高级动画工具和特效来加速工作流程。它提供了多种高级动画工具和特效来加速工作流程。lFlashAdobe公司的交互动画制作工具，在网页制作中广泛公司的交

9、互动画制作工具，在网页制作中广泛应用。应用。Flash支持动画、声音及交互功能，具有强大的多媒体支持动画、声音及交互功能，具有强大的多媒体编辑能力，可直接生成主页代码。编辑能力，可直接生成主页代码。Flash动画是目前最流行的二维动画。动画是目前最流行的二维动画。第9页常见的动画制作软件常见的动画制作软件lMaya美国美国Autodesk公司出品的三维动画制作软件。公司出品的三维动画制作软件。Maya集成了最先进的动画及数字效果技术，功能完善，集成了最先进的动画及数字效果技术，功能完善，工作灵活，易学易用，制作效率极高，渲染真实感极工作灵活，易学易用，制作效率极高，渲染真实感极强，被广泛应用于

10、专业影视广告、角色动画、电影特强，被广泛应用于专业影视广告、角色动画、电影特技等领域。技等领域。lSoftImage 3DSoftimage公司出品的三维动画软件，综合运行于公司出品的三维动画软件，综合运行于SGI工作站和工作站和Windows NT平台。平台。具有方便高效的工作界面，可快速、高质量生成图像，具有方便高效的工作界面，可快速、高质量生成图像，是专业动画设计师的重要工具，被广泛应用于娱乐和是专业动画设计师的重要工具，被广泛应用于娱乐和影视制作领域。影视制作领域。第10页常见的动画制作软件常见的动画制作软件l3DS MAXAutodesk公司开发的三维物体建模和动画制作软件，具有公司

11、开发的三维物体建模和动画制作软件，具有强大、完美的三维建模功能。是当今世界上最流行的三维建强大、完美的三维建模功能。是当今世界上最流行的三维建模、动画制作及渲染软件之一，被广泛用于角色动画、室内模、动画制作及渲染软件之一，被广泛用于角色动画、室内效果图、游戏开发、虚拟现实等领域。效果图、游戏开发、虚拟现实等领域。lPoserMetacreations公司推出的一款三维动物、人体造型和三维公司推出的一款三维动物、人体造型和三维人体动画制作软件。人体动画制作软件。利用利用Poser进行角色创作的过程较简单，内置了丰富的模型。进行角色创作的过程较简单，内置了丰富的模型。lCool 3DUlead公司

12、出品的三维动画制作软件。公司出品的三维动画制作软件。其拥有强大方便的图形和标题设计工具，丰富的动画特效，其拥有强大方便的图形和标题设计工具，丰富的动画特效，整合的输出功能可以输出静态图像、动画、视频或整合的输出功能可以输出静态图像、动画、视频或Flash格格式。式。第11页动画的文件格式动画的文件格式lGIF文件格式文件格式(.gif)GIF是是Graphics Interchange Format的缩写，是由的缩写，是由Campu Serve公司开发的点阵式图像文件格式，采用公司开发的点阵式图像文件格式，采用LZW压缩算法，可以有效降低文件大小同时保持图像压缩算法，可以有效降低文件大小同时保

13、持图像的色彩信息。的色彩信息。这种文件格式支持这种文件格式支持256色的图像。许多图像处理软件都色的图像。许多图像处理软件都具备处理具备处理GIF文件的能力。文件的能力。GIF文件支持动画和透明，被广泛应用在网页中。文件支持动画和透明，被广泛应用在网页中。需要强调的是需要强调的是GIF文件格式无法存储声音信息，只能形文件格式无法存储声音信息，只能形成成“无声动画无声动画”。第12页动画的文件格式动画的文件格式lFLIC文件格式文件格式(.fli/.flc)FLIC文件格式是文件格式是Autodesk公司在出品的公司在出品的Autodesk Animator / Animator Pro / 3

14、D Studio等等2D/3D动画制动画制作软件中采用的彩色动画文件格式。作软件中采用的彩色动画文件格式。FLIC是是FLC和和FLI的通称，其中，的通称，其中，FLI是最初基于是最初基于320200分辨率的动画文件格式，而分辨率的动画文件格式，而FLC是是FLI的扩展的扩展格式，采用了更高效的数据压缩技术，其分辨率也不格式，采用了更高效的数据压缩技术，其分辨率也不再局限于再局限于320200。FLIC文件采用行程编码文件采用行程编码(RLE)算法和算法和Delta算法进行无算法进行无损数据压缩。损数据压缩。它被广泛用于动画图形中的动画序列、计算机辅助设它被广泛用于动画图形中的动画序列、计算机

15、辅助设计和计算机游戏应用程序。计和计算机游戏应用程序。第13页动画的文件格式动画的文件格式lSWF文件格式文件格式(.swf)SWF是是Micromedia公司的动画制作软件公司的动画制作软件Flash的矢量的矢量动画格式。动画格式。它采用曲线方程描述其内容，不是由点阵组成内容，它采用曲线方程描述其内容，不是由点阵组成内容，因此这种格式的动画在缩放时不会失真，非常适合描因此这种格式的动画在缩放时不会失真，非常适合描述由几何图形组成的动画，如教学演示等。述由几何图形组成的动画，如教学演示等。由于这种格式的动画可以与由于这种格式的动画可以与HTML文件充分结合，并能文件充分结合，并能添加添加MP3

16、音乐，因此被广泛地应用于网页上，成为一音乐，因此被广泛地应用于网页上，成为一种种“准准”流式媒体文件。流式媒体文件。第14页动画的文件格式动画的文件格式lAVI格式格式AVI英文全称为英文全称为Audio Video Interleaved，即音频视，即音频视频交错格式，是将语音和影像同步组合在一起的文件频交错格式，是将语音和影像同步组合在一起的文件格式。格式。它对视频文件采用了一种有损压缩方式，压缩比较高，它对视频文件采用了一种有损压缩方式，压缩比较高，尽管画面质量不是太好，但其应用范围仍然非常广泛。尽管画面质量不是太好，但其应用范围仍然非常广泛。 AVI支持支持256色和色和RLE压缩。压

17、缩。AVI信息主要应用在多媒体光盘上，用来保存电视、电信息主要应用在多媒体光盘上，用来保存电视、电影等各种影像信息。影等各种影像信息。 第15页主要内容主要内容7.1 计算机动画基本知识计算机动画基本知识7.2 Flash概述概述7.3 逐帧动画逐帧动画7.4 补间动画补间动画7.5 引导路径动画和遮罩动画引导路径动画和遮罩动画7.6 元件元件7.7 在在Flash动画中应用声音动画中应用声音7.8 用用ActionScript实现交互动画实现交互动画7.9 本章小结本章小结第16页7.2 Flash概述概述lFlash工作界面工作界面lFlash动画制作过程动画制作过程l动画的类型动画的类型

18、第17页Flash工作界面工作界面 欢迎屏幕欢迎屏幕 第18页Flash CS4工作界面工作界面 第19页Flash工作界面工作界面l“工具工具”面板面板Flash CS4“工具工具”面板中的工具可以面板中的工具可以绘图、上色、选择和修改插图，并可以绘图、上色、选择和修改插图，并可以更改舞台的视图。更改舞台的视图。单击单击“工具工具”面板右上角的面板右上角的 和和 ，可以实现可以实现“工具工具”面板的折叠和展开。面板的折叠和展开。“工具工具”面板分为四个部分：面板分为四个部分： “工具”区域包含绘图、上色和选择工具。 “查看”区域包含在应用程序窗口内进行缩放和平移的工具。 “颜色”区域包含用于

19、笔触颜色和填充颜色的功能键。 “选项”区域包含用于当前所选工具的功能键。功能键影响工具的上色或编辑操作。 绘绘图图工工具具工工具具面面板板第20页Flash工作界面工作界面l时间轴时间轴Flash CS4的时间轴用于组织和控制一定时间内的图的时间轴用于组织和控制一定时间内的图层和帧中的文档内容。层和帧中的文档内容。时间轴的主要组件是图层、帧和播放头。时间轴的主要组件是图层、帧和播放头。第21页Flash工作界面工作界面l时间轴时间轴时间轴左侧为图层列表区，使用图层列表区的控件可时间轴左侧为图层列表区，使用图层列表区的控件可以隐藏、显示、锁定或解锁图层，并能将图层内容显以隐藏、显示、锁定或解锁图

20、层，并能将图层内容显示为轮廓。示为轮廓。图层列表右边是动画帧编辑区。帧是组成动画的最基图层列表右边是动画帧编辑区。帧是组成动画的最基本的元素，制作动画的大部分操作都是针对帧的操作。本的元素，制作动画的大部分操作都是针对帧的操作。时间轴顶部的时间轴标题指示帧编号，在时间轴中放时间轴顶部的时间轴标题指示帧编号，在时间轴中放置帧的顺序将决定帧内对象在最终内容中的显示顺序。置帧的顺序将决定帧内对象在最终内容中的显示顺序。播放头指示当前在舞台中显示的帧，播放文档时，播播放头指示当前在舞台中显示的帧，播放文档时，播放头从左向右通过时间轴。放头从左向右通过时间轴。在时间轴底部显示的时间轴状态指示所选的帧编号

21、、在时间轴底部显示的时间轴状态指示所选的帧编号、当前帧速率以及到当前帧为止的运行时间。当前帧速率以及到当前帧为止的运行时间。第22页Flash工作界面工作界面l在时间轴上，帧有关键帧、空白关键帧、属性关在时间轴上，帧有关键帧、空白关键帧、属性关键帧、补间帧、静态帧等几种。键帧、补间帧、静态帧等几种。关键帧决定动画的进行方式，其中的元件实例显示在关键帧决定动画的进行方式，其中的元件实例显示在时间轴中。时间轴中。空白关键帧本身是关键帧，但未包含任何对象，可作空白关键帧本身是关键帧，但未包含任何对象，可作为计划稍后添加的元件的占位符，或者显式将该帧保为计划稍后添加的元件的占位符，或者显式将该帧保留为

22、空。留为空。属性关键帧是在补间范围中为补间目标对象显式定义属性关键帧是在补间范围中为补间目标对象显式定义属性值的帧。属性值的帧。Flash能补间，即自动填充属性关键帧之能补间，即自动填充属性关键帧之间的属性值，以便生成流畅的动画。间的属性值，以便生成流畅的动画。补间帧是作为补间动画的一部分的任何帧。补间帧是作为补间动画的一部分的任何帧。静态帧是不作为补间动画的一部分的任何帧。静态帧是不作为补间动画的一部分的任何帧。第23页Flash工作界面工作界面l时间轴时间轴单击时间轴右上角按钮，显示如图所示菜单。单击时间轴右上角按钮，显示如图所示菜单。选择选择“很小很小”、“小小”、“正常正常”、“中中”

23、或或“大大”更改帧单元格的宽度，更改帧单元格的宽度，“大大”帧宽度设置对于查看声帧宽度设置对于查看声音波形的详细情况很有用。音波形的详细情况很有用。选择选择“较短较短”减小帧单元格行的高度。减小帧单元格行的高度。选择选择“彩色显示帧彩色显示帧”打开或关闭用彩色显示帧顺序。打开或关闭用彩色显示帧顺序。选择选择“预览预览”显示每个帧的内容缩略图。显示每个帧的内容缩略图。第24页Flash工作界面工作界面l场景场景场景是在创建场景是在创建Flash文档时放置图形内容的矩形区域。文档时放置图形内容的矩形区域。利用缩放工具，可以更改场景视图的大小。若要在场利用缩放工具，可以更改场景视图的大小。若要在场景

24、上绘制图形，可以使用网格、辅助线和标尺。景上绘制图形，可以使用网格、辅助线和标尺。第25页Flash工作界面工作界面l属性属性使用使用“属性属性”面板可以面板可以轻松访问场景或时间轴轻松访问场景或时间轴上当前选中内容的最常上当前选中内容的最常用的属性，可以显示当用的属性，可以显示当前文档、文本、元件、前文档、文本、元件、形状、位图、视频、组、形状、位图、视频、组、帧或工具的信息和设置，帧或工具的信息和设置，更改对象或文档的属性。更改对象或文档的属性。 第26页Flash工作界面工作界面l“颜色颜色”面板面板使用使用“颜色颜色”面板可面板可以修改以修改FLA的调色板的调色板并更改笔触和填充的并更

25、改笔触和填充的颜色。颜色。 第27页Flash工作界面工作界面l“库库”面板面板“库库”面板是存储和组织在面板是存储和组织在Flash中创建的各种元件的中创建的各种元件的地方，它还用于存储和组织地方，它还用于存储和组织导入的文件，包括位图图形、导入的文件，包括位图图形、声音文件和视频剪辑。声音文件和视频剪辑。使用使用“库库”面板可以组织文面板可以组织文件夹中的库项目，查看项目件夹中的库项目，查看项目在文档中使用的频率，并按在文档中使用的频率，并按类型对项目进行排序。类型对项目进行排序。 第28页Flash工作界面工作界面l“对齐对齐”面板面板利用利用“对齐对齐”面板能够沿水平或垂面板能够沿水平

26、或垂直轴对齐所选对象。直轴对齐所选对象。可以沿选定对象的右边缘、中心或可以沿选定对象的右边缘、中心或左边缘垂直对齐对象，或者沿选定左边缘垂直对齐对象，或者沿选定对象的上边缘、中心或下边缘水平对象的上边缘、中心或下边缘水平对齐对象。对齐对象。还可以沿选定对象的顶部、底部、还可以沿选定对象的顶部、底部、垂直居中垂直分布对象或沿选定对垂直居中垂直分布对象或沿选定对象的左侧、水平局右、左侧水平分象的左侧、水平局右、左侧水平分布对象。布对象。还可以匹配选择对象的高度、宽度还可以匹配选择对象的高度、宽度以及水平平均间隔和垂直平均间隔。以及水平平均间隔和垂直平均间隔。 第29页Flash动画制作过程动画制作

27、过程l要创建要创建Flash动画一般设计步骤如下：动画一般设计步骤如下：计划计划Flash动画动画收集素材收集素材制作动画制作动画调试动画调试动画测试动画测试动画发布动画发布动画第30页动画的类型动画的类型 l逐帧动画逐帧动画l补间动画补间动画l传统补间传统补间l反向运动反向运动l补间形状补间形状第31页动画的类型动画的类型 l逐帧动画逐帧动画使用逐帧动画技术，可以为时间轴中的每个帧使用逐帧动画技术，可以为时间轴中的每个帧指定不同的艺术作品，可创建与快速连续播放指定不同的艺术作品，可创建与快速连续播放的影片帧类似的效果。的影片帧类似的效果。它最适合于图像在每一帧中都在变化而不仅是它最适合于图像

28、在每一帧中都在变化而不仅是在舞台上移动的复杂动画。在舞台上移动的复杂动画。在逐帧动画中，在逐帧动画中，Flash会存储每个完整帧的值。会存储每个完整帧的值。逐帧动画增加文件大小的速度比补间动画快得逐帧动画增加文件大小的速度比补间动画快得多。多。第32页动画的类型动画的类型 l补间动画补间动画补间是通过为一个帧中的对象属性指定一个值补间是通过为一个帧中的对象属性指定一个值并为另一个帧中的该相同属性指定另一个值创并为另一个帧中的该相同属性指定另一个值创建的动画。建的动画。Flash会为所创建的属性关键帧之间的帧中的会为所创建的属性关键帧之间的帧中的每个属性内插属性值，只有指定的属性关键帧每个属性内

29、插属性值，只有指定的属性关键帧的值存储在的值存储在FLA文件和发布的文件和发布的SWF文件中。文件中。补间动画是一种在最大程度地减小文件大小同补间动画是一种在最大程度地减小文件大小同时创建随时间移动和变化的动画的有效方法。时创建随时间移动和变化的动画的有效方法。第33页动画的类型动画的类型 l传统补间传统补间传统补间与补间动画类似，但在某种程度上，传统补间与补间动画类似，但在某种程度上，其创建过程更为复杂，也不那么灵活。其创建过程更为复杂，也不那么灵活。传统补间所具有的某些类型的动画控制功能是传统补间所具有的某些类型的动画控制功能是补间动画所不具备的。补间动画所不具备的。第34页动画的类型动画

30、的类型 l反向运动反向运动反向运动是一种使用骨骼的有关节结构对一个反向运动是一种使用骨骼的有关节结构对一个对象或彼此相关的一组对象进行动画处理的方对象或彼此相关的一组对象进行动画处理的方法。法。使用骨骼，元件实例和形状对象可以按复杂而使用骨骼，元件实例和形状对象可以按复杂而自然的方式移动，只需做很少的设计工作。自然的方式移动，只需做很少的设计工作。例如，通过反向运动可以更加轻松地创建人物例如，通过反向运动可以更加轻松地创建人物动画，如胳膊、腿和面部表情。动画，如胳膊、腿和面部表情。第35页动画的类型动画的类型 l补间形状补间形状在形状补间中，可在时间轴中的特定帧绘制一在形状补间中，可在时间轴中

31、的特定帧绘制一个形状，然后更改该形状或在另一个特定帧绘个形状，然后更改该形状或在另一个特定帧绘制另一个形状。然后，制另一个形状。然后，Flash将内插中间的帧将内插中间的帧的中间形状，创建一个形状变形为另一个形状的中间形状，创建一个形状变形为另一个形状的动画。的动画。第36页主要内容主要内容7.1 计算机动画基本知识计算机动画基本知识7.2 Flash概述概述7.3 逐帧动画逐帧动画7.4 补间动画补间动画7.5 引导路径动画和遮罩动画引导路径动画和遮罩动画7.6 元件元件7.7 在在Flash动画中应用声音动画中应用声音7.8 用用ActionScript实现交互动画实现交互动画7.9 本章

32、小结本章小结第37页7.3 逐帧动画逐帧动画l本例以打字机特效演示逐帧动画的制作过本例以打字机特效演示逐帧动画的制作过程。程。第38页主要内容主要内容7.1 计算机动画基本知识计算机动画基本知识7.2 Flash概述概述7.3 逐帧动画逐帧动画7.4 补间动画补间动画7.5 引导路径动画和遮罩动画引导路径动画和遮罩动画7.6 元件元件7.7 在在Flash动画中应用声音动画中应用声音7.8 用用ActionScript实现交互动画实现交互动画7.9 本章小结本章小结第39页7.4 补间动画补间动画l传统补间动画传统补间动画l补间动画补间动画l创建补间形状创建补间形状第40页7.4 补间动画补间

33、动画l传统补间动画传统补间动画本例演示在时本例演示在时间轴的第间轴的第1帧帧与第与第30帧之间帧之间创建传统补间创建传统补间动画的制作过动画的制作过程。程。 第41页7.4 补间动画补间动画l补间动画补间动画动作补间动画动作补间动画是是Flash中非常中非常重要的表现手段重要的表现手段之一。之一。本例演示在时本例演示在时间轴的第间轴的第1帧与帧与第第30帧之间创建帧之间创建补间动画的制作补间动画的制作过程。过程。 第42页7.4 补间动画补间动画l创建补间形状创建补间形状本例演示在时本例演示在时间轴的第间轴的第1帧帧与第与第30帧之间帧之间创建补间形状创建补间形状的制作过程。的制作过程。 第4

34、3页主要内容主要内容7.1 计算机动画基本知识计算机动画基本知识7.2 Flash概述概述7.3 逐帧动画逐帧动画7.4 补间动画补间动画7.5 引导路径动画和遮罩动画引导路径动画和遮罩动画7.6 元件元件7.7 在在Flash动画中应用声音动画中应用声音7.8 用用ActionScript实现交互动画实现交互动画7.9 本章小结本章小结第44页7.5 引导路径动画和遮罩动画引导路径动画和遮罩动画l引导路径动画引导路径动画l遮罩动画遮罩动画第45页引导路径动画引导路径动画l若要控制传统补间动画若要控制传统补间动画中的对象的移动，可以中的对象的移动，可以创建运动引导层，用户创建运动引导层，用户绘

35、制路径，补间实例、绘制路径，补间实例、组或文本块可以沿着这组或文本块可以沿着这些路径运动，所以又称些路径运动，所以又称路径补间动画。路径补间动画。l连接到运动引导层的常连接到运动引导层的常规层就成为引导层。规层就成为引导层。 第46页遮罩动画遮罩动画l遮罩动画是使用遮罩动画是使用遮罩层产生的遮遮罩层产生的遮罩效果而实现的罩效果而实现的动画。动画。l遮罩层是一种特遮罩层是一种特殊的图层，通过殊的图层，通过遮罩层上的遮罩遮罩层上的遮罩对象可以看到它对象可以看到它下面的各层对象。下面的各层对象。第47页遮罩动画遮罩动画l简单的遮罩效果实例：文字擦除进入简单的遮罩效果实例：文字擦除进入第48页主要内容

36、主要内容7.1 计算机动画基本知识计算机动画基本知识7.2 Flash概述概述7.3 逐帧动画逐帧动画7.4 补间动画补间动画7.5 引导路径动画和遮罩动画引导路径动画和遮罩动画7.6 元件元件7.7 在在Flash动画中应用声音动画中应用声音7.8 用用ActionScript实现交互动画实现交互动画7.9 本章小结本章小结第49页7.6 元件元件l元件是指在元件是指在Flash创作环境中或使用创作环境中或使用Button(AS 2.0)、SimpleButton (AS 3.0)和和MovieClip 类创建的图形、按钮或影类创建的图形、按钮或影片剪辑。片剪辑。l元件只需创建一次，就可在整

37、个文档或其它文档中重复使用该元件只需创建一次，就可在整个文档或其它文档中重复使用该元件。创建的任何元件都会自动成为当前文档的库的一部分。元件。创建的任何元件都会自动成为当前文档的库的一部分。l实例是位于舞台上或嵌套在另一个元件内的元件副本。实例可实例是位于舞台上或嵌套在另一个元件内的元件副本。实例可以与它的元件在颜色、大小和功能上有差别。以与它的元件在颜色、大小和功能上有差别。l编辑元件会更新它的所有实例，但对元件的一个实例应用效果编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。则只更新该实例。l在文档中使用元件可以显著减小文件的大小，保存一个元件的在文档中使用元件可以显

38、著减小文件的大小，保存一个元件的几个实例比保存该元件内容的多个副本占用的存储空间小。几个实例比保存该元件内容的多个副本占用的存储空间小。l使用元件还可以加快使用元件还可以加快SWF文件的播放速度，因为元件只需下载文件的播放速度，因为元件只需下载到到Flash Player中一次。中一次。第50页7.6 元件元件l元件的类型元件的类型l元件的创建元件的创建l影片剪辑元件影片剪辑元件l按钮元件按钮元件l实例：滑动菜单实例：滑动菜单第51页元件的类型元件的类型l影片剪辑元件影片剪辑元件使用影片剪辑元件可以创建可重用的动画片段。影片剪辑拥有各使用影片剪辑元件可以创建可重用的动画片段。影片剪辑拥有各自独

39、立于主时间轴的多帧时间轴。它们可以包含交互式控件、声自独立于主时间轴的多帧时间轴。它们可以包含交互式控件、声音甚至其它影片剪辑实例。也可将影片剪辑实例放在按钮元件的音甚至其它影片剪辑实例。也可将影片剪辑实例放在按钮元件的时间轴内创建动画按钮。此外，可以使用时间轴内创建动画按钮。此外，可以使用ActionScript对影片剪对影片剪辑进行改编。辑进行改编。l图形元件图形元件可用于静态图像，并可用来创建连接到主时间轴的可重用动画片可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。交互式控件和声音在图形元段。图形元件与主时间轴同步运行。交互式控件和声音在图形元件

40、的动画序列中不起作用。由于没有时间轴，图形元件在件的动画序列中不起作用。由于没有时间轴，图形元件在FLA文文件中的尺寸小于按钮或影片剪辑。件中的尺寸小于按钮或影片剪辑。l按钮元件按钮元件使用按钮元件可以创建用于响应鼠标单击、滑过或其它动作的交使用按钮元件可以创建用于响应鼠标单击、滑过或其它动作的交互式按钮。互式按钮。 可以定义与各种按钮状态关联的图形，然后将动作指可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。定给按钮实例。第52页元件的创建元件的创建l将选定元素转换为元件将选定元素转换为元件在舞台上选择一个或多个元素，选择在舞台上选择一个或多个元素，选择“修改修改”“转转换为元件

41、换为元件”或将选中元素拖到或将选中元素拖到“库库”面板上，弹出面板上，弹出“转换为元件转换为元件”对话框，在对话框，在“名称名称”文本框中输入元文本框中输入元件的名称，在件的名称，在“类型类型”选项区域中选中元件类型，设选项区域中选中元件类型，设置新元件的注册点位置。置新元件的注册点位置。Flash会将该元件添加到库中。会将该元件添加到库中。舞台上选定的元素此时就变成了该元件的一个实例。舞台上选定的元素此时就变成了该元件的一个实例。创建元件后，可以通过选择创建元件后，可以通过选择“编辑编辑”“编辑元件编辑元件”以在元件编辑模式下编辑该元件，也可以通过选择以在元件编辑模式下编辑该元件，也可以通过

42、选择“编辑编辑”“在当前位置编辑在当前位置编辑”以在舞台的上下文中以在舞台的上下文中编辑该元件。也可以更改元件的注册点。编辑该元件。也可以更改元件的注册点。第53页元件的创建元件的创建l创建空元件创建空元件选择选择“插入插入”“新建元件新建元件”，打开，打开“创建新创建新元件元件”对话框。为元件命名，并设置元件类型，对话框。为元件命名，并设置元件类型，单击单击“确定确定”，进入元件编辑界面。，进入元件编辑界面。可使用时间轴、绘画工具绘制、导入介质或创可使用时间轴、绘画工具绘制、导入介质或创建其它元件的实例来创建元件内容。建其它元件的实例来创建元件内容。元件内容编辑完成后，在编辑栏中单击场景名元

43、件内容编辑完成后，在编辑栏中单击场景名称返回到文档编辑模式。称返回到文档编辑模式。在在“库库”面板中，可以看到刚创建的新元件。面板中，可以看到刚创建的新元件。第54页影片剪辑元件影片剪辑元件l影片剪辑元件是影片剪辑元件是Flash中最重要的一种元件，它中最重要的一种元件，它拥有独立的时间轴，它的播放与主时间轴没有直拥有独立的时间轴，它的播放与主时间轴没有直接关系。可以把它看作一个小的独立影片。接关系。可以把它看作一个小的独立影片。l新建影片剪辑元件新建影片剪辑元件创建创建“影片剪辑影片剪辑”新元件，在新元件，在“影片剪辑影片剪辑”编辑界面编辑界面中使用建立动画的方法建立中使用建立动画的方法建立

44、“影片剪辑影片剪辑”动画，设计动画，设计完成后，在编辑栏中单击场景名称返回到文档编辑模完成后，在编辑栏中单击场景名称返回到文档编辑模式。式。l将舞台上的动画转换为影片剪辑元件将舞台上的动画转换为影片剪辑元件若要在舞台上重复使用一个动画序列或将其作为一个若要在舞台上重复使用一个动画序列或将其作为一个实例操作，选择该动画序列并将其另存为影片剪辑元实例操作，选择该动画序列并将其另存为影片剪辑元件。件。 第55页影片剪辑元件影片剪辑元件l将舞台上的动画转换为影片剪辑元件的具体步骤：将舞台上的动画转换为影片剪辑元件的具体步骤：1在主时间轴上，选择想使用的舞台上动画的每一层中在主时间轴上，选择想使用的舞台

45、上动画的每一层中的每一帧。的每一帧。2选择选择“编辑编辑”“时间轴时间轴”“复制帧复制帧”。3取消选择所选内容并确保没有选中舞台上的任何内容。取消选择所选内容并确保没有选中舞台上的任何内容。选择选择“插入插入”“新建元件新建元件”。 为元件命名，元件为元件命名，元件“类型类型”选择选择“影片剪辑影片剪辑”，单击，单击“确定确定”。4进入元件编辑界面，在时间轴上，单击第进入元件编辑界面，在时间轴上，单击第1层上的第层上的第1帧，选择帧，选择“编辑编辑”“时间轴时间轴”“粘贴帧粘贴帧”。此操作将。此操作将把从主时间轴复制的帧把从主时间轴复制的帧(以及所有图层和图层名以及所有图层和图层名)都粘贴到都

46、粘贴到该影片剪辑元件的时间轴上。该影片剪辑元件的时间轴上。5单击舞台上方编辑栏内的场景名称，返回到文档编辑单击舞台上方编辑栏内的场景名称，返回到文档编辑模式。模式。第56页按钮元件按钮元件l按钮实际上是四帧的交互影片剪辑。当为元件选择按钮行按钮实际上是四帧的交互影片剪辑。当为元件选择按钮行为时，为时，Flash会创建一个包含四帧的时间轴。时间轴实际会创建一个包含四帧的时间轴。时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳转到上并不播放，它只是对指针运动和动作做出反应，跳转到相应的帧。相应的帧。l要制作一个交互式按钮，可把该按钮元件的一个实例放在要制作一个交互式按钮，可把该按钮元件的一

47、个实例放在舞台上，然后给该实例指定动作。必须将动作分配给文档舞台上，然后给该实例指定动作。必须将动作分配给文档中按钮的实例，而不是分配给按钮时间轴中的帧。中按钮的实例，而不是分配给按钮时间轴中的帧。l按钮元件的时间轴上的每一帧都有一个特定的功能：按钮元件的时间轴上的每一帧都有一个特定的功能：第一帧是弹起状态，代表指针没有经过按钮时该按钮的状态。第一帧是弹起状态，代表指针没有经过按钮时该按钮的状态。第二帧是指针经过状态，代表指针滑过按钮时该按钮的外观。第二帧是指针经过状态，代表指针滑过按钮时该按钮的外观。第三帧是按下状态，代表单击按钮时该按钮的外观。第三帧是按下状态，代表单击按钮时该按钮的外观。

48、第四帧是点击状态，定义响应鼠标单击的区域。此区域在第四帧是点击状态，定义响应鼠标单击的区域。此区域在 SWF 文件中是不可见的。文件中是不可见的。第57页按钮元件按钮元件l创建按钮元件创建按钮元件1在在“创建新元件创建新元件”对话框中，输入新按钮元件的名称，元件对话框中，输入新按钮元件的名称，元件“类型类型”选择选择“按钮按钮”，单击，单击“确定确定”，Flash会切换到元件编辑会切换到元件编辑模式。时间轴的标题会变为显示四个标签分别为模式。时间轴的标题会变为显示四个标签分别为“弹起弹起”、“指指针经过针经过”、“按下按下”和和“点击点击”的连续帧。的连续帧。2第一帧第一帧(“弹起弹起”)是一

49、个空白关键帧。若要创建弹起状态的按是一个空白关键帧。若要创建弹起状态的按钮图像，在时间轴中选择钮图像，在时间轴中选择“弹起弹起”帧，使用绘画工具、导入一幅帧，使用绘画工具、导入一幅图形或者在舞台上放置另一个元件的实例。可以在按钮中使用图图形或者在舞台上放置另一个元件的实例。可以在按钮中使用图形或影片剪辑元件，但不能在按钮中使用另一个按钮。形或影片剪辑元件，但不能在按钮中使用另一个按钮。3单击单击“指针经过指针经过”帧，选择帧，选择“插入插入”“时间轴时间轴”“关键帧关键帧”。Flash 会插入会插入“弹起弹起”帧内容的关键帧。将按钮图像更改或编辑帧内容的关键帧。将按钮图像更改或编辑为为“指针经

50、过指针经过”状态。同理，设计状态。同理，设计“按下按下”帧和帧和“点击点击”帧。帧。 4单击舞台上方编辑栏内的场景名称，返回到文档编辑模式。若单击舞台上方编辑栏内的场景名称，返回到文档编辑模式。若要在文档中创建按钮实例，从要在文档中创建按钮实例，从“库库”面板拖动按钮元件。面板拖动按钮元件。第58页实例：滑动菜单实例：滑动菜单l本例利用元件实现滑动菜单特效，在实现过程中，本例利用元件实现滑动菜单特效，在实现过程中，灵活运行了按钮的灵活运行了按钮的“指针经过指针经过”帧帧 。第59页主要内容主要内容7.1 计算机动画基本知识计算机动画基本知识7.2 Flash概述概述7.3 逐帧动画逐帧动画7.