第 3 章 动画制作
1
主要内容
动画概述
平面矢量动画大师
Flash动画制作
2
第6周任务
3
动画概述
动画原理
动画分类
常用的动画制作软件
4
动画原理
动画是由一系列静态画面按照一定的顺序组
成的，这些静态的画面称为动画的帧。
通常情况下，相邻的帧差别不大，其内容的
变化存在一定的规律。
当这些帧按顺序以一定的速度播放时，由于
眼睛的视觉滞留作用（滞留时间的长度一般
在～）的存在，形成了连贯的动画效
果。
5
图1-3-1 美术片《哪吒传奇》中的部分画面
6
动画与视频的区别
动画画面比较简洁，具有浪漫主义色彩；视
频画面直接反映现实世界，具有写实主义风
格；
动画作品可夹杂视频片段，影视作品也可夹
杂动画片段。
7
动画分类
传统动画就是一幅幅预先绘制好的静态画面
的连续播放；
计算机动画：
逐帧动画：与传统动画原理相似；
补间动画：则通过插值方法在两个静态画面之间
生成一系列过渡画面；
Flash动画甚至允许与用户互动。
8
常用的动画制作软件
1．Gif Animator
2．Adobe ImageReady
3．Flash
4．Director
5．3ds Max
6．Maya
7．Morpher
该软件用户只需提供首尾两张图像，中间的变形
过程全由软件完成
9
平面矢量动画大师Flash
Flash动画大师特点：
1．软件简单易用
2．动画基于矢量图形
3．动画流式传输
4．多媒体制作环境和强大的交互功能
10
Flash动画相关概念
1．图层
2．时间轴
3．舞台
4．工作区
5．帧
6．关键帧
7．场景
11
图1-3-5 Flash CS4的文档窗口
12
基本工具的使用
1．笔触颜色
用于设置图形中线条的颜色
2．填充色
用于设置图形内部填充的颜色
3．选择工具
用于选择和移动对象，同时还可调整线条的形状
4．线条工具
用于绘制任意长短和方向的直线段
13
基本工具的使用
5．椭圆工具
用于绘制椭圆形和圆形
6．矩形工具
用于绘制矩形、正方形和圆角矩形
7．多角星形工具
用于绘制正多边形和正多角星形
8．铅笔工具
用于绘制手绘线条
14
基本工具的使用
9．橡皮擦工具
擦除绘图工具绘制的图形
擦除完全分离的组合、位图、文本对象、元件实
例
擦除舞台上所有未锁定的对象
10．墨水瓶工具
用于修改线条的颜色、透明度、线宽和线型
11．颜料桶工具
用于在图形的填充区域填充单色、渐变色和位图
15
基本工具的使用
12．手形工具
用于拖动工作区，使工作区中未现内容显示出来
13．缩放工具
用于将工作区画面放大或缩小显示
14．文本工具
用于向舞台插入静态文本、动态文本或输入文本
15．任意变形工具
用于在对象上实施缩放、旋转和斜切等变形
16
Flash基本操作
1．设置文档属性
2．调整舞台的显示比例
3．面板管理
4．导入外部对象
5．图层管理
6．调整对象的排列顺序
7．锁定对象
8．组合对象
17
Flash基本操作
9．分离对象
10．对齐对象
11．分布对象
12．精确变形对象
13．库资源的利用
14．动画的测试与发布
18
第7周任务
19
Flash动画制作
Flash可以制作如下类型的动画：
逐帧动画
补间动画
补间形状动画、传统补间动画、引导路径动画、对象
补间动画、遮罩动画、3D补间动画
元件动画
骨骼动画
交互式动画等。
20
逐帧动画的制作
所谓逐帧动画，是指动画的每个帧都要由制
作者手动完成，这些帧称为关键帧。
在逐帧动画中，关键帧中的对象可以使用
Flash的绘图工具绘制，也可以是外部导入的
图形图像资源。
制作实例：
1．制作眨眼睛动画
2．制作Loading…动画
21
实验
实验3-1 制作小苗成长动画
22
补间动画的制作
所谓补间动画，指制作者只进行过渡动画中
首尾两个关键帧的制作，关键帧之间的过渡
帧由计算机自动计算完成，从而实现两个关
键帧之间的颜色、形状、大小、方向以及位
置的连续变化。
23
补间动画的分类
按照补间中计算的对象不同，Flash的基础补
间动画可分为2类：
1）形状补间动画
2）传统补间动画
其他比较复杂的补间动画还有：
引导路径动画
遮罩动画
对象补间动画
3D补间动画
24
1．制作形状补间动画
在Flash中，使用Flash绘图工具直接绘制的
以下对象能够用于补间形状动画：
完全分离的矢量图形、完全分离的组合、完全分
离的元件实例、完全分离的文本、完全分离的位
图
在形状补间动画中，能够产生过渡效果的对
象属性有：
形状、位置、大小、颜色、透明度等
制作实例：
制作水果变形动画
25
2．制作传统补间动画
在Flash中，能够用于传统补间动画的对象有：
组合、元件实例、文本、位图等
在传统补间动画中，能够产生过渡效果的对
象属性有：
位置、大小、旋转角度、颜色（只对元件实例）、
透明度（只对元件实例）等
制作实例：
制作球体从空中下落又弹起的动画
制作钟摆动画
26
实验
实验3-2 制作翻页动画
3.其他比较复杂的补间动画
1）遮罩动画
2）引导路径动画
3）对象补间动画
4）3D补间动画
27
28
1）遮罩动画的制作
遮罩层是Flash动画中的特殊图层之一。
遮罩层用于控制紧挨在其下面的被遮罩层的显示范
围。
确切地说，遮罩层上的填充区域像一个窗口，透过它可以
看到被遮罩层上对应区域的画面
在遮罩层上创建各类动画，就可形成一个随意变化
的动态窗口，从而形成许多有趣的动画效果
制作实例：
制作简单画面切换效果
29
实验
实验3-3 制作探照灯动画效果
2）引导路径动画
引
导
路
径
动
画
主
要
是
制
作
让
对
象
沿
指
定
的
路
径
进
行
运
动
的
轨
迹
动
画
。
比
较
：
传
统
补
间
位
置
移
动
动
画
是
沿
着
直
线
运
行
引
导
路
径
动
画
的
制
作
至
少
需
要
两
个
图
层
：
引
导
层
：
绘
制
运
动
轨
迹
被
引
导
层
：
放
置
要
运
动
的
元
件
实
例
，
并
创
建
元
件
传
统
补
间
右
键
单
击
被
引
导
层
，
选
择
“
添
加
传
统
运
动
引
导
层
”
命
令
即
可
增
加
其
引
导
层
。
制
作
实
例
：
P
1
3
4
制
作
蝴
蝶
飞
舞
动
画
30
3）对象补间动画
补
间
也
可
直
接
应
用
于
对
象
上
，
而
不
是
应
用
于
关
键
帧
之
间
，
此
时
移
动
对
象
位
置
将
在
舞
台
上
出
现
一
条
路
径
线
条
，
线
条
上
有
很
多
节
点
，
分
别
对
应
一
个
帧
。
然
后
可
利
用
“
选
择
工
具
”
或
“
部
分
选
择
工
具
”
对
路
径
线
条
进
行
调
整
，
从
而
使
对
象
沿
着
路
径
线
条
运
动
。
创
建
对
象
补
间
的
方
法
：
在
对
象
上
单
击
鼠
标
右
键
选
择
“
创
建
补
间
动
画
”
命
令
。
对
于
对
象
补
间
可
以
利
用
“
动
画
编
辑
器
”
对
补
间
进
行
精
确
控
制
；
还
可
选
用
F
l
a
s
h
内
置
的
“
动
画
预
设
”
效
果
为
对
象
添
加
预
设
动
画
补
间
。
单
击
【
窗
口
】
|
【
动
画
编
辑
器
】
、
【
动
画
预
设
】
命
令
，
打
开
相
应
窗
口
。
31
32
4） 3D补间动画
Flash为对象元件在3D空间内的移动和旋转提供了
专门的工具，它们是“3D平移工具”和“3D旋转工
具”，使用这两种工具可以获得逼真的3D透视效果。
在创建3D补间动画时，首先在第一关键帧右键单击
选择“创建补间动画”命令为对象元件实例创建补
间动画，然后将播放头放置到补间最后帧的位置，
使用“3D平移工具”和“3D旋转工具”对舞台上的
实例进行3D变换。此时，Flash将自动创建两个关
键帧间的3D补间动画。
33
“3D平移工具”和“3D旋转工具”
3D平移工具：
使用鼠标左右拖动X轴或上下拖动Y轴的箭头，即
可将实例在水平或垂直方向移动；上下拖动黑色
圆点（Z轴），即可将实例在里外方向缩放。
3D旋转工具：
使用鼠标沿顺时针方向旋转X轴或Y轴，即可将实
例沿着Y轴或X轴旋转；顺时针方向旋转圆边线
（Z轴），即可将实例沿着圆心旋转。
34
骨骼动画
补间动画只能控制单一元件的运动，而骨骼动画可
将多个元件通过骨骼绑定起来以实现多元件的复杂
运动。
在工具箱中选择“骨骼工具”，在一个对象中单击，
向另一个对象拖动鼠标，释放鼠标后即可创建这两
个对象间的链接，如此反复形成一条骨骼链。
在另一关键帧上，用鼠标拖动骨骼链末端的元件，
整个链上的元件都会相应移动，从而两关键帧间形
成骨骼动画补间。
视频欣赏
%E9%AA%A8%E9%AA%BC%E5%B7%A5%E5%85%
35
第8周任务
36
元件动画的制作
在Flash中，元件（Symbol）是存放于库中
的、可以重复使用的图形、动画片段（影片
剪辑）或按钮等资源。
元件类型：
图形元件
影片剪辑元件
按钮元件
37
1.元件基本操作
1）创建元件
2）修改元件
3）添加色彩效果
4）添加滤镜效果
38
2.元件应用案例
1）制作动态按钮
2）使用Flash元件和引导层技术制作蝴蝶飞
舞动画
3）使用Flash元件和遮罩层技术制作水波效
果动画
39
实验
实验3-4 制作小汽车行驶动画
实验3-5 制作画面淡变切换动画
实验3-6 制作梅花飘落动画
实验3-7 制作日出动画
40
第9周任务
41
交互式动画的制作
所谓交互式动画就是借助ActionScript代码实现的
动画。
可以为帧、按钮实例、影片剪辑实例等元素添加
ActionScript代码
为帧添加的动作脚本将在播放指针到达该帧时运行；
为按钮和影片剪辑实例添加的动作脚本则在相关事件（如鼠标单
击、在键盘上按下某键、影片剪辑播放到某帧等）发生时运行
在这类动画中，用户通过鼠标、键盘等输入设备可
以实现对动画的控制。
交互式动画体现了Flash的强大功能。
42
制作实例
1．制作简单导航动画
2．制作下雪动画
43
实验
实验3-8 制作下雨动画
44
第3章操作题
P159三、操作题
45
