《多媒体技术及应用》第7章 计算机动画制作技术

动画的类型
逐帧动画
►使用逐帧动画技术，可以为时间轴中的每个帧 指定不同的艺术作品，可创建与快速连续播放 的影片帧类似的效果。
►它最适合于图像在每一帧中都在变化而不仅是 在舞台上移动的复杂动画。
►在逐帧动画中，Flash会存储每个完整帧的值。 逐帧动画增加文件大小的速度比补间动画快得 多。
第29页
►空白关键帧本身是关键帧，但未包含任何对象，可作 为计划稍后添加的元件的占位符，或者显式将该帧保 留为空。
►属性关键帧是在补间范围中为补间目标对象显式定义 属性值的帧。Flash能补间，即自动填充属性关键帧之 间的属性值，以便生成流畅的动画。
►补间帧是作为补间动画的一部分的任何帧。 ►静态帧是不作为补间动画的一部分的任何帧。
Poser
►Metacreations公司推出的一款三维动物、人体造型和三维 人体动画制作软件。
►利用Poser进行角色创作的过程较简单，内置了丰富的模型。
Cool 3D
►Ulead公司出品的三维动画制作软件。 ►其拥有强大方便的图形和标题设计工具，丰富的动画特效，
整合的输出功能可以输出静态图像、动画、视频或Flash格 式。
绘
• “查看”区域包含在应用程序窗口内进行缩放和 平移的工具。
图
• “颜色”区域包含用于笔触颜色和填充颜色的功 能键。
工 具
• “选项”区域包含用于当前所选工具的功能键。 功能键影响工具的上色或编辑操作。
第17页
Flash工作界面
时间轴
►Flash CS6的时间轴用于组织和控制一定时间内的图 层和帧中的文档内容。
第23页
Flash工作界面
“颜色”面板
►使用“颜色”面板可 以修改FLA的调色板 并更改笔触和填充的 颜色。
第24页
Flash工作界面
“库”面板
►“库”面板是存储和组织在 Flash中创建的各种元件的 地方，它还用于存储和组织 导入的文件，包括位图图形、 声音文件和视频剪辑。
►使用“库”面板可以组织文 件夹中的库项目，查看项目 在文档中使用的频率，并按 类型对项目进行排序。
第9页
动画的文件格式
GIF文件格式(.gif)
►GIF是Graphics Interchange Format的缩写，是由 Campu Serve公司开发的点阵式图像文件格式，采用 LZW压缩算法，可以有效降低文件大小同时保持图像 的色彩信息。
►这种文件格式支持256色的图像。许多图像处理软件都 具备处理GIF文件的能力。
►二维动画处理软件，用于加工和处理帧动画。 ►它提供了多种高级动画工具和特效来加速工作流程。
Flash
►Adobe公司的交互动画制作工具，在网页制作中广泛 应用。
►Flash支持动画、声音及交互功能，具有强大的多媒体 编辑能力，可直接生成主页代码。
►Flash动画是目前最流行的二维动画。
第7页
常见的动画制作软件
►具有方便高效的工作界面，可快速、高质量生成图像， 是专业动画设计师的重要工具，被广泛应用于娱乐和 影视制作领域 MAX
►Autodesk公司开发的三维物体建模和动画制作软件，具有 强大、完美的三维建模功能。是当今世界上最流行的三维 建模、动画制作及渲染软件之一，被广泛用于角色动画、 室内效果图、游戏开发、虚拟现实等领域。
计算机动画是采用连续播放静止图像的方法产生景物运动 的效果，人们使用计算机手段产生图形、图像的运动，由 计算机生成一系列连续的图像画面并能进行动态实时播放。
本质上讲，计算机动画的原理与传统动画基本相同。 由于采用数字信息处理方式，动画的运动效果、画面色调、
纹理、光影效果等处理操作，可以在专业动画制作软件中 非常方便的改变、调整，输出方式也更加的丰富多彩。
第12页
动画的文件格式
AVI格式
►AVI英文全称为Audio Video Interleaved，即音频视 频交错格式，是将语音和影像同步组合在一起的文件 格式。
►它对视频文件采用了一种有损压缩方式，压缩比较高， 尽管画面质量不是太好，但其应用范围仍然非常广泛。 AVI支持256色和RLE压缩。
►播放头指示当前在舞台中显示的帧，播放文档时，播 放头从左向右通过时间轴。
►在时间轴底部显示的时间轴状态指示所选的帧编号、 当前帧速率以及到当前帧为止的运行时间。
第19页
Flash工作界面
在时间轴上，帧有关键帧、空白关键帧、属性关 键帧、补间帧、静态帧等几种。
►关键帧决定动画的进行方式，其中的元件实例显示在 时间轴中。
菜单栏 面板集
舞台
“时间轴” 面板
“属性”面板 工具箱
第16页
Flash工作界面
“工具”面板
►Flash CS6“工具”面板中的工具可以 工
绘图、上色、选择和修改插图，并可以 具
更改舞台的视图。 ►单击“工具”面板右上角的 和
面
，板
可以实现“工具”面板的折叠和展开。
►“工具”面板分为四个部分：
• “工具”区域包含绘图、上色和选择工具。
►FLIC是FLC和FLI的通称，其中，FLI是最初基于 320×200分辨率的动画文件格式，而FLC是FLI的扩展 格式，采用了更高效的数据压缩技术，其分辨率也不 再局限于320×200。
►FLIC文件采用行程编码(RLE)算法和Delta算法进行无 损数据压缩。
►它被广泛用于动画图形中的动画序列、计算机辅助设 计和计算机游戏应用程序。
第11页
动画的文件格式
SWF文件格式(.swf)
►SWF是Micromedia公司的动画制作软件Flash的矢量 动画格式。
►它采用曲线方程描述其内容，不是由点阵组成内容， 因此这种格式的动画在缩放时不会失真，非常适合描 述由几何图形组成的动画，如教学演示等。
►由于这种格式的动画可以与HTML文件充分结合，并能 添加MP3音乐，因此被广泛地应用于网页上，成为一 种“准”流式媒体文件。
本章介绍有关计算机动画制作的基础知识及相关的动 画制作软件，主要内容包括动画制作工作原理、类型、 常用的动画文件格式、二维动画制作软件Flash。
第1页
本章的学习目标
理解动画的基本知识 熟练掌握Flash常用面板基本操作 理解Flash二维动画制作步骤 熟练掌握逐帧动画、补间动画、形状补间
第5页
计算机动画的分类
可以依据不同方面对计算机动画进行分类:
►依据动作的的表现形式可分为接近自然动作的“完善动 画”(动画电视)和采用简化、夸张的“局限动画”(幻灯片 动画)。
►依据空间的视觉效果上可分为二维动画和三维动画。 ►依据播放效果上可分为顺序动画(连续动作)和交互式动画
(反复动作)。 ►依据每秒放的幅数可分为全动画(每秒24帧)和半动画(少于
动画的类型
补间动画
►补间是通过为一个帧中的对象属性指定一个值 并为另一个帧中的该相同属性指定另一个值创 建的动画。
►Flash会为所创建的属性关键帧之间的帧中的 每个属性内插属性值，只有指定的属性关键帧 的值存储在FLA文件和发布的SWF文件中。
第21页
Flash工作界面
场景
►场景是在创建Flash文档时放置图形内容的矩形区域。 利用缩放工具，可以更改场景视图的大小。若要在场 景上绘制图形，可以使用网格、辅助线和标尺。
第22页
Flash工作界面
属性
►使用“属性”面板可以 轻松访问场景或时间轴 上当前选中内容的最常 用的属性，可以显示当 前文档、文本、元件、 形状、位图、视频、组、 帧或工具的信息和设置， 更改对象或文档的属性。
第25页
Flash工作界面
“对齐”面板
►利用“对齐”面板能够沿水平或垂 直轴对齐所选对象。
►可以沿选定对象的右边缘、中心或 左边缘垂直对齐对象，或者沿选定 对象的上边缘、中心或下边缘水平 对齐对象。
►还可以沿选定对象的顶部、底部、 垂直居中垂直分布对象或沿选定对 象的左侧、水平局右、左侧水平分 布对象。
►时间轴的主要组件是图层、帧和播放头。
第18页
Flash工作界面
时间轴
►时间轴左侧为图层列表区，使用图层列表区的控件可 以隐藏、显示、锁定或解锁图层，并能将图层内容显 示为轮廓。
►图层列表右边是动画帧编辑区。帧是组成动画的最基 本的元素，制作动画的大部分操作都是针对帧的操作。 时间轴顶部的时间轴标题指示帧编号，在时间轴中放 置帧的顺序将决定帧内对象在最终内容中的显示顺序。
Maya
►美国Autodesk公司出品的三维动画制作软件。 ►Maya集成了最先进的动画及数字效果技术，功能完善，
工作灵活，易学易用，制作效率极高，渲染真实感极 强，被广泛应用于专业影视广告、角色动画、电影特 技等领域。
SoftImage 3D
►Softimage公司出品的三维动画软件，综合运行于SGI 工作站和Windows NT平台。
第7章 计算机动画制作技术 概述
动画具有表现力丰富、直观、易于理解、风趣幽默、 引人入胜等特点，是构成多媒体的重要内容之一，在 多媒体作品中最吸引人，最容易给作品“添色”。
计算机动画是在传统动画的基础上，采用计算机图形、 图像技术而迅速发展起来的一门新技术。计算机动画 广泛应用于科学研究、影视作品制作、电子游戏、网 页制作、多媒体课件、工业设计、军事仿真、建筑设 计等诸多领域。
►GIF文件支持动画和透明，被广泛应用在网页中。 ►需要强调的是GIF文件格式无法存储声音信息，只能形
成“无声动画”。
第10页
动画的文件格式
FLIC文件格式(.fli/.flc)
►FLIC文件格式是Autodesk公司在出品的Autodesk Animator / Animator Pro / 3D Studio等2D/3D动画制 作软件中采用的彩色动画文件格式。
►还可以匹配选择对象的高度、宽度 以及水平平均间隔和垂直平均间隔。
第26页
Flash动画制作过程
要创建Flash动画一般设计步骤如下：
►计划Flash动画 ►收集素材 ►制作动画 ►调试动画 ►测试动画 ►发布动画
第27页
动画的类型
逐帧动画 补间动画 传统补间 反向运动 补间形状
第28页
动画、引导路径动画和遮罩动画制作 熟练掌握元件的创建及使用 熟练掌握Flash动画中声音的应用 掌握使用ActionScript实现交互动画
第2页
主要内容
7.1 计算机动画基本知识 7.2 Flash概述 7.3 Flash文档的基本操作 7.4 Flash CS6图形绘制基
础
7.5 在Flash中编辑文本 7.6 时间轴与帧的概念 7.7 逐帧动画效果 7.8 动作补间动画效果 7.9 形状补间动画效果
►AVI信息主要应用在多媒体光盘上，用来保存电视、电 影等各种影像信息。
第13页
7.2 认识Flash CS6
Flash CS6的开始界面 Flash工作界面
第14页
Flash CS6默认的开始页面
模板区域
最近打开 的项目
“时间轴” 面板
欢迎屏幕
新建文档 学习区域
第15页
Flash CS6的工作界面
24帧)。 ►依据运动的控制方式可分为实时(Real-Time)动画和逐帧动
画(Frame-by-Frame)。实时动画也称为算法动画，是用算 法来实现物体的运动。逐帧动画也称为帧动画或关键帧动 画，是通过一帧一帧显示动画的图像序列而实现运动的效 果。
第6页
常见的动画制作软件
Anime Studio Pro
第20页
Flash工作界面
时间轴
►单击时间轴右上角按钮，显示如图所示菜单。 ►选择“很小”、“小”、“正常”、“中”或“大”
更改帧单元格的宽度，“大”帧宽度设置对于查看声 音波形的详细情况很有用。 ►选择“较短”减小帧单元格行的高度。 ►选择“彩色显示帧”打开或关闭用彩色显示帧顺序。 ►选择“预览”显示每个帧的内容缩略图。
7.10 高级动画制作 7.11 Flash中的声音
和视频 7.12 Flash的交互设 计 7.13 本 章 小 结
第3页
7.1 计算机动画基本知识
计算机动画的工作原理 计算机动画的分类 常见的动画制作软件 动画的文件格式
第4页
计算机动画的工作原理
动画是通过把人、物的表情、动作、变化等分段画成许多 画幅，再用摄影机连续拍摄成一系列画面，给视觉造成连 续变化的图画。医学已证明，人类具有“视觉暂留”的特 性，就是说人的眼睛看到一幅画或一个物体后，在1/24秒 内不会消失。利用这一原理，在一幅画还没有消失前播放 出下一幅画，就会给人造成一种流畅的视觉变化效果。