多媒体艺术基础及应用第七章动画基础与制作第七章 动画基础与制作 —— Flash Mx
本章介绍了计算机动画的制作原理,
类别,特点及相应的制作过程 。 并通过实例讲解了常用的位图动画和矢量动画的制作软件的特点,功能和基本操作 。
多媒体艺术基础及应用第七章动画基础与制作本 章 结 构
7.1 动画技术基础
7.2 GIF动画制作
7.3 Flash动画的制作多媒体艺术基础及应用第七章动画基础与制作
7.1 动画技术基础
7.1.1 计算机动画的原理
7.1.2 计算机动画的种类及其特点多媒体艺术基础及应用第七章动画基础与制作
7.1 动画技术基础
7.1.1 计算机动画的原理视觉残像 —— 图像经过人的眼睛传送到大脑中大约需要 1/16秒的时间，因而只要两幅图像的时间差距在 1/16秒以内，人眼就感觉不到停顿，而认为图像是连续的。
多媒体艺术基础及应用第七章动画基础与制作
根据制作方法和表现方式
二维动画
三维动画
根据制作方式
逐帧动画
关键帧动画
根据存储方式
位图动画
矢量动画
7.1.2 计算机动画的种类及其特点多媒体艺术基础及应用第七章动画基础与制作
7.2 GIF动画制作
7.2.1 GIF动画制作工具
7.2.2 GIF动画的制作和输出
7.2.3 示例多媒体艺术基础及应用第七章动画基础与制作
7.2 GIF动画制作
7.2.1 GIF动画制作工具
Ulead GIF Animator
GIF Movie Gear
Image Ready
多媒体艺术基础及应用第七章动画基础与制作
7.2.2 GIF动画的制作和输出
通过优化使文件变得很小多媒体艺术基础及应用第七章动画基础与制作
运行 Ulead GIF Animator
单击“动画向导”
为动画选择一个大小
把素材加入到动画
设定动画的速度
选择工具编辑修改动画的帧
优化
保存输出
7.2.3 示例多媒体艺术基础及应用第七章动画基础与制作
7.3 Flash动画的制作
7.3.1 Flash动画相对于 GIF动画的优势
7.3.2 Flash的安装和启动
7.3.3 简单动画的创建
7.3.4 绘图工具的使用
7.3.5 元件和场景的使用
7.3.6 时间轴的使用
7.3.7 补间动画
7.3.8 图层的使用
7.3.9 声音的使用
7.3.10 利用脚本控制动画流程多媒体艺术基础及应用第七章动画基础与制作
7.3 Flash动画的制作
7.3.1 Flash动画相对于 GIF动画的优势
文件大小要比 GIF动画小的多
输出动画图像为真彩色
支持声音，支持复杂的交互内容
流媒体技术使动画可以边下载边观看
ActionScript脚本功能强大多媒体艺术基础及应用第七章动画基础与制作
7.3.2 Flash的安装和启动多媒体艺术基础及应用第七章动画基础与制作
7.3.3 简单动画的创建
Flash MX的主界面多媒体艺术基础及应用第七章动画基础与制作
示例一,逐帧的圆球运动动画
建立新的 Flash文件
从第一帧到第十帧，在每一帧上都建立关键帧，画出圆球
7.3.3 简单动画的创建－示例多媒体艺术基础及应用第七章动画基础与制作
示例二,采用补间方式制作运动小球
在第一帧上绘制圆球，并放到适当的位置
将圆球转化为元件
在第十帧建立关键帧，调整圆球的位置
生成补间动画
7.3.3 简单动画的创建－示例多媒体艺术基础及应用第七章动画基础与制作
7.3.4 绘图工具的使用
Flash中绘图工具的特性
当绘制的线条穿过别的线条或图形时，它会像刀一样把其他的线条或图形切割成不同的部分，同时，线条本身也会被其他线条和图形分成若干部分多媒体艺术基础及应用第七章动画基础与制作
当新绘制的图形与原来的图形重叠时，新的图形将取代下面的被覆盖部分，用鼠标工具分开后原来的被覆盖部分就消失了多媒体艺术基础及应用第七章动画基础与制作
边线是独立的对象，可以进行单独操作。
比如在绘制圆形或者矩形时，默认情况就有边线，用鼠标工具可以把两者分开多媒体艺术基础及应用第七章动画基础与制作
Flash的绘图工具
选取工具，用于选定操作的范围
绘画工具，可以在舞台上绘制所需的图形
文字工具，用于书写文字
涂色工具，用于填充颜色，或者调整渐变颜色的角度
变形工具，用于对图形进行变形操作
擦除工具，用于擦除多余的部分
查看工具，用于更改查看的比例
7.3.4 绘图工具的使用多媒体艺术基础及应用第七章动画基础与制作多媒体艺术基础及应用第七章动画基础与制作
示例三,制作一个带有立体感的球体
设定椭圆工具，使其边线和填充部分为所需要的形式
用填充变形工具移动渐变颜色的中心
用填充变形工具调整渐变的范围
调整渐变的颜色条
7.3.4 绘图工具的使用－示例多媒体艺术基础及应用第七章动画基础与制作
元件就是使用绘图工具创建的可重复使用的图形，创建好的元件都存放在库中，每一个 Flash文件都有一个属于它自己的库。
各种元件在场景中组成动画
7.3.5 元件和场景的使用多媒体艺术基础及应用第七章动画基础与制作
示例四,修改前面,移动的圆形,动画,
将圆形制作成立体球的形状
变化实例,看是否影响元件
变化元件,更改为立体球,看是否影响实例
7.3.5 元件和场景的使用－示例多媒体艺术基础及应用第七章动画基础与制作
7.3.6 时间轴的使用
空白帧
空白关键帧
关键帧
帧区域设置图标
补间动画
逐帧动画
有问题的动画多媒体艺术基础及应用第七章动画基础与制作
大小
位置
角度
形状
颜色
透明度
7.3.7 补间动画多媒体艺术基础及应用第七章动画基础与制作
示例五,将圆球动画设定为角度,形状大小都发生变化的图形
在属性面板中设置补间动画为角度变化
在属性面板中允许缩放,改变开始帧的大小
7.3.7 补间动画－示例多媒体艺术基础及应用第七章动画基础与制作
图层设计方法是一种平面叠层动画设计方法，每一个图层具有自己的时间线和一系列的帧，各图层可以独立地进行编辑操作，
互不影响，这样就可以在不同的图层上设置不同的动画效果
7.3.8 图层的使用多媒体艺术基础及应用第七章动画基础与制作
7.3.9 声音的使用
示例,为动画配音
导入声音文件
将声音加入到时间线上多媒体艺术基础及应用第七章动画基础与制作
7.3.10 利用脚本控制动画流程
示例,利用脚本控制动画流程
定位到最后一帧
在动作面板中加入脚本
本章介绍了计算机动画的制作原理,
类别,特点及相应的制作过程 。 并通过实例讲解了常用的位图动画和矢量动画的制作软件的特点,功能和基本操作 。
多媒体艺术基础及应用第七章动画基础与制作本 章 结 构
7.1 动画技术基础
7.2 GIF动画制作
7.3 Flash动画的制作多媒体艺术基础及应用第七章动画基础与制作
7.1 动画技术基础
7.1.1 计算机动画的原理
7.1.2 计算机动画的种类及其特点多媒体艺术基础及应用第七章动画基础与制作
7.1 动画技术基础
7.1.1 计算机动画的原理视觉残像 —— 图像经过人的眼睛传送到大脑中大约需要 1/16秒的时间，因而只要两幅图像的时间差距在 1/16秒以内，人眼就感觉不到停顿，而认为图像是连续的。
多媒体艺术基础及应用第七章动画基础与制作
根据制作方法和表现方式
二维动画
三维动画
根据制作方式
逐帧动画
关键帧动画
根据存储方式
位图动画
矢量动画
7.1.2 计算机动画的种类及其特点多媒体艺术基础及应用第七章动画基础与制作
7.2 GIF动画制作
7.2.1 GIF动画制作工具
7.2.2 GIF动画的制作和输出
7.2.3 示例多媒体艺术基础及应用第七章动画基础与制作
7.2 GIF动画制作
7.2.1 GIF动画制作工具
Ulead GIF Animator
GIF Movie Gear
Image Ready
多媒体艺术基础及应用第七章动画基础与制作
7.2.2 GIF动画的制作和输出
通过优化使文件变得很小多媒体艺术基础及应用第七章动画基础与制作
运行 Ulead GIF Animator
单击“动画向导”
为动画选择一个大小
把素材加入到动画
设定动画的速度
选择工具编辑修改动画的帧
优化
保存输出
7.2.3 示例多媒体艺术基础及应用第七章动画基础与制作
7.3 Flash动画的制作
7.3.1 Flash动画相对于 GIF动画的优势
7.3.2 Flash的安装和启动
7.3.3 简单动画的创建
7.3.4 绘图工具的使用
7.3.5 元件和场景的使用
7.3.6 时间轴的使用
7.3.7 补间动画
7.3.8 图层的使用
7.3.9 声音的使用
7.3.10 利用脚本控制动画流程多媒体艺术基础及应用第七章动画基础与制作
7.3 Flash动画的制作
7.3.1 Flash动画相对于 GIF动画的优势
文件大小要比 GIF动画小的多
输出动画图像为真彩色
支持声音，支持复杂的交互内容
流媒体技术使动画可以边下载边观看
ActionScript脚本功能强大多媒体艺术基础及应用第七章动画基础与制作
7.3.2 Flash的安装和启动多媒体艺术基础及应用第七章动画基础与制作
7.3.3 简单动画的创建
Flash MX的主界面多媒体艺术基础及应用第七章动画基础与制作
示例一,逐帧的圆球运动动画
建立新的 Flash文件
从第一帧到第十帧，在每一帧上都建立关键帧，画出圆球
7.3.3 简单动画的创建－示例多媒体艺术基础及应用第七章动画基础与制作
示例二,采用补间方式制作运动小球
在第一帧上绘制圆球，并放到适当的位置
将圆球转化为元件
在第十帧建立关键帧，调整圆球的位置
生成补间动画
7.3.3 简单动画的创建－示例多媒体艺术基础及应用第七章动画基础与制作
7.3.4 绘图工具的使用
Flash中绘图工具的特性
当绘制的线条穿过别的线条或图形时，它会像刀一样把其他的线条或图形切割成不同的部分，同时，线条本身也会被其他线条和图形分成若干部分多媒体艺术基础及应用第七章动画基础与制作
当新绘制的图形与原来的图形重叠时，新的图形将取代下面的被覆盖部分，用鼠标工具分开后原来的被覆盖部分就消失了多媒体艺术基础及应用第七章动画基础与制作
边线是独立的对象，可以进行单独操作。
比如在绘制圆形或者矩形时，默认情况就有边线，用鼠标工具可以把两者分开多媒体艺术基础及应用第七章动画基础与制作
Flash的绘图工具
选取工具，用于选定操作的范围
绘画工具，可以在舞台上绘制所需的图形
文字工具，用于书写文字
涂色工具，用于填充颜色，或者调整渐变颜色的角度
变形工具，用于对图形进行变形操作
擦除工具，用于擦除多余的部分
查看工具，用于更改查看的比例
7.3.4 绘图工具的使用多媒体艺术基础及应用第七章动画基础与制作多媒体艺术基础及应用第七章动画基础与制作
示例三,制作一个带有立体感的球体
设定椭圆工具，使其边线和填充部分为所需要的形式
用填充变形工具移动渐变颜色的中心
用填充变形工具调整渐变的范围
调整渐变的颜色条
7.3.4 绘图工具的使用－示例多媒体艺术基础及应用第七章动画基础与制作
元件就是使用绘图工具创建的可重复使用的图形，创建好的元件都存放在库中，每一个 Flash文件都有一个属于它自己的库。
各种元件在场景中组成动画
7.3.5 元件和场景的使用多媒体艺术基础及应用第七章动画基础与制作
示例四,修改前面,移动的圆形,动画,
将圆形制作成立体球的形状
变化实例,看是否影响元件
变化元件,更改为立体球,看是否影响实例
7.3.5 元件和场景的使用－示例多媒体艺术基础及应用第七章动画基础与制作
7.3.6 时间轴的使用
空白帧
空白关键帧
关键帧
帧区域设置图标
补间动画
逐帧动画
有问题的动画多媒体艺术基础及应用第七章动画基础与制作
大小
位置
角度
形状
颜色
透明度
7.3.7 补间动画多媒体艺术基础及应用第七章动画基础与制作
示例五,将圆球动画设定为角度,形状大小都发生变化的图形
在属性面板中设置补间动画为角度变化
在属性面板中允许缩放,改变开始帧的大小
7.3.7 补间动画－示例多媒体艺术基础及应用第七章动画基础与制作
图层设计方法是一种平面叠层动画设计方法，每一个图层具有自己的时间线和一系列的帧，各图层可以独立地进行编辑操作，
互不影响，这样就可以在不同的图层上设置不同的动画效果
7.3.8 图层的使用多媒体艺术基础及应用第七章动画基础与制作
7.3.9 声音的使用
示例,为动画配音
导入声音文件
将声音加入到时间线上多媒体艺术基础及应用第七章动画基础与制作
7.3.10 利用脚本控制动画流程
示例,利用脚本控制动画流程
定位到最后一帧
在动作面板中加入脚本
