第5章 计算机动画与视频处理技术

9
5.2.1 计算机动画类型
1.从动画生成机制划分
实时生成动画：一种矢量动画。 文件存储的是一系列计算机指令，而不是动画画面。 指令记录每个活动对象的特征，以及这些对象的位置、形 态与时间的对应关系。 帧动画：由一幅幅在内容上连续的画面组成，采用视频的播 放机制而形成的动画 。 占用较大的存储空间，但不需要大量的实时生成指令运 算，对计算机性能要求不高。
多媒体技术
信息科学技术学院·曹晓兰
25
5.3.3 Flash制作 例5-1
利用Flash的画笔工具进行简单鼠标 绘图，熟悉文件的建立和保存、文字输 入、图形绘制和图形元件与库的应用 。 步骤： 1、建立新文档，属性设置如下：
多媒体技术
信息科学技术学院·曹晓兰
26
例5-1 2、创建“月亮”图形元件。 菜单栏【插入】→【新建元件】，命名为“月 亮”，选择【图形】元件，进入元件编辑区。 选择工具箱中的“椭圆工具” ，按下Shift键， 在场景中央绘制满圆图形。 单击【文件】→【另存为】命令，将将元件存入 库文件夹中。
多媒体技术
信息科学技术学院·曹晓兰
28
例5-1 5、保存文件。 保存为*.fla：菜单栏【文件】→【保存】 （Ctrl+S）或【文件】→【另存为】 保存为*.swf：菜单栏【文件】→【导出】→【导 出影片】，选择swf格式。
多媒体技术
信息科学技术学院·曹晓兰
29
例5-2 制作一个具有放大镜效果的遮罩动画，熟悉图层及其遮 罩作用、帧的建立和应用等。 1、制作文字层。 新建文件，第一 个图层命名为“文 字”；输入文字 “Flash”，属性设 置如图。 在第35帧插入普 通帧。
15
多媒体技术
信息科学技术学院·曹晓兰
动画制作软件
Flash
ImageReady Gif Animator Ulead Cool 3D
网页动画软件。可绘制帧、矢量动画，可 添加声音。输出SWF格式文件。
平面动画处理软件，加工帧动画。输出GIF 格式文件。 平面动画制作软件。用于制作帧动画，输 出GIF格式文件。 三维文字动画软件。可制作帧动画、视频
多媒体技术
信息科学技术学院·曹晓兰
33
例5-2
5、创建遮罩层。 画一个圆形，新建一个图形元件 “ball”。圆形颜色设置如图，大小可 以遮住“大字”层中的单个字符而又小 于放大镜的镜头。 新建一个图层“遮罩圆”，将元件 “ball”拖入场景，并与放大镜重合。
多媒体技术
信息科学技术学院·曹晓兰
34
例5-2
多媒体技术
信息科学技术学院·曹晓兰
10
2.从画面透视效果划分
二维动画：平面动画。 动画构图简单，通常由线条、矩形、圆弧及样条曲线等基本 图元构成，使用大面积着色。 三维动画：3D动画。 采用计算机技术模拟真实的三维空间，建立对象的矢量模型 及场景，并设定模型运动轨迹、虚拟摄影机的运动和其它动画参 数，然后为模型赋上材质、颜色，打上灯光，最后计算机运算， 生成画面。 有真实的光照效果和材质感。
Multimedia Technology
多媒体技术
5.1计算机动态视觉媒体 5.2 计算机动画的基础 5.2.1 计算机动画的类型 5.2.2 计算机动画应用领域 5.2.3 动画文件格式及制作 软件 5.3 动画软件Flash 5.3.1 Flash的功能和界面 5.3.2 Flash中几个基本概念 5.3.3 Flash动画制作 5.4 动画制作软件ImageReady 5.4.1 ImageReady介绍

多媒体技术
信息科学技术学院·曹晓兰
5
2.动态视频文件特点
•由多个画面（帧）组成，且画面具有 时间上的连续性和延续性。 •画面内容存在差异，又有相关性。 •具有强烈的实时性。
•数据量非常大，通常采用压缩代码存 储。
多媒体技术
信息科学技术学院·曹晓兰
6
3.技术参数

帧速度。 一般动画为12-24帧/秒； NTSC电视制式是30帧/秒； PAL电视制式是25帧/秒。 数据量：与播放时间、画面几何尺寸、颜色数量和 采用的压缩算法等因素有关。 图像质量：位图颜色与分辨率有关，过分的数据压 缩将影响图像质量。


多媒体技术
信息科学技术学院·曹晓兰
7
4.动画与视频的异同
动 画
图像帧主要由人工绘制或计算机图像软件产生，用 人工合成的方式形成。
视 频 图像是实时获取的自然景物，是视频信号源（电 视、录像等）经数字化后产生的，是对真实世界的记 录。
多媒体技术
信息科学技术学院·曹晓兰
8
多媒体技术
信息科学技术学院·曹晓兰
信息科学技术学院·曹晓兰
35
多媒体技术
信息科学技术学院·曹晓兰
多媒体技术
信息科学技术学院·曹晓兰
13
5.2.2 计算机动画的应用领域
（1）广告、电影特技领域。 （2）工程建筑领域。 （3）教学演示领域。 （4）产品模拟试验领域。 （5）虚拟现实领域。
Biblioteka Baidu
多媒体技术
信息科学技术学院·曹晓兰
14
5.2.3 动画文件格式及制作软件
GIF格式 • 由多幅GIF图像组成动画的“帧”； • 数据量小，支持透明背景，不支持声音； • 广泛用于Internet网。 FLIC格式 • Autodesk公司开发，扩展名为FLI或FLC； • 画面尺寸随意、数据量小、实时性好、动画演播平 稳；不支持同步声音。 SWF格式 • Flash软件产生，使用矢量图形和流式播放技术， 适于网络传输； • 可记录矢量动画、帧动画和声音，支持交互功能， 提供透明技术和物体变形技术。
18
Flash界面
多媒体技术
信息科学技术学院·曹晓兰
19
1.工具栏
多媒体技术
信息科学技术学院·曹晓兰
20
2. 图层区
用于对动画中的各个图层进行管理， 如图层的新建、命名和锁定等操作。
3. 时间轴
用于创建动画和控制动画的播放等操作。 动画的时间就是通过时间轴上的帧来体 现，帧以其在时间轴上出现的次序从左到右 依次水平排列。
3ds max
Maya Poser
多媒体技术
信息科学技术学院·曹晓兰
三维动画制作软件。
三维动画制作软件。 用于人体建模，常配合其他软件来实现真 实的人体动画制作。
16
多媒体技术
信息科学技术学院·曹晓兰
17
5.2.1 Flash的功能和界面 Flash功能
可绘制矢量图形、编辑文本、创作动画以及应用程
多媒体技术
信息科学技术学院·曹晓兰
21
4.场景
是设计者直接绘制帧图或从外部导入图形 之后进行编辑处理形成单独帧图的场所，也是 把单独的帧图合成动画的场所。
5.常用面板
通过菜单【窗口】中的命令打开或关闭。 包括了属性面板、动作面板、混色器面板等， 用于设置舞台中图形对象的属性。
多媒体技术
信息科学技术学院·曹晓兰
22
5.3.2 Flash中几个基本概念
1.图层
与Photoshop的图层比较： 相同：像一张透明的纸，每一个图层之间 相互独立，修改某一图层时，不会影响到 其他图层上的对象。 不同： Flash图层带有自己的时间轴，包 含自己独立的帧。 图层分引导层、普通层、被引层、遮 罩层、被遮罩层和文件夹6种； 可建立图层文件夹进行管理 。
多媒体技术
信息科学技术学院·曹晓兰 23
2.帧 动画中最基本单位。每一帧都包含 需要显示的所有内容，如图形图像、 声音、各种素材和其他对象等。
分类： 关键帧：有关键内容的帧，定义动画变化、更改状态。 可作为动画的起点和终点，图形、声音、文字只能 放到到关键帧里。 空白关键帧：没有实例对象的关键帧，用于需要实例对 象消失的时候。 普通延伸帧：在时间轴上能显示实例对象，但不能对实 例对象进行编辑操作的帧。
多媒体技术
信息科学技术学院·曹晓兰
3
1．动态视觉媒体产生原理 人眼看影像时，即使所看到的影像消失了，仍能继续 保留其影像0.1-0.4秒左右的时间，这就是“视觉暂留” 性质。 当多幅连续图像被快速播放时，由于人眼的视觉暂留 性质，使得画面产生运动的效果。
多媒体技术
信息科学技术学院·曹晓兰
4
说明：
序。 可以导入位图、视频和声音信息。 支持编程，可以制作交互性很强的动画和应用程序。 既可以创作帧动画也可以创作矢量动画，但其主要 应用于矢量动画的制作。 源文件以“*.fla”为扩展名，动画制作好后，可以 发布为“*.swf”、“*.exe”或html文件。
多媒体技术
信息科学技术学院·曹晓兰
多媒体技术
信息科学技术学院·曹晓兰
27
例5-1 3、创建“树叶”图形元件。 进入元件编辑区，用线条工具 绘制直线，变形， 形成树叶形状，建立“树叶”图形元件。 填充颜色，复制树叶，制作树枝。 4、插入文字。 回到场景中，按Ctrl+L键打开库面板，把“月 亮”、“树叶”元件拉到场景，并放到适当的位置。 新建一个图层，用文字工具在舞台的左下方写上 “静静的夜”，填充色为彩色 。
多媒体技术
信息科学技术学院·曹晓兰 24
3.元件与库 元件是动画中可以反复使用的某一个部件。

图形元件：用于创建可反复使用的图形。 影片剪辑元件：一段可独立播放的动画，是主动画的一个 组成部分。

按钮元件：用于创建动画的交互控制按键，完成一系列鼠 标事件的操作，如单击等。
库主要是用于存放和管理动画中可重复使用的元件、 位图、声音和视频文件等，利用库对这些资源进行管理
多媒体技术
信息科学技术学院·曹晓兰 30
例5-2 2、制作“放大镜”图层。 新建“放大镜”元件，在元件编辑区用椭圆工具和 矩形工具画一个放大镜，命名为“fdj”。 新建“放大镜”图层，把“fdj”元件拖入场景 。
多媒体技术
信息科学技术学院·曹晓兰
31
例5-2 3、制作“放大镜”运动效果。 选择“放大镜”图层的第1帧，把放大镜移动到字 母“f”上，确定动画的起始位置。 在第35帧上单击鼠标右键，从快捷菜单中选择 【插入关键帧】命令，把放大镜移动到字母“h”上， 确定动画的结束位置。 创建补间动画。在属性面板上，选择【补间】→ 【动画】。
6、创建动画，并保存。 在遮罩圆层第35帧处 插入关键帧，移动元件 “ball”位置，使其与放 大镜重合；在属性面板中 选择【补间】→【动画】， 在第1～35帧之间建立位 移动画。 在“遮罩圆”图层名 称处单击鼠标右键，从快 捷菜单中选择【遮罩层】 命令，将该层设置为“大 字”图层的遮罩层。 多媒体技术
在动态视觉媒体中，一副画面称为一个“帧”，帧 是组成动态视觉媒体的最基本单位。 图像沿时间轴以Δt的间隔排列，当Δt≤视觉暂留 时间，会产生动感。因此，画面更换的速度必须至 少达到大约12帧/秒（一帧就是一幅完整的图像） 一般电影画面采用24帧/秒速度放映，电视画面采用 25帧/秒速度播放。
多媒体技术
信息科学技术学院·曹晓兰
11
3.从画面形成规则和制作方法分
路径动画：让每个对象根据制定的路径进行运动的动画。 运动动画：通过对象的运动与变化产生的动画特效。
变形动画：将两个对象联系起来进行互相转化的一种动画 形式。
多媒体技术
信息科学技术学院·曹晓兰
12
4.从人与动画播放的相互关系分
时序播放动画：按照既定的方案播放，用户不能改变播放 的设定，但可控制动画的播放、暂停、停止、快进、快退 等。 实时交互型动画：动画的显示或播放都是在与用户的实时 交互下进行的，并根据用户的指令给出智能化的反馈。
多媒体技术
信息科学技术学院·曹晓兰
32
例5-2 4、建立大字图层。 新建“大字”图层，输入 字符串“flash”，并调整文 字的大小，使其大于“文字” 图层中的字符，且能被放大镜 的镜头罩住。 在该图层的第35帧插入关 键帧，使大小字符中心对齐， 且放大镜的起始和结束位置分 别将两个图层中的“f”字和 “h”字同时罩住。
5.4.2 GIF动画制作 5.5 视频处理技术 5.5.1 视频分类 5.5.2 视频文件格式及特点 5.5.3 常用视频编辑软件 5.6 Premiere基本操作 5.6.1 软件介绍 5.6.2 编辑环境 5.6.3 视频基本编辑 本章小结 思考与练习
2
动态视觉媒体是多媒体产品中最具有吸引力的素材， 具有表现力丰富、直观、易于理解、吸引注意力等特点， 是高品质的多媒体作品中常常会使用媒体类型。 动态视觉媒体包括动画与视频两大类，二者既有很 多相同点又有区别，本章主要介绍一些关于计算机动画 与视频的基础知识和相关软件的应用。