动画与视频制作技术

● 帧动画模式 ● 使用ACDSee软件可观看动画效果
5.4.2 网页动画编辑软件GIF Construction Set GIF文件包含了不同的数据类型，这些数据类型叫做块（Block） GIF文件由下面这几种块组成： ●文件头块（Header Block）:它定义动画所占区域的大小，并存 有该GIF文件里所有图像的全局调色板 ●循环块(Loop Block):一个GIF文件中最多只能有一个循环块。 如果一个GIF文件含有循环块，必须紧跟在文件头块后面。它用 来定义动画循环的次数。
Block | Overlay：使动画中的一帧始终显示在动画中 并覆盖在其他帧上，而不管其他帧如何变化；也就是 使动画产生不变的前景图和变化的背景图的效果。为 了不使前景图完全覆盖背景图，应在前景图中设置透 明色。 ●预览与修改 (1) 单击 按钮预览单击鼠标右键结束预览
编辑数据块
我们应该对编辑窗口中的文件头块参数和图像块参数进 行修改，使动画演示更符合我们的意愿。 双击文件头块可以打开如下图所示的Edit Header对话框
Edit Header对话框中各个属性的设置：
“Screen”选项组：该选项组用来设定动画显示区域 的大小和背景色。当前背景色由“Backgroud”后面 的色块指示，色块上的数字是该种颜色在当前调色 板上的颜色号。这个背景色不会出现在Web页中， 这个背景将会被Web页的背景色所代替。 “Palette”选项组：用来设置调色板，一般只选 “Global palette” “Loop”选项组：用来设置动画的循环次数，它实际 上是GIF格式里循环块中的参数。“Iterations”数 字框里的数值表示循环次数，如果设为0，则表示 无限次循环。
初步创建GIF动画
动画的制作分为三个阶段：首先，初步创建一个 GIF动画；其次 ，在帧间增加过渡效果；最后，对各个 “块”的参数进行调整。 （1）先用图像处理软件制作几个关键帧图像，然后 按顺序将这些图像插入到新建的动画中； （2）增加帧间的过渡效果：为了使动画更加美观， 应该在帧之间增加一些过渡。增加过渡帧时， GIF Construction Set Professional会自动产生新的过渡帧。新 产生的过渡帧叫做“中间帧”，我们自己制作的帧叫 “关键帧”。具体步骤如下：Edit / Transition，打开 “Transition”对画框，使用“Add”按钮，将第一帧和第 二帧图像导入到对话框中，对其他选项进行设置，完成 后将会弹出一个新的编辑窗口，在这个窗口中，除了原 来的两个关键帧以外，还有6个中间帧。我们可以根据需 要，选择相应的中间帧插入到我们创建动画的相应位置 中。用类似的方法在其他关键帧之间增加过渡效果。
生成avi格式的电影
按次序生成jpeg图片
帧频
教学进程
生成变形动画
● 在生成过程中，依次显示中间画面和图片序列，并自动保存
5.3.5 制作举例 帧数: 20 格式: GIF序列
Demo-1a.bmp (256 color／bmp)
Demo-1b.bmp (256 color／bmp)
教学进程
5.4 制作网页动画 5.4.1 网页动画的特点 ● 采用GIF89a格式，256色 / 96dpi，扩展名“.gif”
5.1 动画基本概念
5.1.1 动画原理
• 动画:就是一幅幅的图形通过连续不断的放映形成的。 因此，构成动画最基本的因素就是变化的图形和与变化 有关的时间。
动画原理
动画的历史发展：
• 1831年，法国人发明了动画。 • 1909年，美国人制作了第一部动画片。 • 1928~1938年，动画片之父Walt Disney制作了 以米老鼠、唐老鸭为形象代表的卡通系列片。 掀起了第一个动画影片制作高潮。 • 20世纪60年代，Bell实验室制作了第一部计算 机动画片。 • 90年代，计算机动画在商业领域取得了巨大 成功。《侏罗纪公园》、《狮子王》等。
但可压缩性很小
● 需要大容量存储介质 ● 动画的应用模式 ● 电脑演示 (多媒体产品、教学课件等) ● 影视产品 (动画片、VCD、专业与家用录象带等)
教学进程
5.3 制作变形动画
5.3.1 变形动画基本概念
● 根据首、尾画面给定的位置、颜色参数进行数学变换 ● 变形动画软件 WinImages: Morph
● 早期的动画 ● 视觉效果
观看动画的机器
教学进程
● 动画的本质
动作的变化是动画的本质 —— 英国动画大师 John Halas
● 传统动画的性质
—— 由多幅画面构成，称为“帧动画”
Frame1
Frame2
Frame3
Frame4
Frame5
Frame6
Frame7
● 传统动画分类
(1) 全动画 ——为追求画面完美和动作流畅，按照24帧／s制作动画 (2) 半动画 ——又名“有限动画”。为追求经济效益，6帧／s的动画
● 加工原则 —— 首、尾画面的颜色接近、尺寸一致、轮廓近似 ● 文件格式 —— 首、尾画面的彩色模式统一、文件格式一致
开始新建一个变形动画时，该软件就会让你选择首尾画 面，你只要找到首、尾画面，然后调入既可。
5.3.3 设定变形参考点
● [操作步骤]
(1) 鼠标左键单击首画面 产生பைடு நூலகம்形参考点
尾画面自动产生
第 5 章 动画制作技术
5.1 动画基本概念
■ 动画原理 ■ 首、尾画面的加工与调入
■ 设定变形参考点
■ 生成变形动画
■ 电脑动画基本概念
5.2 制作平面动画
■ 画面绘制 ■ 增加质感
5.4 制作网页动画
■ 网页动画编辑软件 ■ FLASH软件简介 ■ 绘制动画 ■ 制作帧动画 ■ 制作自动动画 ■ 为动画添加声音H
教学进程
●图像块（Image Block）：GIF文件中可以有多个图像块。 每个图像块都包含一个动画帧图像，以及与这个帧的显 示特性有关的信息。 ●控制块（Control Block）：控制块位于图像块之前，它 可以告诉浏览器如何显示由该控制块控制的图像。控制 块包含与之相应的图像的透明、延迟等信息。 ●注释块（Comment Block）：注释块用来存储文本。注 释块中的文本不会显示在GIF动画中，但通过通过一些 应用程序能看到注释块中的文本。它可以用来为图像进 行注释或进行版权声明。 在GIF Construction Set Professional中将文件头块和循环 块合并成一个块，叫文件头块。类似的，也把图像块和 控制块合并起来叫做图像块。
● 基本功能 (1) 根据首、尾画面中设定的变形点进行有序变换 (2) 以多种格式保存 (FLC、GIF、BMP、图片序列等)
frame1
frame2
frame3
frame4
变形效果
教学进程
5.3.2 启动与界面 ● 调入首、尾画面
首画面 尾画面 放大镜
首尾画面 的参照点
变形画面
教学进程
首、尾画面的加工与调入
Edit Image 对话框中各个属性或参数的设置
双击编辑窗口中的任何一个图像块，打开“Edit Image”对话框： “Image left”和“Image top”：表示图像块中的图像与动画显示 区左边界和上边界的距离，单位为像素。 “Interlaced”：表示交错显示。一般Web浏览器只支持静态 GIF(单帧)的交错显示特性，而不支持动画GIF的交错显示特性， 因此在制作Web动画时可以不考虑它。 必须选中“Control block”复选框，“Control”选项组的其他选项 才能设置。 “Transparent colour”：设置图像的透明色。一幅图像只允许选 择一种颜色作为透明色。 “Delay”：设置图像延迟时间，即它显示多它时间后为下一幅图 像所覆盖，时间的单位是1/100秒。 “Remove by”：Web浏览器一般只支持“Nothing”和 “Background”两个选项。前者表示动画中的前一帧直接被后一 帧所覆盖；后者表示前一帧在被后一帧覆盖之前，先用背景色刷 新动画显示区，然后才被后一帧覆盖。
● 电脑动画的特点
● 所有动画必须经过电脑的运算和处理
网页格式
标准格式
● 电脑软件是动画制作的必要条件，并提供自动动画功能
● 电脑动画以文件形式保存，采用国际标准的FLC和GIF89a格式
教学进程
5.1.4 动画文件
● 动画文件的种类与格式 ● 标准动画文件——FLI格式 (画面320×200) 、FLC格式 ● 矢量动画文件——各类算法语言独有的格式 ● 网页动画文件——GIF 89a格式 (画面尺寸随显示模式而定) ● 动画文件的保存 ● 动画文件数据量大， Hard Disk CD-R Floppy
对应的 (2) 光标对准尾画面 用鼠标右键拖曳 该点移动，调整 位置
● [规律]
(1) 先沿图形边缘设定，再设定图形内部 (2) 变形参考点数量越多，变形越准确 (3) 变形路径不得交叉，否则变形混乱
教学进程
5.3.4 选择文件输出格式
● [操作步骤] ● 选择“Edit／Produce Animation”菜单
Frame3
Frame4
Frame5
Frame6
Frame7
Frame8
教学进程
5.1.3 电脑动画基本概念
● 电脑动画的种类 ● 帧动画 —— 模拟以帧为基本单位的传统动画，占动画产品的98% ● 平面动画——以传统平面绘画为基础的动画 ● 颜色动画 —— 形成颜色流动效果的动画 ● 变形动画 —— 主体变形效果的动画 ● 矢量动画 —— 经过电脑运算而确定的运行轨迹和形状的动画 ● 空间动画 —— 形成三维造型并进行空间运动的动画
菜单命令
File | Supercompress：该命令用来对动画GIF进行压缩。 注意：使用该菜单命令压缩后的GIF文件数据量不一定就小 于压缩之前的数据量，因为GIF格式本身采用了行程编码方 式进行压缩，而该命令中的压缩方法可能会降低行程编码的 压缩率，从而使采用该命令压缩的GIF文件数据量反而大于 压缩前的数据量。 Edit | Banner：该命令用来创建动态或静态的标语。打开 “Banner”对话框，该对话框有 8个选项卡，每个选项卡可 以设置一种标语，如“浮雕式（Embossed）”标语，“发 光式（Glow）”标语等。如果选中“Compress palette”复选 框，则去掉调色板中实际未使用到的颜色，从而实现对调色 板的压缩。 Edit | Button：用来方便的生成具有立体效果的按钮。生成 的按钮只是一幅静态GIF图像，而不是GIF动画。
Edit | LED Signs：用来生成LED（发光二极管）标语， 类似于火车站或飞机场上的真正LED标语。颜色代码 包括：@R(红色)、@G(绿色)、@B(蓝色)、@C(青色)、 @M(品红色)、@Y(黄色)、@W(白色)。 Edit | Spin：该命令可以使一幅静止图像按顺时针方向 或逆时针方向旋转起来形成一个动画。 Block | Colour and Balance：该命令用来对整个动画进 行色调、亮度和对比度的统一调整。 Block | Extract：用来把动画中的一些块导出形成一个 新的图像文件或动画。 Block | Filp and Rotate：用来对动画中的帧图像进行旋 转或翻转。 Block | Reconstruct：把压缩后的动画还原成原来的动 画。
■ 绘制动画
■ 自动动画
■ 剪贴板操作 ■ 保存动画
5.3 制作变形动画
■ 变形动画基本概念
■ 选择文件输出格式 ■ 设置文件输出参数
5.6 视频处理技术
5.6.1 视频的基本概念
5.6.2 视频处理软件Premiere 5.6.3 视频编辑功能 ■ 视频剪辑 ■ 视频与音频的同步
■ 为视频配音
5.6.4保存文件 5.6.5 退出Premiere
GIF Construction Set Professional窗口
• GIF Construction Set Professional窗口看上去很简单。工 具栏上各工具含义如下：
查看当前动画 打开文件 插入块
选择块
管理块
显示帮助文件
退出
打开文件
删除块
显示指南文件
动画创建向导
取消选择块
设置选项
教学进程
5.1.2 动画时间与节奏的掌握
● 动画的时间特性
(1) 动作的发展按照时间发生的顺序进行 (2) 与自然现象一致的运动节奏 (3) 遵守自然规律，可有限的夸张 t
● 动画的节奏掌握
(1) 利用各帧之间的位置差控制动画节奏
(2) 自然规律和有限的夸张是动作节奏的依据
Frame1
Frame2