信息技术五册

义
务
教
育
教
科
义务教育教科书
书
信
息 XINXI JISHU
技
术
第
五
册
（
北 京 出 版 社
7-9
信 息
技 术
第五册
（7-9 年级用）
年
级
用
）
北
京
出
版
社义 务 教 育 教 科 书
信 息 技 术
第五册
（7-9 年级用）
北京教育科学研究院 编
学校
班级
姓名
北 京 出 版 社目目目目目录录录录录
第五章 图像处理 1
第一节 图像处理基础 2
一、图像与图形 2
二、数字图像的获取 4
三、常见图像格式及转换 6
第二节 绘制简单图像 9
一、初识图像处理软件 9
二、学习画图 10
三、丰富笔触颜色 12
四、制造填充效果 14
五、应用图层 15
六、绘制规则图像 17
七、创作作品 18
第三节 图像初级处理 20
一、调整图像物理特性 20
二、调整图像色彩 23
第四节 图像高级处理 30
一、修复图像瑕疵 30
二、照片处理实例 34
第五节 简单图像合成 38
一、选区 38
二、抠图 39
三、简单合成图像 44
1第六节 图像的综合处理 47
一、自由变换应用 47
二、滤镜简介 50
三、图像实用创意 51
评价与反思 60
第六章 音频和视频制作 61
第一节 获取与加工音频 62
一、音频概述 62
二、获取音频 64
三、编辑音频 67
四、添加效果 68
五、创作音频作品 71
第二节 获取与加工视频 75
一、视频概述 75
二、获取视频 77
三、编辑视频 77
四、添加效果 83
五、添加文字与声音 86
第三节 创作视频作品 91
一、创作流程 91
二、发布作品 93
评价与反思 95
第七章 动画制作 97
第一节 初识动画 98
一、动画的原理及分类 98
二、动画制作环境 100
2第二节 绘制图形 106
一、绘制简单图形 106
二、上色工具 110
三、编辑图形 112
四、库与元件 114
五、设计角色与场景 116
第三节 逐帧动画 123
一、帧的类型 123
二、制作逐帧动画 124
三、绘制逐帧动画 126
四、测试影片 129
第四节 运动补间动画 131
一、运动补间原理 131
二、创建运动补间 132
三、实现特殊动画效果 135
四、使用影片剪辑 136
第五节 形状补间动画 140
一、形状补间原理 140
二、分离对象 141
三、创建形状补间 141
四、添加形状提示 143
第六节 引导线动画 146
一、引导层与被引导层 146
二、创建引导线动画 146
三、多元件的引导线动画 150
第七节 遮罩动画 152
一、遮罩原理 152
二、动态遮罩效果 154
3三、应用遮罩动画 156
第八节 使用外部素材 158
一、导入外部素材的方法 158
二、使用图形图像文件 159
三、使用声音文件 160
第九节 创建动画中的交互 167
一、认识按钮 167
二、添加按钮 168
三、实现按钮的交互功能 169
第十节 创作动画 173
一、确定选题 173
二、设计脚本 174
三、制作动画 176
四、发布动画 178
评价与反思 181
4第五章
图像处理
学学学学习习习习目目目目标标标标
了解数字图像的基本原理和概念。
学会获取数字图像的基本方法，知道常见数字图像格式。
掌握数字图像绘制、处理、合成等基本技术。
培养用数字图像表达信息的意识，提升用图像表达思想的
能力。
随着科学技术的发展，操作简单、质优价廉的数码
设备不断出现，可视化信息的数字图像已广泛运用在科
技、设计、艺术和生活中。普通人也能应用数字图像技
术交流信息，表达自我。
通过学习本章，将掌握用图像处理软件绘制简单图
画及处理图片的方法，能完成简单作品的设计与制作，提
升形象表达能力。第五章 图像处理
第一节 图像处理基础
图像展示信息的直观性胜于文字，其表达主题的隐含性又让人猜想，令人神
往。信息时代，不断出现的廉价数码设备，使数字图像走近大众。本节不仅介绍
数字图像构图原理，还将介绍常用数字图像获取方法和常见图像格式，为处理与
管理数字图像打好基础。
学习目标
了解数字图像的基本原理。
了解图像与图形的区别。
了解获取和保存图像的常用方法。
了解常见的图像格式，学会用软件转换图像格式。
一、图像与图形
计算机中不论是扫描获取的图片，还是数码设备拍摄的照片，都被人们简称
为图片。这些数字图像使计算机世界越来越漂亮。数字图像为什么有这么强大的
表现力？与传统纸质图像有什么区别？
数字图像，顾名思义，是图像数字化。在计算机中，“图画”分为“图像”
和“图形”。图像指的是“位图”，图形指的是“矢量图”。
1. 位图
数字图像强大的表现力在于它“真实”记录信息，即用点阵组织图像，所以
称为“位图”。
位图由一个个带颜色的“小点”组成。这些“小点”叫作“像素”。“像素”
是组成位图的最小单位。在计算机中将一张图片放得很大后，照片会出现“马赛
克”现象（许多小方块），如图5-1-1所示。这是因为图片放大时，不改变像素量，
马赛克
图5-1-1 像素的概念
2第一节 图像处理基础
只放大像素。就好比用放大镜观看图像，人眼能辨别出像素“粒子”。
位图尺寸用“分辨率”表示。分辨率指位图中像素个数。一幅图片分辨率大
小 = 水平方向像素总数 × 垂直方向像素总数。分辨率越高，图像像素点越多，
放大时越不容易出现马赛克。如图5-1-2分辨率对比。
1024像素×768像素 50像素×38像素
图5-1-2 分辨率对比
课堂实践
打开配套光盘上提供的图 5-1-2 两幅图片，进行尺寸放大和缩小处理，
观察马赛克现象变化，理解像素、分辨率、图像尺寸的关系。
知识链接 马赛克
马赛克（Mosaic），建筑专业名词为锦砖，是一种装饰艺术，即使用许
多小石块或有色玻璃碎片拼成的建筑图案。如今，马赛克泛指五彩斑斓的
视觉效果，也指现在广为流行的一种图像处理手段。此手段可将影像特定
区域的色阶细节劣化，造成色块打乱，构成抽象画特效。
2. 矢量图
图形只记录画面信息的关键点和颜色，以及图形类型，输出画面时才进行图
形绘制，所以称为矢量图。
如图 5-1-3 所示的“圆”，只记录圆心坐标和圆半径、边框颜色、填充颜色，
图5-1-3 矢量图形——圆
3第五章 图像处理
以及类型“圆”。显示时，通过计算，构成圆的图形，最后输出。
矢量图的最大优点是图形可以无限放大，不失真，文件信息量相对较小。缺
点是层次不够丰富，表现力有限。矢量图更适合制作规则形状的图形，如标志等。
二、数字图像的获取
信息时代，获取数字图像的方法很多，常见获取方法有动手创作、用数码设
备拍照、用扫描仪扫描、用软件截取屏幕以及网上检索下载等。
假设要制作一个演示文稿，用文字、图片展示北京历史文化变迁。下面学习
用不同方法获取作品中插图用的图片。
1. 拍照
用自己的眼光看北京，获取图片的方法是用数码相机拍照。相机中的图片传
输到计算机中的方法有数据线连接相机传输，或用读卡器读取相机存储卡。如图
5-1-4所示。
读卡器
存储卡
数据线
图5-1-4 数码相机与数据传输
2. 扫描
历史上无数人记录过北京，那些老照片多是纸质版，要转成数字图像再利
用，可用翻拍或扫描得方法。用 Windows 7 自带扫描软件，进行扫描的过程如图
5-1-5 所示。先将扫描仪连接到计算机，待其被计算机识别并成功安装后，开始
如下操作：
① 将要扫描的图片正确放入扫描仪。
② 单击“开始”→“所有程序”→“Windows 传真和扫描”，打开软件。
③ 单击扫描仪设备图标，打开“新扫描”对话框。
④ 设置好相应的参数后，单击“扫描”即可完成。
4第一节 图像处理基础
图5-1-5 扫描过程
课后探究
本章选用的 Photoshop 软件也支持对图片的扫描，且可以直接保存为
Photoshop 支持的文件格式，尝试用 Photoshop 扫描照片。
3. 截屏
截取屏幕常用于获取软件界面和操作步骤、光盘影视作品画面。有大量软件
支持屏幕截图，如Windows 7系统自带屏幕截图工具 。操作步骤如图5-1-6所示。
① 单击“开始”→“所有程序”→“附件”，打开“截图工具”。
② 打开“新建”下拉菜单，选择一种截图方式，如“矩形截图”。
③ 拖曳鼠标，选中截图范围。此时，会弹出编辑窗口，给出将截取的画面。
在编辑窗口，可以用截图工具自带的“笔”、“画笔”、“橡皮”等工具，简单
标注和圈点画面。
④ 单击“文件”→“保存”命令，保存处理好的截图。
5第五章 图像处理
图5-1-6 截取屏幕过程
课后探究
对比不同的获取图像方法，填写表 5-1-1，总结获取方法。
表5-1-1 对比不同的获取图像方法
方 法 所需设备 效 果 特 点 注意事项
拍照 数码拍照设备 自创 维护版权
扫描 扫描仪和扫描软件 不要侵权
截屏 截屏软件
网络获取
光盘引用
三、常见图像格式及转换
数字图像因其丰富的表现力以及实用的处理技术，广为人们使用。但数字图
像格式较多，图像质量、大小各不相同。
1. 常见图像格式
早期人们采用逐点方式保存图像像素，这种数字图像的数据量很大。为节省
存储空间，研发了信息压缩技术。无损压缩，即对图像压缩处理后图像质量不下降，
如TIFF格式。
后来，科学家发现人的眼睛辨别能力有限，图像中的很多细节信息对人眼来
说是“多余”的，因此又发明了有损压缩技术，进一步减少图像信息的数据量。
使用有损压缩对图像压缩处理后，图像信息有一些损失，图像质量有所降低，但
是不影响观看效果，如JPEG格式。
6第一节 图像处理基础
表5-1-2 常见图像格式一览表
格 式 说 明 特 点
Bitmap(位图)的缩写，是Windows 优点：图像信息丰富，不压缩
BMP 中的标准图像文件格式，被很多
Windows应用程序支持 缺点：图像文件占用存储空间很大
优点：压缩率非常高，图像质量较好
目前最流行的有损压缩格式，广泛
JPEG
应用于各个数字图像领域
缺点：图像信息有部分损失
兼容性好，可以在多个平台使用。
TIFF 既支持无损压缩，又支持有损压缩
常用于出版、印刷
采用无损压缩的一种图片格式，流 可以存放单张或多张图片，多张图片
GIF
行于网络 可构成简单动画，如QQ动态表情
2. 图像格式的转换
当图像格式不符合要求时，可以进行格式转换。很多软件都支持图像格式转
换，如“画图”、“Photoshop”等。实现方法是 ：
① 在软件中打开图像文件，单击“文件”→“另存为”，打开“另存为”对话框。
② 单击文件“保存类型”，选择需要的格式，保存，完成格式转换。
课堂实践
利用搜索引擎搜索并下载一张老北京图片，查看图片格式，然后用熟
悉的图像处理软件将图片另存为其他格式，并比较不同格式图像文件的大
小和画面质量。
课后作业
【【【【1111】】】】请请请请从从从从网网网网上上上上搜搜搜搜集集集集素素素素材材材材，，，，制制制制作作作作演演演演示示示示文文文文稿稿稿稿，，，，用用用用自自自自己己己己的的的的理理理理解解解解介介介介绍绍绍绍你你你你所所所所居居居居住住住住
的城市。
提示 ：
确认所住城市关键字，如北京有“老北京”、“胡同”、“小吃”等 ；上
海有“浦东”、“南京路”、“城隍庙”等。用“搜索引擎”搜索，看到网上
列出的各种可选缩略图时，确认需要的图片，右击下载，选择“另存为”，
将素材保存到相应目录中。
7第五章 图像处理
注意素材的尺寸，同时注意素材的版权。为了表达自己的观点应收集
大量素材并分类保存，便于以后选用。
【2】配套光盘上有需要的图片素材，如“老北京”，请用熟悉的方法将
光盘素材复制到磁盘上，分类保存。
【3】比较各种图像格式，观察数码相机拍摄的照片，确认它的格式，
说说为什么 JPEG 是照片最常选用的格式。
8第二节 绘制简单图像
第二节 绘制简单图像
计算机图像处理软件不仅可以让普通人成为“画家”，也可以利用各种图像
进行艺术创意。本节学习绘制图像技术，拓展创作空间，发挥自己的想象，实现
自己的创意。
学习目标
熟悉图像处理软件操作环境。
学会画笔、橡皮的使用方法。
学会调制颜色。
理解图层概念，初步掌握图层面板的使用方法。
一、初识图像处理软件
图像处理软件种类繁多，Photoshop 是目前最专业的图像处理软件之一。在此
以该软件为例，学习图像处理的基本知识和操作技巧，并学会简单的图像绘制技
术。
打开Photoshop 软件，进入如图5-2-1所示的软件界面。
界面布局选项
菜单栏
属性栏
工具栏
浮动面板
图像处
理区
图5-2-1 Photoshop的操作界面
9第五章 图像处理
● 工具栏：Photoshop 工具非常多，分类存放。工具栏中工具图标右下角带黑
三角的按钮中隐藏了同类工具，如图 5-2-2 所示。右击带黑三角的按钮，可以展
开隐藏工具。
右击按钮展开隐藏工具
图 5-2-2 工具栏上多功能按钮的操作
● 属性栏：可以调节不同工具的属性。当工具改变时，属性栏的内容随着工
具相应地改变。
课堂实践
尝试用鼠标选择软件不同的组成部分，熟悉 Photoshop 操作环境。
二、学习画图
下面以创作一棵小树为例，如图
5-2-3所示，学习计算机绘制图像技术。
1. 新建图像文件
① 单击“文件”→“新建”，弹出
“新建”对话框，如图5-2-4所示。
② 在对话框中设置图像属性参数，
包括尺寸、分辨率、颜色、背景色等。
其中“预设”参数实现的是图像类型
图5-2-3 第一个创作作品——小树
的选择。
如，用于计算机和网络上显示的
图像参数一般设置：“预设”为“Web”，“大小”为“1024×768”。之后，单击
“确定”，创建一个空白页，等待创作。
10第二节 绘制简单图像
图5-2-4 新建图像和设置图像属性
2. 使用工具画图
画笔、铅笔和橡皮是画图基本工具。Photoshop 有多种画笔，支持多种线条、
笔触的绘制，用它们可以创作出有个性的图画。如图5-2-5所示。
图5-2-5 画笔效果 图5-2-6 选择不同笔尖形状
选用个性化画笔的步骤是：
① 单击工具栏上的“画笔”按钮 ，选中“画笔”。
② 右击图像区，弹出选择“笔尖”对话框，选择不同类型画笔，设置画笔效果。
如图5-2-6所示。
③ 在图像处理区的白纸上创作图画。
快速选中合适的“画笔”并合理调节选项是创作的基础。开始学习时，要反复
观察和对比各种画笔绘制效果，体会不同笔尖的表现力。
画错了或觉得不好，可以选用工具栏上的“橡皮” 擦除。
知识链接 用画笔快速绘制直线
用画笔绘制水平线或垂直线时，先按下 Shift 键再进行绘制，能直接绘
11第五章 图像处理
制出水平线或垂直线。
用画笔绘制斜线时，先用画笔在画面上单击，绘制出一点，再将光标
移动到另一位置，按下 Shift 键后再次单击鼠标，则在两点之间自动连接出
一条直线。
课堂实践
选用画笔绘制图 5-2-5 中的各种线条，体会、观察画笔的绘画效果。
铅笔和画笔的使用类似。选用铅笔，绘制一组线条，比较画笔和铅笔
的不同。
三、丰富笔触颜色
画笔的效果非常丰富，但要绘制彩色作品，必须学会使用颜色窗口调制笔触
颜色。
调颜色，就是用颜色面板完成合适颜色的选取。如图5-2-7所示。
前景色
背景色
图5-2-7 选择前景色或背景色
单击“前景色”或“背景色”打开颜色窗口，选择颜色。如图5-2-8所示。
图5-2-8 颜色选择“拾色器”对话框
12第二节 绘制简单图像
课堂实践
用学过的“画笔”、“橡皮”和“颜色窗口”创作一棵小树。记住“ 橡皮”
是画出好作品的帮手。
课后探究
利用网络搜索各种“树”的图片，尝试用不同的画笔和颜色模仿绘制
这些树，表现不同树木的特点。
知识链接 混合器画笔
Photoshop CS5 新增“混合器画笔”，特
点是能融合色彩，制造出柔和过渡效果。使
用方法是在两个颜色的交界处选用“混合器
画笔”涂抹，完成两色“水溶”效果。如图
5-2-9 所示。
图5-2-9 “混合器画笔”效果
知识链接 画笔面板
观察图 5-2-3 中的图画，有些效果不是画笔预设中自带的，要通过画
笔面板设置“画笔”各种属性来实现。步骤是 ：
① 选择“画笔”工具，单击属性栏中的“画笔面板”按钮 。
② 弹出“画笔面板”。如图 5-2-10 所示。
图5-2-10 “画笔面板”及其调节效果
13第五章 图像处理
③ 选中不同效果，调节各种参数改变画笔效果。
该面板中有多个效果选项，可以同时选中其中几个。不同的调节和组合，
可以创造出丰富的画笔效果。
四、制造填充效果
在绘图过程中，填充区域颜色时，经常要大面积上色，或制造两色平滑过渡
效果。此时普通的画笔工具很难满足需求，要用“填充和渐变”工具中的“油漆桶”
与“渐变”工具实现。如图5-2-11所示。
渐变工具，一种颜色渐变到另一种颜色
油漆桶，填充单色
图5-2-11 油漆桶和渐变工具
油漆桶工具，可以将颜色填入闭合线条中。
渐变工具可以制造丰富的渐变颜色填充效果。操作步骤如图5-2-12所示。
① 选择渐变填充工具。
② 选择适当的渐变模式和渐变色。
③ 在画面上按住鼠标左键，拖曳出渐变线，完成渐变颜色填充。
注意：渐变线的起始处代表起点色，结束处代表终点色。渐变线的长度代表
色彩过渡距离。
渐变工具 渐变模式
终点色
按住鼠标左键
拖曳出渐变线
起点色
图5-2-12 渐变工具运用过程
14第二节 绘制简单图像
课堂实践
尝试使用不同的渐变模式填充画面，
比较效果差异，体会填充效果。
五、应用图层
如果要创作的作品比较简单时，用简单
绘图工具就可以完成。但是如果作品内容比
较复杂、步骤较多，创作过程中可能会出现
图5-2-13 有问题的绘图
如图5-2-13所示的问题。
课堂思考
绘制图像时，层次和遮挡关系会影响最终效果。仔细观察图 5-2-13，
指出它有哪些问题？是什么原因造成的？
1. 图层
图层可以理解为图像分层。图层类似于将不同图像分别绘制在一张张“透明
纸”上，然后叠放纸张构成完整作品。这些“透明纸”就是图层。
2. 图层面板
Photoshop 中的图层由“图层面板”管理，其常见功能如图5-2-14所示。
图层不透明度
锁定图层
图层缩略图
图层名称
新建图层
图层链接 删除图层
图5-2-14 图层面板
15第五章 图像处理
其中：
● 图层名称：双击文字可以更改名称。
● 图层不透明度：降低不透明度，可以使图层上的图像变成半透明效果。
● 锁定图层：可以锁定4种不同图层内容。被锁定的内容不可以再修改。
● 图层链接：按住 Ctrl 键可以单击选中多个图层，然后单击图层链接按钮，
链接这些图层，使得它们今后可以一起拖动、缩放。
用鼠标拖曳图层，可以改变图层叠放顺序，图层顺序与图层名称无关。
3. 使用图层
在图 5-2-13 中，由于绘制内容较多，绘制时构图元素出现顺序错误，影响
了作品质量。
如果作品内容是绘制在同一图层里，就很难修改。但如果构图元素分别绘制
在不同图层上，修改时改变图层遮挡关系即可。
图层不仅便于改变构图元素的遮挡关系，而且可以用来修改图像内容和移动
图像位置。如图5-2-15所示。
不同构图元素
在不同图层
图 5-2-15 利用图层绘图
课堂实践
模仿图 5-2-13，创作由几种元素构成的图画，如“山”、“树”、“草地”，
使用图层面板，把不同元素分别放在不同图层上，然后体验“图层”对话
框各选项功能，观察调节后的效果。理解使用图层的好处。
16第二节 绘制简单图像
课堂思考
用橡皮工具 擦除图层上的图像，其他图层会受影响吗？可以直接用
“移动”工具 移动图层内的图像吗？
六、绘制规则图像
生活里有一类作品，如图 5-2-16 所示的标志，需要绘制的是一些规范几何
图形，如方形、圆形、直线等。这时就需要用到形状类工具。
形状类工具在工具栏中的位置和种类如图5-2-17所示。
填充像素按钮
图5-2-16“禁止吸烟”标志 图5-2-17 形状类工具
使用形状类工具时，注意保证工具栏中的“填充像素”按钮处于开启状态，
才能确保顺利绘图。
形状工具的使用非常简单，选中形状后，在编辑区拖动鼠标即可绘出相应形
状。
如制作“禁烟标志”的步骤是：
① 新建图层，在图层上绘制香烟标志。如图5-2-18所示。
用矩形工具绘制长方形 用橡皮工具擦出烟头效果 用铅笔工具绘制烟雾
图5-2-18 香烟标志绘制过程
17第五章 图像处理
② 创建一个新图层，选择自定义形状工具，将前
景色调成红色，绘制“禁止”标志。如图5-2-19所示。
③ 调整好两个图层中的图像位置，标志制作完成。
图5-2-19 “禁止”标志绘制
课堂思考
如图 5-2-20 所示，日常生活中的很多标志，都是由比较规范的图形
组成，可以充分利用形状类工具的特性设计和绘制。
图5-2-20 其他标志
思考绘制这些标志可能会用到哪些形状类工具？可以先浏览一下形状
类工具，看看哪些工具更适合绘制哪种标志。
七、创作作品
学过图像软件的基本绘图技术后，尝试创作如图 5-2-21 所示的名为“原野”
的作品。
用绘制工具创作作品的具体步骤是：
（1）构思与画草稿。构思作品，表达内心的感受，实现创意的表达，可以利
用图层或在纸上设计草稿。
（2）选择工具初步制作。有了初步设计之后，边思考边选择制作工具，尝试
画图。
图5-2-21 作品“原野”草稿
18第二节 绘制简单图像
（3）分层绘制与修改。将不同的元素绘制在不同图层，以便快速改变元素遮
挡关系，移动元素位置等。
在画图过程中，要不断对设计反复修改，去掉不足，保证绘制效果。
（4）精心调整。最后进行整体调整，直至对作品满意。完成后的作品如图
5-2-22所示。
图5-2-22 “原野”创作结果
课堂实践
综合利用绘画类工具，创作一幅风景画。
评价与反思
审视创作作品时，多问自己 ：作品使用的画笔恰当吗？表现效果满意
吗？作品的颜色协调吗？自己的创作意图是否完全表达？
课后作业
【1】尝试将形状类工具和画笔结合起来进行综合创作。
【2】思考利用画笔直接作画和利用工具进行制作的区别和各自的优势，
思考如何能更好地将两者结合使用。
19第五章 图像处理
第三节 图像初级处理
获取的原始图片常常都需要进行处理，如重新设置图片尺寸，调整图片方向，
调整图片色彩等。数码时代的专业摄影及图片制作，在强调专业摄影的同时，注
重后期照片的修正、美化，使人人可照“明星”照，因此深受普通百姓喜爱。本
节学习有关调整图像物理特性和色彩的技术，进而进行初步图像处理。
学习目标
学会调整图片的基本物理特性。
了解数字图像的色彩构成，学习基本的色彩知识。
学会调整数字图像的色彩。
一、调整图像物理特性
获取的原始图片，难免存在这样那样的问题。比如尺寸过大、方向不对、内
容倾斜、主要内容占画面太少等，更常见的是色彩不合适。这时候就需要在不改
变图片真实样貌的前提下，对图片进行基本处理。
图片基本处理主要包括：图片尺寸的调整，图片裁切，图片角度调整，内容
角度调整等。
1. 调整图片尺寸
信息时代网络成为重要的生存空间，如活动报名、网上聊天、网络空间信息
发布等，这些地方都常常使用到人物照片或各类图像。为节省网络空间，网络上
用的图像尺寸和大小有严格要求，原始的图像尺寸常常不符合要求，必须修改。
改变图像尺寸方法有两种：（1）缩小尺寸；（2）裁切，只保留所需内容。
（1）修改图片尺寸
如图5-3-1所示，利用对话框调整图片的尺寸，实现图片缩小或放大。
打开图片后，单击“图像”→“图像大小”，打开“图像大小”对话框。查
看当前图像的大小参数值，修改图像大小尺寸，单击“确定”按钮，即完成图像
尺寸调节。
如果希望保持图像的纵横比例不变，则需要勾选“约束比例”参数。
注意，图像尺寸越小，相应的图像文件信息量越少。根据需要调整好图像的
大小后，保存图像。
20第三节 图像初级处理
图5-3-1 调整图像尺寸
（2）裁切图像。
如果只想选取图像中的部分内容，如图 5-3-2 所示，只选取海边椰树，就要
裁切掉其余内容。
图5-3-2 内容冗余的图像
裁切图像的步骤如图5-3-3所示。
① 选择裁切工具。
② 在画面上拖曳，画出裁切框。
③ 拖曳裁切框控制点，调整好裁切框，按“回车”键，完成裁切。
④ 保存图像。
21第五章 图像处理
调节裁切范围
裁切工具
图5-3-3 裁切工具使用方法
课堂实践
打开一张图片，尝试用菜单改变图像尺寸或裁切图像，保存结果，比
较两种调整图像尺寸方法的异同。
知识链接 矫正图片
有一种情况也经常遇到，就是图像内容歪斜，用裁切工具同样可以矫
正图片。不过这会损失一些图像信息。过程如图 5-3-4 所示。
图5-3-4 矫正图像内容
① 拖动鼠标，画出裁切框。
② 移动光标到裁切框外，拖曳控制点，旋转裁切框，让画面边缘和图
像中的水平线平行。
③ 按下“回车”键，用裁切工具完成图片水平矫正。
22第三节 图像初级处理
2. 旋转图像
使用数码相机拍摄，常有竖拍照片。在计算机中这类图像是横向显示的，如
图5-3-5所示。此时需要将照片旋转90度，摆正照片。
调整步骤是：单击“图像”→“图像旋转”→“90度（顺时针）”，旋转完成。
图5-3-5 旋转图像的过程
二、调整图像色彩
颜色模式是一种记录图像颜色的方式。计算机显示设备使用的颜色模式是
RGB模式。
RGB模式，即红(R）绿（G）蓝（B）模式，也就是显示设备上的彩色是按红、
绿、蓝三基色不同的比例混合来表现色彩。特点是颜色鲜艳亮丽。
知识链接 数字色彩的构成
自然界中，不同波长的光形成七彩斑斓的色彩。而在计算机世界
中，显示器用红 (Red)、绿 (Green)、蓝 (Blue) 三基色（原色）混合构成色
彩，称为加色法，也称为 RGB 色彩模式。打印纸上彩色用黄 (Yellow)、品
红 (Magenta)、青 (Cyan)3 色组成，纸上色彩通过光照才能显现，当光线照
射到纸上时，有些色光被纸张吸收，有些色光被反射，人眼看见的色彩是
光线被物体表面选择性吸收后的反射光形成的色彩，称为减色法，也称为
CMY+K 色彩模式，K 是纯黑色。
不论是数码照片还是其他图片，色彩各异，有时不能满足需要，就需要对图
片进行色彩调整和处理。
23第五章 图像处理
1. 色相 / 饱和度调节
色彩学上用色相、饱和度、明度3个数值度量图片的色彩。
● 色相：区分色彩的名称，即色彩的名字。如红、橙、黄、绿、青、蓝、紫等。
通过色相可以给颜色定性。
● 明度：也称为亮度，即色彩的明暗程度。明度为零时，即为黑色。明度为
最大值时，即是色彩的最鲜亮状态。黄色是明度高的色彩，而紫色的明度较低。
● 饱和度：色彩的纯度，表示某种色相中包含中性灰色的多少。饱和度越大，
色彩越纯，否则越灰。降低色彩饱和度，是“做旧”照片或获得单色效果的常用技术。
课堂思考
观察图 5-3-6 中几幅图像，比较它们的色相、饱和度、明度。
图5-3-6 比较图像的三要素
单击“图像”→“调整”→“色相/ 饱和度”，打开“色相/饱和度”对话框，
可以调整图像的色相和饱和度，以及明暗程度，如图5-3-7所示。
图5-3-7 “色相/饱和度”对话框
24第三节 图像初级处理
（1）调整图像色相可以使照片产生色彩偏色，如图5-3-8所示。
图5-3-8 调整图片的色相
（2）调整图像饱和度可以调节图像色彩的鲜艳程度。调高可以使图像色彩
更加艳丽，降低可使色彩变灰，用于制作“怀旧”效果或单色照片效果。如图
5-3-9所示。
图5-3-9 调节图像饱和度
照片中的鲜花色彩不够艳丽，画面效果不够突出时，可以将“饱和度”选项
调高，图片会更加亮丽。
2. 亮度 / 对比度调节
● 亮度：用以调节画面色彩的亮和暗。
● 对比度：暗色彩与亮色彩的比较度。对比度可以控制颜色之间的反差值。
25第五章 图像处理
亮度 / 对比度调节效果如图 5-3-10 所示。调节方法是：单击“图像”→“调
整”→“亮度 / 对比度”，打开“亮度 / 对比度”对话框，拖动亮度或对比度的取
值滑块，改变亮度/对比度，调整图片的视觉效果。
图5-3-10 亮度/对比度调节效果
“亮度 / 对比度”常用于处理傍晚或灯光下存在曝光问题的数码照片。如图
5-3-11所示。
图5-3-11 存在曝光问题照片调节前后效果图
课堂实践
找一张自己拍摄的照片，通过调高饱和度来改善照片视觉效果。尝试
调高“饱和度”选项取值，观察照片画面效果是否真实。再降低“饱和度”
选项取值，对照片进行“做旧”处理。
26第三节 图像初级处理
3. 色彩平衡调节
数码照片常常会有偏色现象，如图5-3-12所示照片明显偏蓝。
图5-3-12 偏色照片
下面用矫正色彩的方式修复照片。步骤是：
① 单击“图像”→“调整”→“色彩平衡”，打开“色彩平衡”对话框。如
图5-3-13所示。
图5-3-13 色彩平衡对话框
“色彩平衡”将图片色彩分成“阴影”、“中间调”、“高光”3 种不同的范围来
调节，以实现精确控制。拖动“色彩平衡”中的3组滑轨，可改变图片的色彩倾向。
② 图 5-3-12 照片中的画面偏蓝色和青色，处理的方法就是在相应的滑轨上
向所偏颜色的反方向调节色彩取值，以达到平衡。通过反复的调试，可以使偏色
照片的颜色渐渐恢复正常。如图5-3-14所示。
27第五章 图像处理
图5-3-14 偏色调节与矫正
③ 调节完成后，照片的色彩得到矫正。
若视觉效果不够好，还可以使用照片滤镜来增强效果。方法是：单击“图
像”→“调整”→“照片滤镜”，打开“照片滤镜”对话框，如图5-3-15所示。
图5-3-15 使用照片滤镜
“照片滤镜”中的“颜色”参数，确定滤镜将偏向该颜色。“浓度”设定偏向
的程度。
通过处理，可以改变照片的色调，解决偏色问题。
知识链接 色调
色调是指图像的色彩倾向。通常任何一幅图画都有色调，否则会使人
28第三节 图像初级处理
感觉凌乱，色彩没有规律。根据图像画面的颜色特点，可以对色调进行不
同的分类。比如从色彩明度上分为亮色调、暗色调。从色彩纯度上分为鲜
艳色调、灰色调。从色相上分为冷色调、暖色调等。
知识链接 冷色与暖色
橘红色、橘黄色这类颜色会使人联想起阳光、火焰等温暖的事物，所
以这类颜色被称为暖色。而青色、蓝色等会让人联想起水一类的寒冷事物，
所以被称为冷色。如果图像画面主要的颜色是以暖色为主，就被称为暖色调。
以冷色为主，则被称为冷色调。
课后作业
【【【【1111】】】】从从从从自自自自己己己己拍拍拍拍的的的的照照照照片片片片中中中中或或或或从从从从网网网网络络络络获获获获取取取取的的的的图图图图片片片片中中中中，，，，寻寻寻寻找找找找曝曝曝曝光光光光或或或或者者者者色色色色彩彩彩彩饱饱饱饱
和度与色调有问题的照片，对其进行调节。
【2】尝试对一些图片进行夸张的色彩调节，观察其效果。
【3】思考并尝试以“老北京的记忆”为主题处理一组照片，照片的色
彩可以被处理成哪些形式？其效果各有什么不同？
29第五章 图像处理
第四节 图像高级处理
图像处理通常有两种目标，一是修正图像，比如存在瑕疵的数码照片或素材
等。二是美化图像，比如现在常见的写真、婚纱摄影等，都需要对原始照片进行
修片，以达到唯美的艺术效果。这些技术在传统的胶片摄影时代，只有少数专业
人员掌握，而现在使用计算机作为“数字暗房”，大大简化了处理难度，手法和
效果也更为丰富。本节学习图像高级处理的基本技巧和方法。
学习目标
了解修补工具和仿制图章的基本原理。
学习用修补工具和仿制图章工具修复图像瑕疵。
利用所学知识进行后期图像综合处理。
一、修复图像瑕疵
图像瑕疵多种多样，有的是数码摄影中的问题，比如误将不需要的人物、景
物拍摄到了画面中，或是数码照片带有多余的日期等。有的是人物面部的一些瑕
疵，或是老照片有划痕，就需要用一些相应的工具进行综合处理，修复瑕疵，美
化画面。
1. 用修补工具去掉瑕疵
数码照片清晰度高，图像质量好，但是如果人物自身面部有瑕疵，数码照片
也会凸显瑕疵，如图5-4-1所示。
利用 Photoshop 中的“修补工具”可以修复瑕疵。修补的方法是将有问题的
图像“圈选”，然后用周围的图像替代选中图像，完成修复。具体步骤如图 5-4-2
所示。
图5-4-1 面部瑕疵图像
30第四节 图像高级处理
① 右击工具栏工具，选用“修补工具”。
② 用“修补工具”圈选图像中的瑕疵部分。
③ 用鼠标拖动选中的图像到旁边正常的图像上。
④ 松开鼠标，图像替换完成，瑕疵被成功修复。
修补工具的特点是不仅能把移到位置的图像复制到瑕疵点，同时还会将移过
来的图像和原图像融合，让效果更逼真更柔和。
图5-4-2 修复面部瑕疵过程
课堂实践
尝试用“修补工具”修补有瑕疵的图像，同时思考修补工具是否有什
么局限性？
知识链接 修复“红眼”照片
数码摄影中常会出现“红眼”现象。如图 5-4-3 所示。
“红眼”现象多发生于在比较昏暗的环境中拍摄的人像照片上。因为，
人的瞳孔在黑暗的环境中会放大，这时如果用闪光灯进行拍摄，瞳孔来不
及缩小，闪光灯的光线直接照射到视网膜上，视网膜的红色被反射出来，
就形成了“红眼”。
利用照片后期处理解决“红眼”
问题是图像处理的典型应用。操作步
骤是 ：
① 右击工具栏工具，选择“红
眼工具”。
② 拖动鼠标选中红眼区域。
此时，红眼自动校正为黑色。
图5-4-3 红眼现象及其修复
31第五章 图像处理
2. 用仿制图章工具修复划痕
许多图像画面中会出现不需要的部分，或是旧照片扫描后出现的折痕、划痕
等问题，如图5-4-4所示。此时若要对图像进行修复，则需要使用仿制图章工具。
图5-4-4 带划痕的照片
（1）仿制图章工具工作原理
仿制图章工具 的原理与修补工具类似，都是在画面中将一部分图像复制到
另一部分，从而替代有问题的图像，但使用方法略有差别。过程如图5-4-5 所示。
① 选择仿制图章工具，按住 Alt 键，光标变为一个十字，用十字单击画面某处，
则该点被定义为复制起点。
② 完成定义以后，松开 Alt 键，光标恢复，在画面需要修复的地方拖动鼠标
涂抹有问题的部分，则会从定义的起点开始复制图像。
①
②
图5-4-5 仿制图章工具的使用方法
32第四节 图像高级处理
课后探究
选择仿制图章工具后在图像上右击鼠标，出现的面板和哪个面板相似？
如果更换笔尖形状，进行复制涂抹会出现什么效果？
在仿制图章工具的上方有一个修复画笔 。其使用方法与仿制图章一
样。试用修复画笔工具，比较它和仿制图章工具在效果上的差别。
（2）修复图片划痕
利用仿制图章工具修复图片划痕的关键是：
① 尽量将划痕放大后修复，提高准确性。
② 要注意使用就近颜色进行复制替换，替换面积尽量小。同时要注意照片的
光线，选择合理的颜色。如图5-4-6所示。
修复前 修复中
图5-4-6 修复划痕
③ 根据实际需要选择不同的“不透明度”复制色彩，使色彩衔接过渡真实自
然。如图5-4-7所示。
图5-4-7 脸部修复后的效果
通过认真修复，可以最大限度地还原照片的本来面貌，使照片清晰如初。
33第五章 图像处理
二、照片处理实例
许多老照片弥足珍贵，由于年代久远往往已经没有底片，不能再次冲印，所
以保存老照片的最好方法就是将它扫描到计算机中，长久保留在存储介质上。
老照片被岁月侵蚀，可能会出现这样或者那样的问题，如折痕、划痕、水印等，
而且多数老照片色彩暗淡，或只是黑白照片。
综合运用本章学习的后期图像处理技术，可以最
大限度地改善老照片的品质，使它成为珍贵的“完美”
纪念品。
下面以修复图 5-4-8 所示老照片为例，体验后
期图像处理的强大功能。
观察图 5-4-8 中的老照片，会发现有明显的折
痕以及一些岁月流逝留下的斑点瑕疵，但总体效果还
比较清晰。根据分析，可以确定美化照片的主要工作
是去掉折痕和瑕疵。
利用所学知识，修复照片的折痕与瑕疵的方法
是：
图5-4-8 老照片
① 对于背景大划痕，用“修补工具”结合“仿
制图章工具”进行修复。如图5-4-9所示。
图5-4-9 修复背景瑕疵
② 对于人像的面部和身体上的折痕瑕疵，修复相对复杂，修复时要综合运用
多种方法。如图5-4-10所示。
34第四节 图像高级处理
图5-4-10 人像瑕疵的修复
脸部折痕明显，要用“修复画笔”进行复制柔化，修复好后还要用“减淡工具”
和“加深工具”调整局部亮度，使画面光影效果一致。
③ 对其他部分的修复，方法也大致如此。要注意根据实际情况灵活地选择工
具。在修复过划痕后，还可以适当地利用所学过的调色知识，对图像色彩进行整
体调节，增强效果。如图5-4-11所示。
图5-4-11 完成效果
课堂实践
寻找一张有瑕疵的老照片，将其输入到计算机中，尝试用综合手法对
照片进行修复、美化。
35第五章 图像处理
评价与反思
通过学习，能正确判断出照片上的瑕疵吗？能制订合理的处理方案，
选择合适的处理工具修复照片吗？修复效果理想吗？
课后作业
【1】尝试总结处理数字图片瑕疵问题的常见方法。填写表 5-4-1。
表5-4-1 数字图像瑕疵问题处理方案一览表
照片问题 曝光不足/过度 照片偏色/饱和度不足 红眼照片 照片划痕和瑕疵
处理思路
使用工具
【2】图像后期处理不仅能够修复、美化老旧照片，甚至还能为黑白照
片上颜色，具体方法是 ：
① 选择画笔工具 。
② 在属性栏中，将“模式”设成“颜色”，如图 5-4-12 所示。
图5-4-12 “颜色”混合模式
③ 选择“颜色”模式后，直接给照片涂色，只会改变照片的颜色，不
会改变颜色的亮度，效果真实自然。如果上色时难于选择色彩，可以参照
内容类似的彩色照片作参考，从中借鉴相应色彩，完成色彩的添加。如图
5-4-13 所示。
图5-4-13 照片上色效果
36第四节 图像高级处理
通过这个方法，可以使老照片旧貌换新颜。
照片处理方法多样，最关键的原则是按照需要来选择相应工具，使软
件成为改善照片效果的好助手！
试寻找一张黑白照片，为其上色，使照片“容光焕发”。
37第五章 图像处理
第五节 简单图像合成
图像合成就是将不同图像拼接在一起，形成新的创意和效果。这也是图像处
理最具吸引力的地方。熟练掌握相应的合成知识与技能，可以设计制作出许多意
想不到的精彩创意与效果。
学习目标
了解图像合成的基本概念。
理解选区的意思。
学会简单的抠图技术。
了解图像合成的基本思路和方法。
一、选区
处理图像时，常常会遇到只处理局部图像的问题，比如对人物脸部或衣服调
色，或者是绘制人物的脸部等。此时，可以利用“选区”来帮忙圈定图像局部。
下面尝试制作选区。
① 新建图像，分辨率选为640×480。
② 选择工具栏左上角的“矩形选框工具”。
③ 在编辑区拖动鼠标，画出虚线框。
这个虚线框就是选区。如图5-5-1所示。
图5-5-1 选框工具与选区
38第五节 简单图像合成
课堂实践
在编辑区制作一个选区，然后用画笔涂抹画面，会有什么现象？这些
效果说明选区有何作用？
选区并不是某种工具，而是一种功能，当图像画面上创建有选区时，可以对
被选中的部分进行各种操作，而未被选中部分就不能进行任何操作。
创建图像选区有很多方法，利用“选框工具”是最基本的方法。
课堂实践
尝试使用其他“选框工具”创建选区，比较效果差别。找一张图片，
在上面创建选区，然后调节图片颜色，体验选区的作用。
知识链接 创建规则选区
创建圆或正方形选区 ：选择“矩形选框工具”或“椭圆选框工具”时，
按住 Shift 键拖曳，就可以得到正方或正圆选区了。
创建从中心向外制作选区 ：按住 Alt 键拖曳鼠标，则会从中心向外制
作选区。此功能适合制作同心圆一类的选区。
二、抠图
所谓抠图，就是将图像的一部分抓取下来，为合成新图像作准备。抠图的方
法非常多，总的思路非常简单：一是将所需图像复制出来，二是将不需要的背景
删除掉。
1. 利用套索和磁性套索工具
实际抠图中常常需要对图像局部进行选用，可用创建选区来完成。而对图像
进行精确的选中，就需要利用套索工具来完成选区。如图5-5-2所示。
图5-5-2 不同的套索工具
39第五章 图像处理
套索工具可以自由地画出选区。多边形套索可以自由地创建多边形选区。
课堂实践
尝试用套索工具和多边形套索工具创建选区，感受其方法，观察创建
选区的区别。
磁性套索是非常有用的工具，其工作原理是可以吸附在不同颜色的交界处，
辅助完成不规则区域的抠图。比如要完成一个将天坛图像放入荒漠背景中的合成
创意。抠出天坛时，可利用磁性套索工具对天坛轮廓进行选择。如图5-5-3 所示。
图5-5-3 合成图像的素材
① 选择磁性套索工具，单击天坛与背景蓝天的交界处。
② 此时，沿着天坛的外轮廓移动鼠标指针，会看到套索自动吸附到了天坛的
边缘，并留下一些节点。
③ 沿着整个需要的轮廓套索完毕后，双击鼠标（或者直接单击起始处），就
会生成选区。如图5-5-4、图5-5-5 所示。
图5-5-4 磁性套索工具的使用 图5-5-5 选区完成效果
40第五节 简单图像合成
如果选区不准确，需要删除选区，可以用选区类工具右击鼠标，选择“取消
选择”，或是用快捷键 Ctrl + D 取消选区。
创建选区之后，可以使用“移动”工具 将选中的天坛图像拖入到沙漠图
像中，完成抠图，并实现一个简单的图像合成作品制作。如图5-5-6所示。
图5-5-6 移动选中图像和最终效果
注意：移动前应该将两张图片还原成窗口，以便拖动。
2. 魔术棒工具
利用磁性套索工具可以提高抠图的准确性，但过程却相对复杂，所以可以利
用 魔术棒工具来简化抠图操作。
（1）魔术棒的原理及其使用
魔术棒工具 的使用非常简单，只需要在选用魔术棒工具后，单击图像画面，
就会自动形成一个选区了。魔术棒工具的原理是根据颜色的差别自动生成选区。
如图5-5-7 所示。
图5-5-7 用魔术棒工具建立选区
41第五章 图像处理
用魔术棒工具单击画面某处时，它会自动计算周围与该处相同的颜色，并生
成选区。
（2）调节容差
若要控制魔术棒工具判断颜色的精确程度，可以在选择魔术棒工具后调节属
性栏中的“容差”选项来进行控制。如图 5-5-8所示。
图5-5-8 设置容差
容差值的范围是 0~255，数值越小，判断颜色的相似性就越严格，越精确。
数值越大，则判断条件就越宽松，越不精确。如图5-5-9所示。
图5-5-9 容差的比较
通过调节容差值，可以准确地根据需要控制选择范围。
课堂实践
创建新图像文件，在上面画一些不同颜色图形，调节不同的容差值进
行选择，观察结果有何不同，体验容差调节的作用。
（3）利用魔术棒工具抠图的方法
利用魔术棒工具抠图主要有两种思路，一种是将所需图像选中，然后复制到
新图层或其他图像文件中；另一种就是将不需要的背景删除，留下所需部分。这
两种方法应该如何使用，要根据实际情况来分析判断。
42第五节 简单图像合成
3. 选区的布尔运算
在抠图时，常会遇到各种失误，比如多选或者漏选。如图5-5-10所示。
图5-5-10 多选和漏选现象
这时若要直接修改选区，则可以利用选区的“布尔运算”来完成。不论选择
哪种选区创建工具，都会在属性栏中找到4个布尔运算选项，如图5-5-11 所示。
① ② ③ ④
图5-5-11 选区布尔运算选项
这4个选项代表创建多个选区时，先后创建出的选区的关系。
①新选区：每次只能创建一个选区，创建出新选区后，原选区会消失。
②添加到选区：将新创建的选区与原选区合并，成为一个选区。
③从选区中减去：新创建的选区与原选区重合部分将会从选区中删除。
④与选区交叉：只会留下新选区与原选区交叉的部分。
利用这4种布尔运算模式，可以轻松地实现选区的修改。
课堂实践
尝试创建选区，并实验不同的布尔运算模式，体验布尔运算的效果。
有布尔运算支持，解决图5-5-10的选区问题就很容易。具体步骤如下：
① 选择磁性套索工具，并将其属性改成“添加到选区”模式，再次套选漏掉
的部分即可。如图5-5-12所示。
43第五章 图像处理
图5-5-12 “添加到选区”的应用
② 对多选的部分，将属性改成“从选区中减去”，然后将多选部分套选中即可。
如图5-5-13所示。
图5-5-13 “从选区中减去”的应用
通过不断利用选区的布尔运算，对选区进行修补，可以实现精确的抠图。
抠图的方式多种多样，上述抠图技术简单、实用。很多特殊的图片，只用这
些技术难以抠出完美图像，还需要辅助其他方法。
三、简单合成图像
1. 图像合成的基本思路和步骤
图像合成充满了创意，但要想制作出好作品，必须遵循一定的规律。图像合
成的基本思路是：
（1）精选素材
选择合适的图像进行合成非常重要。特别是图像的光影效果和透视角度应当
尽量一致，否则就要花工夫调整图像，而结果也可能不尽如人意。
44第五节 简单图像合成
（2）抠图
抠图是图像合成的关键，要根据实际情况选择合适的抠图方法，细致耐心地
抠挖出所要图像素材。
（3）调节与制作
将抠好的素材放入图片合成后，要进行比例、色彩等多种调节，使合成的图
像真实、协调。
2. 综合实践
将图 5-5-14 和图 5-5-15 中的蝴蝶素材与花卉素材合成在一起，构成一幅蝴
蝶采蜜的图像。
图5-5-14 蝴蝶素材 图5-5-15 花卉素材
① 分析图像，选择抠图法：观察图 5-5-14，该图特点为背景色单一，而蝴
蝶有细小的腿，所以不适宜选择磁性套索工具，而适宜选择魔术棒工具。
② 抠图：用魔术棒工具，选中蓝色背景，然后，单击“选择”→“反向”，
进行反选，选区会由选中背景改为选中蝴蝶。如图5-5-16。
图5-5-16 用“反向”反选
注意：“反向”是非常有用的选项。常常遇到背景颜色单一，而主体颜色复
45第五章 图像处理
杂的图像，这时可以利用该功能进行反选，快速完成抠图。
③ 复制图像：右击画面，选择“通过拷贝的图层”，蝴蝶图像就会被复制到
新的图层中。如图5-5-17所示。
图5-5-17 复制选中图像
这样做的好处是蝴蝶被单独复制到新图层中，可以更好地保存图像，防止丢
失，也便于做进一步处理。
④ 将蝴蝶图像拖至花卉中并适当调整颜色，完成图像合成。如图5-5-18所示。
图 5-5-18 完成图像合成
评价与反思
1. 能否通过分析图片选择正确的抠图方法和工具？
2. 抠图效果是否理想？合成结果是否满意？
课后作业
结结结结合合合合所所所所学学学学内内内内容容容容，，，，上上上上网网网网搜搜搜搜索索索索两两两两张张张张图图图图片片片片素素素素材材材材，，，，进进进进行行行行简简简简单单单单的的的的图图图图像像像像合合合合成成成成创创创创作作作作。。。。
根据素材特点，思考如何恰当地选择抠图方法。
46第六节 图像的综合处理
第六节 图像的综合处理
虽然第五节中介绍了图像的简单合成基本方法。实际上图像的合成与处理是
一门综合技术。本节学习根据需要使用各种功能，综合处理图像。
学习目标
掌握自由变换工具的基本使用。
了解滤镜的概念。
掌握文字工具的使用和属性调节。
理解图层蒙版的原理。
掌握图层蒙版的用法。
了解图层样式的概念，学会使用样式。
一、自由变换应用
如图 5-6-1 所示，从图片上抠出蝴蝶后，合成到小猫风景图中，完成小猫望
向蝴蝶的简单创意。
在抠图与合成图像的过程中，常常遇到这样的问题，放到一起的图像大小、
角度或透视关系等不合适，需要进行调节，这时可以利用“自由变换”功能来实现。
蝴蝶 小猫
图5-6-1 图像合成后的问题
47第五章 图像处理
将蝴蝶从其他图片上抠出，发现蝴蝶图片本身过大、角度与画面也不匹配。
此时，可以利用自由变换功能调整蝴蝶图片的大小、角度。
1. 启动自由变换
自由变换功能可以直接对图层（非背景）里的图像进行缩放与变形，也可以
对选区里的图像进行缩放变形处理。如图 5-6-2、图5-6-3所示。
图5-6-2 蝴蝶图层 图5-6-3 自由变换选项
蝴蝶在“图层1”中，可以直接开启自由变换。单击“编辑”→“自由变换”，
或是利用快捷键 Ctrl + T 均可。
2. 用自由变换调节图像
开启自由变换之后，图片会多出一圈边框，边框上面有8个控制点用于调节。
● 缩放图像：将鼠标指针放在 4 角的控制点上，拖曳控制点，图像缩放。如
果希望进行纵横等比例缩放，可以在缩放时按住 Shift 键。如果按住 Alt 键，则可
以按图片中心进行缩放。如图5-6-4所示。
● 旋转图像：将鼠标放在 4 角控制点外，拖动鼠标，则可以旋转图片。如图
5-6-5所示。
图5-6-4 缩放图像 图5-6-5 旋转图像
48第六节 图像的综合处理
3. 合成图片
用缩放和旋转功能，调整蝴蝶图片的大小和角度。然后用类似的方法处理其
他素材，再合成图片，直至作品创作完成。如图5-6-6。
图5-6-6 完成效果
自由变换功能在图像合成中扮演着非常重要的角色。需要在应用中仔细体会。
知识链接 自由变换的其他功能
当开启自由变换之后，右击框选
图片区，会弹出“自由变换”菜单，
其中有很多不同的变形功能可供选择。
如图 5-6-7 所示。
除了基本的“缩放”和“旋转”之外，
还可以通过“斜切”、“扭曲”、“透视”、
“变形”等功能使图片产生倾斜、弯曲
等效果。方法是通过拖曳外边框和顶
角的控制点来实现。如图 5-6-8 所示。
图 5-6-7 自由变换的其他功能
斜切 扭曲 透视 变形
图5-6-8 自由变换的其他选项效果
49第五章 图像处理
课堂实践
尝试“水平翻转”和“垂直翻转”功能。思考它们与旋转的区别和联系。
二、滤镜简介
图像处理与合成，并非只追求真实的还原再现，许多时候也需要将图片处理
成各种艺术效果，这时候可以利用滤镜工具来帮助实现。
如图5-6-9所示为原图以及被滤镜处理过的图像。
纹理→马赛克拼贴
渲染→光照效果 艺术效果→海报边缘 渲染→镜头光晕
原图 花朵被光照滤镜处理 花朵外部树叶被３种滤镜处理
图5-6-9 滤镜处理效果
Photoshop 中的滤镜种类非常多，如图 5-6-10 所
示。Photoshop还支持外挂滤镜，以创作更丰富的效果。
如今，很多软件都支持滤镜功能，如本书第六章使用
的音视频处理软件里也用到滤镜。
滤镜其实是一种对图像中像素信息进行各种复杂
计算处理的技术，其计算的目的是将图片处理成某种
特殊效果。实际应用中，需要根据需求，反复选择，
不断实践与实验，才能逐渐了解并掌握如何运用各种
滤镜创作特殊视觉效果。
图5-6-10 滤镜菜单
50第六节 图像的综合处理
课后探究
尝试在图像的选定区域上使用不同的滤镜，通过尝试各种滤镜的选项，
研究滤镜的使用方法，感受滤镜的效果和作用。
三、图像实用创意
生活中的贺卡、海报、书籍封面、标志等作品，都是图像处理技术在现实中
的创意和应用。下面通过一个综合案例来了解创意流程，学会创意设计方法。
例如，学校要举办一年一度的“科学节”了。试为“科学节”制作一张宣传海报。
1. 构思与搜集素材
首先分析，作品的主题是“科学节”, 为突出主题，海报中尽量突出与科学
有关的图像和符号，所以需要搜索与科学相关的资料。如搜索科学的定义、符号、
图片和文字等。也可以收集以往“科学周”活动的照片等。
课堂思考
如果你来为“科学节”创作宣传海报，你会选择哪些素材体现主题中
的“科学”二字？
2. 制作背景
平面作品的背景往往不是单一的颜色，而是要融合多张图片。这就需要思考
如何将图片融入背景之中。具体方法如下。
（1）创建图像文件，选择单色或渐变进行填充，并将准备好的图像素材导入
其中，调整好大小。效果如图5-6-11所示。
图 5-6-11 背景制作1
51第五章 图像处理
（2）导入图像素材后发现，由于图片色彩有差异，画面略显杂乱。需要对不
同的图片素材进行调色，使之协调统一。这时可以使用学过的“色彩平衡”、“色
相饱和度”等功能进行调节。效果如图 5-6-12所示。
图5-6-12 背景制作2
（3）应用图层蒙版。
调色之后，会发现图片虽然色彩协调了，但不同图片的边界非常生硬，背景
图片整体感较差。此时可以利用“图层蒙版”工具来调节。如图5-6-13 所示。
图5-6-13 添加图层蒙版
单击“添加矢量蒙版”按钮 ，就会在选中的图层后面添加一个蒙版。（背景
层不能直接添加图层蒙版）
图层蒙版不识别彩色，若在图层蒙版上绘制彩色，则会自动变成灰度色。
图层蒙版的工作原理是利用蒙版上的黑白灰颜色来控制图层的透明度。如果
在蒙版上绘制纯黑色，则前面图层的相应区域会变为透明。如果在蒙版上绘制白
52第六节 图像的综合处理
色，则图层相应区域会变为不透明。所以可以通过在蒙版上绘制不同的黑白灰色
彩来灵活地控制前面选区的显示与隐藏。效果如图5-6-14所示。
图5-6-14 使用“图层蒙版”效果
课堂实践
如图 5-6-14 所示，创建图层蒙版，在蒙版上进行各种绘画与填充，
体验图层蒙版的特点。
在“科学节”宣传海报创作过程中，可以利用图层蒙版调整各个图片素材的
边缘和透明度，使不同背景图像协调融合。
使用图层蒙版融合图像时，将画笔工具的“不透明度”调低，涂抹黑色，使
图层中的图像边缘渐隐。经过在蒙版上反复地绘制调节，图片边缘逐渐消失，图
像融合在一起。
制作完成的背景效果如图5-6-15所示。
图5-6-15 利用图层蒙版完成背景
53第五章 图像处理
3. 添加文字
在制作好的背景图像上，使用“文字工具”将海报标题添加到图像中。
（1）输入文字。
单击 Photoshop 中的“文字工具” ， 单击背景图像，画面上出现闪烁光标，
输入文字。如图5-6-16所示。
图5-6-16 输入文字标题
输入文字时，Photoshop 会自动生成一个文字图层，文字图层与其他图层不同，
该图层只能用来存放文字，不能进行其他绘制。
（2）调节文字属性。
输入文字之后，可以在属性栏上调节文字属性。如图5-6-17。
变形文字 调整段落
文字方向 字体 字号 对齐方式 改变文字色彩
图5-6-17 文字工具属性
单击“变形文字”按钮，打开图 5-6-18 所示对话框。从“样式”中选择不
同的变形效果，并调节相应的参数。（注意变形后，文字将不能进行粗体、倾斜
等设置）
54第六节 图像的综合处理
图5-6-18 “变形文字”对话框
单击“文字段落”按钮，打开图5-6-19所示的“文字段落”窗口。利用“文
字段落”窗口，可以更加细致地修改文字的各种属性。
字号 行距
字符高度 字符宽度
字符间距
图5-6-19 “文字段落”窗口
精心调整文字各项属性，完成海报标题的初步制作。如图5-6-20所示。
图5-6-20 文字标题调整
55第五章 图像处理
4. 图层样式
调整好标题文字的属性后，观察发现文字效果比较单调。如果能够将文字制
作成艺术字效果，会使画面变得充实丰富，也更能凸显标题的作用。
制作艺术字的方法很多，比如选中文字，在新图层中利用文字选区制作各种
艺术字效果。制作标题效果则可以利用更为快捷、效果更为丰富的“图层样式”
功能。
（1）样式面板的应用。
“样式”浮动面板在软件界面的右侧。如图5-6-21所示。
图5-6-21 图层样式面板
样式面板中有很多现成样式。选择某种样式后，图层上的所有图像都会变成
该样式的效果。效果如图5-6-22所示。
图5-6-22 图层样式效果
加载了样式的图层，会在下方出现效果选项，以便进一步调节。
56第六节 图像的综合处理
知识链接 隐藏样式
图层样式面板中提供的是现成的样式预设。如果不够用还可以追加隐
藏样式效果。如图 5-6-23 所示。
图5-6-23 追加“图层样式”
选择某种样式后，软件会询问“是否替换当前样式”，如果不希望替换，
可以选择“追加”选项。
课堂实践
尝试创建新图层，在图层上绘制任意形状和色彩的图形，选择不同的样
式预设，观察比较使用它们的效果，本来的颜色还保持吗？思考样式的作用。
（2）混合选项应用。
如果现成的样式不能满足需要，就需要手动制作图层样式。如图5-6-24所示。
图5-6-24 混合选项调出方法
57第五章 图像处理
右击图层，在弹出的快捷菜单中选择“混合选项”，即可调出混合选项面板。
如图5-6-25所示。
样式选项
样式参数
图5-6-25 混合选项面板
混合选项面板左侧是不同的样式选项，右侧是相应的属性参数，若要为图层
添加某种样式，只需勾选相应的样式选项即可，同时可以在右侧调节选用样式的
属性和参数。
例如，要添加“投影样式”，基本方法如图5-6-26。
图5-6-26 设置投影样式
① 右击文字图层，选择混合选项，打开混合选项面板。
② 勾选“投影”样式，调节右侧面板上的“不透明度”、“角度”、“距离”、“扩
展”、“大小”等参数，制作出符合需求的文字。
如图 5-6-27 所示，是一组用不同样式制作的文字信息效果图，其中根据需
要进行了不同样式的混合，制造出了全新的效果。
58第六节 图像的综合处理
图5-6-27 各种混合选项效果
利用图层样式调整好标题艺术字效果。审视画面进一步整体调整，如效果图
5-6-28所示。
图5-6-28 平面设计创作效果图
评价与反思
完成作品创意，审视自己的作品，观察其效果，看看是否符合基本要求。
1. 主题鲜明，即素材运用是否表现了主题。
2. 画面视觉效果是否统一、协调、不散不乱。
3. 标题是否突出，各种信息呈现合理吗？
如果感觉作品不尽如人意，分析原因。
课后作业
选选选选择择择择某某某某个个个个主主主主题题题题，，，，综综综综合合合合运运运运用用用用图图图图像像像像创创创创作作作作与与与与处处处处理理理理技技技技术术术术，，，，创创创创作作作作一一一一个个个个平平平平面面面面设设设设计计计计作作作作品品品品。。。。
如“古都风韵”明信片、“新年 / 圣诞 / 生日”贺卡、“学校 ×× 社团招生”
海报、“学校艺术节设计”奖状等，也可以自选题目，进行作品创意与设计。
59第五章 图像处理
评价与反思
学习成果评价
学会的知识（勾选） 实践成果
□数字图像的基本原理
□图像与图形的区别
□常用图像获取方法和保存
□常见的图像格式
□数字图像的色彩构成，基本的色彩知识
□图像合成的基本概念
□图像合成的基本思路和方法
□滤镜的概念
写出你最擅长的图像处理技术。
□图层样式的概念
有哪些基础知识和基础操作需
□选区的作用
□图层蒙版的原理 要巩固和提高。
□修补工具和仿制图章工具的基本原理 有哪些问题需要与同学、老师
□用软件进行格式转换的方法 探讨。
□调整图片的基本物理特性
还希望学习哪些图像处理技术。
□调节数字图像色彩的方法
□用修补工具和仿制图章工具修复图像瑕疵
□后期图像综合处理
□简单的抠图技术
□自由变换工具的基本使用
□文字工具的使用和属性调节
□图层蒙版的用法
□图层样式的基本用法
□简单的平面设计与制作
综合实践评价
评价项目 自评 他评
正确理解和分析主题 ○是○否 ○是○否
正确搜集与保存图像素材和资料 ○是○否 ○是○否
分清图像表现的主次 ○是○否 ○是○否
设计 确定画面的风格 ○是○否 ○是○否
制作简单的草稿 ○是○否 ○是○否
对素材进行适当的筛选裁剪 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
对素材进行灵活的调色处理 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
制作 正确抠图 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
正确输入文字，调整文字格式 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
利用图层样式制作艺术字 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
色调统一不凌乱 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
审美水平 风格与主题吻合 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
视觉有层次感，能分清主次 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
60第六章
音频和视频制作
学学学学习习习习目目目目标标标标
了解音频、视频概念和常见音频、视频文件格式。
学会获取音频和视频的基本方法。
学习简单音频、视频作品制作技术。
创作简单音频和视频作品，提高表达能力。
人类主要是用听和看的方式获取信息。随着信息
技术的发展，普通人也可以创作音频、视频作品，表达
自己的思想和情感，介绍身边人物和事件，传递自己的
创意思维。
通过学习本章，将掌握创作简单音频和视频作品
基本知识，提升多方式表达自我的能力。第六章 音频和视频制作
第一节 获取与加工音频
人类语言、婴儿啼哭、动物鸣叫无不在用声音传达信息。人类发展历史上第
一次信息技术革命就是语言的使用，声音对于语言表达的重要性毋庸置疑。进入
数字化信息时代后，连续的声音信号被数字化，经计算机加工合成后，声音成为
更加强大的表达与创作工具。本节学习简单音频作品制作技术。
学习目标
了解声音基本概念。
了解音频文件的常见格式。
学会用计算机录制声音和加工音频。
基本掌握独立创作一段简单音频作品的方法。
一、音频概述
声音是连续的声波（Sound Wave）经介质传输，引起耳膜振动，振动经转换
为相应的信号传输给大脑，让人“听”到。
知识链接 声音的特性
声音有 3 个最基本参数 ：一是响度，即音量的大小，指声波振动幅度
大小。二是音调，即声调高低，指声波每秒钟的振动次数。三是音色，振
动波不同，音色不同。人们通过响度、音调和音色来区分声音。
课后探究
你知道吗？声音在真空中不能传播。了解声音传播原理，探索声音传
播的基本条件。
自然界连续的声音信号被数字化后，可输入计算机实现保存和反复使用，还
可以被加工处理，用于营造特殊气氛，给人们带来听觉新感受。通常，数字化后
的声音称为音频。
声音模拟信号数字化过程如图 6-1-1 所示，声音模拟信号经采样、量化和编
62第一节 获取与加工音频
码后被转换成数字音频信号。
模拟信号 采样 量化 编码
图6-1-1 声音数字化过程
音频文件的格式有很多种，常见的音频格式如表6-1-1所示。
表6-1-1 音频文件常见格式
格式 说 明 特 点
直接记录声音波形，声音文件所含内容和原声
wav 质量高，但文件所占空间大
基本一致。主要用于忠实记录原声
一种压缩储存声音的文件格式，是音频压
mp3 声音有微小失真，但文件不大
缩的国际标准格式
数字音乐、电子合成乐器的统一国际标准格
midi 占用的磁盘空间非常小
式，目前主要用于音乐制作、游戏配乐等
ra或rm “流”式声音格式，网络上广泛使用 能边下载边播放，便于网上播放
wma 与mp3格式齐名的一种音频格式 由微软公司推出
课堂实践
从网上试着查找最喜欢的一首歌曲的不同格式声音文件，比较它们的
音质效果、不同文件的大小，填写表 6-1-2。体会不同声音格式文件占用
存储空间的大小与声音质量的关系。
表6-1-2 比较不同声音格式文件
文件大小 音质效果
文件格式
（B、KB、MB） （请作简略判断）
wav □优质 □好 □一般 □差
mp3 □优质 □好 □一般 □差
midi □优质 □好 □一般 □差
ra/rm □优质 □好 □一般 □差
wma □优质 □好 □一般 □差
63第六章 音频和视频制作
二、获取音频
常见获取音频的方法有：
● 动手录制声音。
● 直接从网络上下载。
● 用工具软件从CD、VCD 中截取。
计算机中有很多软件可以录制声音。下面介绍使用 Adobe Audition 软件录制
声音的方法。
① 打开Adobe Audition，工作界面如图 6-1-2所示。
菜单栏
工具栏
素材框 工作区
传送器调板
图6-1-2 Adobe Audition工作界面
② 单击传送器调板上的“录音键” ，打开“新建波形”对话框。
③ 根据需要，选择声音的采样率和分辨率，单击“确定”按钮开始录音。此时，
被录制的声音波形显示在工作区里。如图6-1-3所示。
④ 录音完毕，再次单击“录音键”结束录音。
图6-1-3 Adobe Audition录音工作界面
64第一节 获取与加工音频
知识链接 录音硬件条件
用计算机录制声音的基本硬件条件是 ：有 256 M 以上内存，有声卡，
带传声用话筒（麦克风），以及用于监控效果的耳机或音箱。
采样率和分辨率
采样率 ：一秒钟内采集到的音频数据样本个数，它决定了音频文件的
频率范围。采样率越高，声音越保真。
分辨率 ：也叫位分辨率（位深度），是指用于描述每个音频采样点的比
特位数，它决定音质。分辨率越高，数字化精度越高，音质越好，但需要
存储的数据量越大。
完成录音后，可以用传送器调板重放声音，听听录制效果，如果达到要求，
单击“文件”→“保存”命令，保存文件。
通常录音时应该尽量选择安静的环境，以降低噪音。当然，绝对静音很难做到。
所以一般情况下，在正式录音之前，应该先录制 10 秒左右的环境噪音，为后期
降噪做准备。然后再开始录制需要的声音。如图6-1-4所示，开始一段录制了噪音。
噪音 朗诵
图6-1-4 音频图
课堂思考
观察图 6-1-4 中的声音波形、噪音波形有什么特点？
65第六章 音频和视频制作
课堂实践
录制一段自己说话或朗诵光盘上旁白的声音并保存。反复录制几遍，
分别存储，为音频编辑做准备。
课后探究
1. 使用系统提供的录音机录制声音。
单击“所有程序”→“附件”→“录音机”，用“录音机”录制声音。
提示 ：录音前将话筒连接到计算机上。“录音机”上的功能按钮会随操
作进程发生变化，如图 6-1-5 所示。
录音前 录音中 暂停录音
图6-1-5 “ 录音机”工作界面
2. 使用超级解霸从 VCD 中截取一段音频。
提示 ：超级解霸软件“音频解霸”界面上的“循环 / 选择录取区域”
按钮 ：完成循环状态的进入 ；“开始点” 与“结束点”按钮 ：实现录
制区域的选取；“压缩录音”按钮 ：将选取的音频录制为 mp3 格式并保存；
“波形录音”按钮 ：将选取的音频录制为wav格式并保存，如图6-1-6所示。
图6-1-6 “音频解霸”工作界面
评价与反思
反复聆听录制的声音，确认内容是否完整？声音是否保真？是否录制
了环境噪音？
66第一节 获取与加工音频
三、编辑音频
一般情况下，一个满意的录音文件不是录制得到的，而是用多个录音文件中
的声音编辑合成的。编辑音频的基本操作包括复制、剪切、粘贴和删除等。
复制和剪切命令可以将音频数据存入剪贴板，以备使用。操作步骤如下：
① 用鼠标指针在工作区拖曳，选中要进行拷贝或者剪切的音频数据。
② 单击“编辑”→“复制 / 剪切”命令，将选中的音频数据复制或剪切到剪
贴板中。
用“粘贴”命令把剪贴板中的音频数据放到当前的音频波形中。方法如下：
单击想粘贴音频的位置，选择“编辑”→“粘贴”命令，将剪贴板中的音频数据粘入。
课堂思考
音频数据复制、剪切和粘贴操作方法与文字处理、数据处理等软件中
操作方法一样吗？对应的快捷键是什么？
Adobe Audition 删除音频数据的方法是：在工作区内拖曳鼠标指针，选中要删
除的音频波形，按Delete 键。如图6-1-7所示。
图6-1-7 删除音频数据
67第六章 音频和视频制作
课堂实践
编辑自己的录音文件，获得一个满意的音频文件，如对“学习环境”
的介绍。
四、添加效果
1. 降噪处理
去除噪音，也称降噪，就是从音频数据中减去环境噪音。降噪处理分两步完成：
获取噪音样本，实现声音降噪。
第一步，获取噪音样本。
噪音样本是没有不平缓部分（爆点）的噪音信息。获取噪音样本之前，要先
对噪音信号进行处理，找出爆点，并用编辑功能删除它。如图6-1-8所示。
爆点
环境噪音 说话声
图6-1-8 删除爆点
删除爆点之后才可以获取噪音样本，过程如图6-1-9所示。
① 在工作区，选中一段较为平缓的噪音信号，单击右侧素材框中“效果”选
项卡，打开“效果”选择区，用鼠标选择“修复”选项中的“降噪器”。
② 双击“降噪器”，打开“降噪器”对话框，单击“获取特性”按钮，启动
软件自动捕获噪音特性功能。
③ 软件自动捕获噪音特性之后生成噪音波形，单击“保存”按钮保存噪音样本。
④ 关闭降噪器。
68第一节 获取与加工音频
选中噪音信号
图6-1-9 获取噪音样本的过程
第二步，实现声音降噪。
降噪过程如图6-1-10所示。一般要重复数次降噪，每次将降噪级别提高一些，
经过两三次降噪之后，可基本消除噪音。
① 在工作区，选中所有声音波形，再次打开“降噪器”，单击“加载”按钮
，加载刚才保存的噪音样本。
② 修改降噪级别。单击“确定”按钮，软件会自动进行降噪。
③ 再次进行噪音样本获取，然后降噪。
④ 降噪完成之后，保存处理好的声音文件。
修改降噪级别
图6-1-10 声音降噪过程
69第六章 音频和视频制作
课堂思考
实际操作中为什么不一次去掉噪音，而是进行 2~3 次降噪，且降噪级
别逐渐提高？如第一次 10%，第二次 20%，第三次 30% 等。
课堂实践
对自己录制的音频进行降噪处理并保存。
2. 放大处理
录制的声音信号太大或太小可以用计算机加工处理，调节声音信号的大小，
这种操作叫“放大处理”。
如图6-1-11所示，放大很小的声音信号。
① 单击右侧素材框中“效果”选项卡，打开“效果”选择区，选择“振幅和
压线”选项中的“放大”，打开“放大”设置对话框。
② 设置“预设效果”中增益值，单击“确定”按钮进行放大处理。
声音信号太小
图6-1-11 放大处理
放大后如果不满意效果，可再次进行放大处理，直到满意为止。
课堂思考
电脑录音的“放大”处理，与用电脑听歌时调整声音大小是一回事吗？
课堂实践
1. 将配套光盘中的“背景音乐”文件进行“放大”处理，使其听起来
更悦耳，保存处理好的文件。
70第一节 获取与加工音频
2. 仔细聆听自己录制的声音，声音信号大小合适吗？进行适当的“放大”
处理，直到满意为止。
评价与反思
学习对录制的声音文件进行编辑、降噪和放大处理后，反复聆听声音
文件，效果是否令人满意？还要编辑、降噪和放大处理否？
五、创作音频作品
在信息技术高速发展的今天，普通人也能制作音频作品。现在学习制作一个
简单的音频作品。创作流程如图6-1-12所示。
设
确 准 计
定 备 制 配
主 素 作 乐
题 材 脚
本
图6-1-12 音频作品创作流程
第一步，确定主题。
歌颂祖国山川，歌唱盛世时代，夸夸身边人或事，表达自己的情感，介绍自
己学习环境等都是很好的主题。
第二步，准备素材。
用所学知识，录制主题话音。一首诗歌朗诵、一段画外旁白、一个讲述的故
事等。
围绕话音内容，截取和剪辑一段背景音乐。
在为话音准备背景音乐时，要注意乐曲风格与话音内容的和谐统一。例如，
气势磅礴歌颂祖国的朗诵，不该配哀愁的音乐。
第三步，设计制作脚本。
设计构思话音与背景音乐合成脚本。例如，是在悠扬的音乐声中缓缓传出话
音，还是在娓娓道来的话音后面渐渐飘来音乐，或是声音与音乐交替出现，让听
众在倾诉中感受故事的发展，在配乐中体会话音的情感。参照表 6-1-3 将设计思
路用表格呈现。
71第六章 音频和视频制作
表6-1-3 《 听，北京的声音》音频脚本
序 号 话 音 配 乐 同步方式
男1朗诵：听，胡同 清晨鸟鸣、自行车铃声、胡同
1 配乐在“听”字后起。
的清晨 声响、收音机里传来的声音。
男1朗诵：听，午夜 夜晚长安街的车流声，电报
2 配乐在“听”字后起。
的长安街 大楼《东方红》的钟声。
3 男1朗诵：听，戏！ 京剧演唱的声音。 配乐在“听”字后起。
和平鸽飞翔的声音，和着京
4 男1朗诵：听，曲儿！ 配乐在“听”字后起。
韵大鼓的弦声。
男2朗诵：北京的声
5 话音后出现广播音
音，北京新闻广播！
课堂思考
背景音乐是否可以比话音短？是不是所有的话音都需要配乐呢？
第四步，配乐，即合成音频信号。
用Audition软件的多轨混音模式，如图6-1-13所示完成两段音频合成的过程。
① 单击“素材框”上的“多轨”按钮，进入多轨编辑模式。
② 单击“文件→导入”命令，导入“音乐”和“话音”两个音频文件。再将
多轨按钮
时间选
择工具
移动工具
图6-1-13 多轨混音处理
72第一节 获取与加工音频
两个音频分别拖入“音轨1”和“音轨 2”中。
③ 根据脚本设计，移动两段声音的相对位置。
为了方便声音的对齐，在此将话音切成两段。用“时间选择工具” 单击需
要切开的位置，再单击“剪辑”→“分离”命令，完成声音的分离。
用“移动工具” 移动音频信号，将话音与配乐按设计脚本对齐。
经过多音轨处理后，得到一个“配乐话音作品”。
图6-1-14 创建混缩文件并保存
如图6-1-14所示，进行文件保存。
单击“编辑”→“混缩到新文件”→“会话中的主控输出”命令，根据需要，
选择混合成立体声或者是单声道。之后，软件自动混缩两个音频信号，并在单轨
道下自动生成一个混缩文件，再按单轨编辑的保存方式保存文件即可。
课堂实践
聆听配套光盘上提供的“配乐诗朗诵”作品，然后给自己的话音配乐，
设计制作一段个性突出的音频作品并保存。
评价与反思
配音原则是 ：
（1）除特殊情况外，一般配乐用来为主题烘托气氛，渲染话音内容的
情绪，描绘说话人的内心世界，引起听众的联想和想象，增强视听效果。
（2）若用到多段配乐，段和段之间的过渡要自然，衔接要顺畅。
73第六章 音频和视频制作
（3）音量控制上要做到主次分明，话音主题内容不该被配乐淹没。
反复聆听作品，确认话音与配乐是否和谐、优美，作品是否达到设计
要求？
课后作业
【1】归纳总结 ：音频作品制作流程。
【2】用所学音频处理技术，创作自己的配乐诗朗诵作品。
【3】动手录制演唱歌曲并剪辑和配伴奏乐，创作一首自己的音乐 MV。
【4】信息时代创造了很多时尚职业，如个性彩铃创作。选择主题，录
制声音，设计彩铃创作脚本，获取和剪辑配乐，创作自己的彩铃，存储到手机，
让朋友在联系你时感受你的个性。
74第二节 获取与加工视频
第二节 获取与加工视频
如果说音频作品让人得到听觉享受，那么随着计算机网络、多媒体技术的快
速发展，丰富多彩的视频作品真实记录生活中的人和事，带给人更多视觉新体验。
本节开始学习视频加工处理基本技术。
学习目标
了解视频的基本概念和基本原理。
了解常见视频文件格式。
学会视频加工处理基本技术。
一、视频概述
观察图 6-2-1 所示视频画面，当图片连续播放时，看到的就是运动员跳高的
过程。
图6-2-1 视觉暂留现象
当动作关联的画面播放速度达到每秒24帧或更高时，由于视觉暂留现象，人
感觉画面是连续的。视频技术就是根据这一原理发明的。
视频内容的基本组成是：
帧：影片或视频片断的最小单位，也就是图6-2-1所示的一个个静态画面。
场景：指拍摄的背景。如图 6-2-1 中的运动场。一部影片或一段视频会有很
多个场景，如家里、街上、教室、操场等。
知识链接 视觉暂留
人眼看到的物体是视网膜上形成的影像。物体影像通常在人的视觉神
经系统中会保留大约 0.01~0.05 秒。当两幅画面相关的图像切换间隔小于
0.01~0.05 秒，看起来就是连续的，这叫“视觉暂留”。动画、电影、视频等
75第六章 音频和视频制作
影像作品都是根据这个原理创作的。
课堂思考
电影、视频是兼有视觉艺术、听觉艺术特性的视听艺术，也是兼有时
间艺术、空间艺术特性的时空艺术，视听艺术与时空艺术有什么区别呢？
常见的视频文件格式如表6-2-1所示。
表6-2-1 常见视频文件格式一览表
格 式 说 明
Motion Picture Experts Group 的缩写。包括 MPEG-1、MPEG-2 和
MPG或MPEG
MPEG-4等多种格式，多用于VCD、DVD等
Audio Video Interleaved的缩写。语音和影像同步组合在一起的文件
AVI 格式，主要用于光盘保存电视、电影作品。AVI格式视频信号有失真，
压缩比高，应用范围广
Flash Video的简称。是流媒体视频格式，主要用于网络视频文件。
flv
文件极小
一种3G流媒体视频格式。目前3G手机上的视频主流格式，随3G
3gp
网络出现而出现，传输速度高
一种更小、更清晰、更利于网络传播的视频格式，正逐渐取代传
F4V
统的flv格式
流媒体视频格式，是可以边下载边观看、收听的网络多媒体信号格式。
知识链接 格式转换
不同视频格式作用不同。它们之间可以用软件来转换，如“格式工厂”
软件。
课堂思考
在生活、学习中你见过哪些格式的视频文件呢？
课堂实践
1. 将 AVI 格式视频文件的后缀名改为 MPG，该视频还能播放吗？
2. 从网络上下载一段视频，查看它的格式。
76第二节 获取与加工视频
二、获取视频
获取视频的方式有自己动手拍摄，也可以引用他人的作品，主要方式有以下
几种：
● 用视频采集卡，采集电视节目。
● 直接从网络下载视频文件。
● 用工具软件从DVD 或已有视频中截取。
现在可用于拍摄和保存视频的工具很多，如可录像的数码照相机、数码摄影
机、摄像机、摄像头、手机等，如图6-2-2所示。
图6-2-2 拍摄视频工具
课堂实践
1. 从网络下载一段《信息技术》课程教学视频。
2. 确立一个主题，利用拍摄设备，录制几段创作需要的视频并保存。
课后探究
电影、电视作品以往主要被保存在数字多功能光盘（Digital Versatile
Dist，简称 DVD）中，试用“格式工厂”软件中的高级应用——视频合并功能，
完成 DVD 内容的截取与格式转换，以获得一段流媒体格式视频。
三、编辑视频
当获取的视频内容不能完全满足需要时，就要进行视频编辑。即把各种素材
加入到时间轴面板，然后根据需要，进行剪辑和修整。现在学习用“会声会影”
软件编辑视频。
打开“会声会影”软件，进入如图6-2-3所示工作界面。
77第六章 音频和视频制作
菜单栏 步骤面板
播放器面板
素材库面板
时间轴面板
图6-2-3 “会声会影”编辑界面
其中：
● 步骤面板：包括捕获、编辑和分享按钮，这些按钮对应视频编辑过程中的
不同步骤。
● 播放器面板：包含预览窗口和导览面板。
● 素材库面板：包含媒体库、媒体滤镜和选项面板。
● 时间轴面板：包含工具栏和项目时间轴。其中项目时间轴中有视频轨、覆
叠轨、标题轨、声音轨和音乐轨。
课堂实践
认识“会声会影”界面，了解它的各项组成部分，并分别看一看不同
面板包含哪些命令集，具有哪些功能。
编辑视频内容分两大步：
第一步，准备编辑素材，包括导入素材，添加素材到时间轴。
第二步，编辑素材，包括剪辑内容，修整视频素材，以及删除素材录制时夹
杂的多余背景音。
下面以“学习环境”视频作品为例，学习编辑视频的方法。
78第二节 获取与加工视频
1. 导入素材
导入素材是编辑视频的基础，为后续编辑做准备。导入过程如图6-2-4所示。
①单击步骤面板的“捕获”→“从数字媒体导入”命令，打开“从数字媒体导入”
对话框。
②单击“选取‘导入源文件夹’”，打开“选取导入源文件夹”对话框，找到
素材文件夹并选中，单击“确定”按钮。
③单击“起始”按钮，选取要导入的视频文件，如“校门素材”，然后单击“开
始导入”按钮，把需要的素材导入到素材库中。
图6-2-4 导入素材
课堂实践
将一段配套光盘上或自己准备好的视频导入到素材库中。
２. 添加素材
将待编辑素材插入时间轴的方法如图6-2-5所示。
① 单击“步骤面板”的“编辑”按钮，在素材库面板上单击“导入媒体文件”
按钮，选中素材文件，单击“打开”，素材列表中显示出导入文件的缩略图。
② 选中素材缩略图，将其拖曳到视频轨道上，完成素材添加。
79第六章 音频和视频制作
图6-2-5 添加素材
课堂思考
通过“导入媒体文件”的方式导入素材后，在素材列表中所显示的素
材缩略图是文件本身吗？
课堂实践
右击时间轴空白处，尝试用“插入视频”、“插入照片”、“插入数字媒体”
等方式，添加素材，与“导入媒体文件”方式比较异同。
３. 剪辑素材
剪辑就是将视频内容按需要剪成一段一段的
独立片断。
在正式剪辑素材之前，首先要单击导览面板
上的“开始播放”按钮 ，仔细观看视频，设
计剪辑方案，如图6-2-6 所示。
在预览的过程中，“剪辑”按钮 显示为灰
色表示不可用。找到所需视频的开始时间，暂停
播放，单击“剪辑”按钮，视频被分为两部分，
图6-2-6 预览视频素材
80第二节 获取与加工视频
如图 6-2-7 所示。再找到所需视频的结束时间，再次剪辑。如此反复，将视频按
需要和不需要剪成一段一段的独立片断。之后选中不需要的视频素材，按 Delete
键删除。
图6-2-7 分割视频
在剪辑的过程中，可以用导览面板上的“上一帧”按钮 和“下一帧”按钮
微调画面内容，实现画面精确剪辑。单击“上一帧”按钮，则显示上一帧画面；
单击“下一帧”按钮，则显示下一帧画面。
课堂实践
用空格键控制视频的播放与暂停。
评价与反思
一段好的视频，不仅画面流畅清晰，而且没有多余信息。你对自己的
作品做过剪辑吗？是否完成了精确剪辑？
４. 修整播放速度
为了强调角色的某个动作或某个场景，快慢镜头是常用手法。慢镜头让瞬
间美放慢脚步 ；快镜头则可以创造视觉冲击效果。下面以快镜头为例，学习修
正播放速度。
加快视频播放速度的步骤如图6-2-8所示。
81第六章 音频和视频制作
① 选中视频，右击鼠标，选择“打开选项面板”选项。
② 选择“速度／时光流逝”选项，在弹出的“速度 / 时光流逝”对话框中，
通过输入相对于正常播放速度的百分比值，调整播放速度。设置数值小于 100%
时为慢放，最小值为 10% ；设置数值大于 100% 时为快放，最大值为 1000%。设
置好快放速度后，单击“确定”按钮。
图6-2-8 “速度/时光流逝”对话框
5. 去除背景音
如果拍摄的视频中有不需要的背景声音，可以用“分割音频”选项消除背景
音。选中视频，单击“分割音频”选项，音频轨道上会显示出视频中夹杂的音频。
如图6-2-9所示。选中音频直接删除。保存编辑好的视频。
图6-2-9 分割音频
课堂实践
反复观看导入的视频，设计编辑方案，并按照方案进行编辑。
82第二节 获取与加工视频
课后探究
选项面板中的“色彩校正”和“反转视频”选项有什么用途？和同学
一起研究制作自己的特色视频。
评价与反思
优秀的视频，要求画面清晰，镜头平稳，内容合适，没有多余、拖沓
的画面以及嘈杂背景音。有个性的视频，还会借助快慢镜头展示自己的创意。
检查自己的作品是否符合要求，如果不满意就继续编辑，直到满意。
四、添加效果
为了在作品中详细介绍自己的学习环境，拍摄了多段校园视频，如教室学习、
操场活动、实验操作等，还有学校特色建筑。
播放视频时发现，从教室里的学习镜头立刻切换到生龙活虎的操场，两画面
间没有任何过渡，生硬横切，令人一头雾水。添加转场效果则可以让场景自然流
畅地切换。
视频的特色效果不仅包含转场效果，还包含滤镜效果。
1. 转场
转场效果是实现视频中不同场景之间的过渡转换，形成一个画面还未完全消
失，而另一个画面便交替出现的效果，使两个场景在某一段时间内以不同的形式
同时出现在影片中，增强视频观赏效果，缩减视频播放时间。如图6-2-10所示。
图6-2-10 转场效果
83第六章 音频和视频制作
为了方便添加转场效果，单击时间轴面板上的“故事板视图”按钮 ，将“时
间轴视图”切换到“故事板视图”。故事板中的每两段视频间将会出现灰格，如
图6-2-11 所示。
图6-2-11 故事板视图
以在作品中添加“交叉淡化”转场效果为例，说明转场效果的制作方法。操
作过程如图6-2-12 所示。
① 单击“转场”按钮 ，打开转场效果下拉列表。
② 选择“过滤”选项后，素材库中显示出所有的“过滤”转场效果。
③ 拖曳“交叉淡化”效果到故事板中的两个影像之间。
④ 单击导览面板中的“播放”按钮，预览转场效果。
重复上面步骤，在各段视频之间添加转场效果。
图6-2-12 添加转场效果
课堂思考
1．如果添加的转场效果不满意怎么办？直接用 Delete 键删除？
2．如果没有切换到“故事板视图”下，能添加转场效果吗？
84第二节 获取与加工视频
课堂实践
自己的作品打算用怎样的转场效果链接不同场景呢？仔细观看视频后，
为视频添加合适的转场效果。
2. 滤镜
看电视的时候，经常会看到自然景物的镜头前出现太阳光晕，造成镜头的自
然感，这是因为使用了滤镜效果。
滤镜是可以应用到视频素材中改变视频画面外观和样式的特效。
以为“学习环境”视频中的树木添加“镜头闪动”滤镜效果为例，学习滤镜
的使用。过程如图6-2-13所示。
① 单击“滤镜”选项 ，打开滤镜效果下拉列表。
② 选择“相机镜头”选项，素材库中显示出所有“相机镜头”转场效果。
③ 拖曳“镜头闪动”效果到视频上，该滤镜能在影片中产生太阳光晕的效果。
④ 单击导览面板中的“播放”按钮，预览滤镜效果。
图6-2-13 添加滤镜效果
课堂实践
1. 如何替换滤镜效果或者删除滤镜效果？
2. 根据自己的视频确定使用滤镜的场景，并添加合适的滤镜效果。
85第六章 音频和视频制作
知识链接 个性化滤镜
如果软件预置滤镜不能满足需要，可以调整镜头类型和光源大小、额
外强度等，设置个性化滤镜。如图 6-2-14 所示。
① 单击素材库面板右下角的“选项”按钮 。
② 单击“自定义滤镜”按钮，弹出“镜头闪光”对话框，增加中间关键帧，
设置镜头闪光参数，为视频设置炫光效果。
③ 设置完毕后，单击“播放”按钮，预览应用镜头闪光后的效果，如
果不满意，重新修改滤镜参数，直到满意为止。
图6-2-14 自定义滤镜效果
课后探究
转场添加在两段视频之间，滤镜添加在一段视频之上，那么，视频轨
下面的覆叠轨是做什么的？试着拖曳一小段视频到覆叠轨上，观察发生的
变化，并探究自己的创作如何使用覆叠轨。
评价与反思
自己制作的视频作品中，不同场景之间的切换自然吗？有需要添加滤
镜效果的场景吗？反复预览作品，确认添加的效果是否合适。
五、添加文字与声音
电视、电影中的字幕便于观众理解作品内容，视频上也可以添加字幕。
86第二节 获取与加工视频
1. 添加文字
使用“会声会影”的添加标题功能，可为视频添加文字。给“学习环境”视
频中的“校门”添加预设标题的步骤如图6-2-15所示。
① 单击“标题”按钮 ，素材库中显示出所有预设标题。
② 将素材库中的第二个文字效果拖曳至时间轴视图中的标题轨上。
③ 在预览窗口中双击字幕，将“Lorem ipsum”修改为需要的文字内容。
④ 单击导览面板中的“播放”按钮，预览文字添加到视频中的效果。
⑤ 选中标题轨上的标题素材，拖动它两边的拖柄，可调整它出现的时长。
图6-2-15 添加预设标题
如果想更加精确地调整时长，可以调整选项面板上的“区间值”。如图 6-2-
16所示。
图6-2-16 调整区间值
⑥ 为了方便以后重复使用，保存字幕文件。
87第六章 音频和视频制作
课堂实践
设计视频画面字幕，并用添加预设标题技术为视频配字幕。
知识链接 个性化字幕
“会声会影”支持自定义标题风格，方法是修改预设标题的文字效果，
即打开字体库右下角的“选项”面板，修改字体的样式、大小、颜色等。
如图 6-2-17 所示。
图6-2-17 修改字体样式
预设标题的动画效果也可以修改。可利用文字素材库中的“属性”选
项完成，如制作“淡入淡出”的字幕。
课堂实践
外语原版电影在国内上映时都配有中文字幕，这些字幕是如何添加的？
试着为自己的视频配上字幕。
2. 添加声音
字幕固然能帮人理解视频内容，但是声音是决定视频作品最终成败的重要因
素之一。精彩的配音可以渲染气氛，增加视频观赏效果。
现在就把制作好的话音和准备的背景音乐添加到“学习环境”视频上，完成
配音和配乐任务。
88第二节 获取与加工视频
和添加视频素材的方法一样，将准备好的话音和背景音乐素材添加到时间轴
中的声音轨和音乐轨上，如图6-2-18所示。
图6-2-18 添加话音
添加话音和背景音乐后，预览视频，检查素材是否同步，并进行微调，直到
同步，保存文件。
使用“会声会影”，声音也可作出淡入淡出效果。选中音频，单击素材库右
下角的“选项”按钮，在“音乐和声音”选项面板上设置声音的淡入和淡出效果，
如图6-2-19所示。
图6-2-19 设置淡入淡出效果
一般情况下，默认淡入时间 1 秒，淡出时间 1 秒，若要调整时间，单击“工
具”→“参数设置”命令，在对话框的“编辑”选项卡中设置淡入淡出时间，如
图6-2-20所示。
图6-2- 20 修改淡入淡出时间
89第六章 音频和视频制作
播放视频，查看制作效果。
课堂实践
为自己的视频添加话音和背景音乐。
课后探究
声音轨上的声音能否进行音量控制？试着用“音乐和声音”选项面板
调节。即选中音频，单击“选项”按钮，进入“音乐和声音”选项面板进
行调整。
评价与反思
一段好的视频要求场景平滑过渡，镜头渲染得当，配有和谐的背景音
乐和合理的旁白，加上匹配的字幕，检查自己的视频是否符合这些标准。
课后作业
【【【【1111】】】】借借借借助助助助拍拍拍拍摄摄摄摄工工工工具具具具，，，，可可可可以以以以记记记记录录录录真真真真实实实实画画画画面面面面来来来来叙叙叙叙述述述述一一一一件件件件事事事事情情情情，，，，介介介介绍绍绍绍一一一一个个个个人人人人物物物物，，，，
讲述一段故事。选择一个喜爱的主题，录制并编辑一段视频，展现自己的
创作能力。
【2】你的好朋友是谁？录制并编辑一段视频介绍你的好朋友。
【3】录制并编辑一段介绍家庭成员的视频。
90第三节 创作视频作品
第三节 创作视频作品
视频是各种媒体中携带信息最丰富、表现力最强的一种信息载体。好的视频
作品经过了构思脚本、获取素材、后期编辑和发布几个环节才完成。本节学习创作、
设计、制作、分享视频作品的方法。
学习目标
了解视频作品创作的基本流程。
创作一部简单的视频作品。
学会发布作品。
一、创作流程
创作视频作品，主要包括构思脚本、获取素材、后期编辑和发布作品 4 个关
键步骤。如图6-3-1所示。
图6-3-1 视频创作流程
第一步，构思脚本是制作视频作品的基础，一个好的视频作品最关键的是有
一个好脚本，也就是有一个好的创意。
脚本，也可以说是分镜头脚本，好比建筑大厦的蓝图，是摄影师进行拍摄，
剪辑师进行后期制作的依据和蓝图，也是演员和所有创作人员领会导演意图、理
解剧本内容、进行再创作的依据。例如表6-3-1所示的分镜头脚本。
91第六章 音频和视频制作
表6-3-1 《我的学校》视频分镜头脚本（节选）
镜头号 景 别 时 间 画面内容 字 幕 配 音 音 乐
学校朱红色的 当你走进学校朱红《安妮的仙
1 特写 1 S 我的学校
大门 色的大门 境》
历史的厚重和红色
2 全景 5 S 两张老照片 同上
的传统
3 特写 1 S 教学楼檐壁 将在古典飞檐 同上
4 特写 1 S 学校内古树 苍松翠柏的掩映下 同上
5 近景 1 S 徐特立雕像 在革命先辈 同上
6 特写 3 S 徐特立雕像 满怀深情的注视中 同上
国家三代领导 在一代代领导人留下
7 全景 4 S 同上
人题词 的飘香翰墨里
凝聚成一股温暖的
8 全景 2 S 教学楼 同上
力量
9 中景 3 S 学校小花园 感动着你的心灵 同上
第二步，获取视频。原创就是自己动手拍摄视频。家庭 DV、照相机、手机
等都可以拍摄视频，拍摄的方法和技巧需要反复练习。
第三步，剪辑制作。这是最关键的一步。包括整理素材、初剪、精修、添加特效、
添加标题、添加声音和最终合成。
① 整理素材，包括收集拍摄视频、准备背景音乐、录制旁白等，以及检查素
材的完整性和完好性，如发现拍摄的视频有不足，要尽快弥补。
② 初剪。素材后期制作中，要考虑视频作品的结构，根据拍摄意图和整体构
思，决定画面的取舍和组织方式。考虑好后，开始进行初剪。即依据脚本和构思，
将拍摄素材按照脚本顺序拼接起来，剪辑成一个没有特效、没有音乐、没有旁白
的“毛坯”版本。
③ 精修。根据画面要表达的意思，再次剪辑视频，包括去掉没拍好的视频，
修剪画面，丰富视频场景的变化等。
④ 添加特效。如加转场、滤镜等特效，渲染画面，使画面看上去自然，切换平滑。
⑤ 添加标题。即加字幕，或特殊说明文字。
⑥ 添加声音。这是最后一步，为视频添彩，难点是使音画同步。
编辑完成后，反复审查作品，推敲意思表达是否合理，检查编辑的质量。
第四步，发布作品。这是创作的最后一步。
视频作品的制作没有一成不变的要求或原则，但要记住 3 句话：“适合的才
92第三节 创作视频作品
最好”，“技术服务于内容”，“多实践多思考多临摹”。
课堂实践
按所学的视频创作流程，创作一部属于自己的视频作品。
评价与反思
视频作品是按照流程创作的吗？反复预览，并请他人帮忙提意见和建
议，用所学知识完成作品创作。
二、发布作品
视频作品制作完成后，需要按一种视频格式输出，才可以脱离制作环境播
放。“会声会影”软件中有多种输出格式，如 MPEG、AVI 等格式，还可以刻录成
DVD、VCD 光盘。
输出为MPEG 格式的方法如图6-3-2 所示。
① 单击“步骤面板”上的“分享”选项，切换到“分享”步骤的选项面板。
② 单击“创建视频文件”按钮，在弹出的下拉列表中选择视频类型为“MPEG2
（720×576）”。
③ 在弹出的“MPEG 优化器”对话框中选择“接受”，然后选择好视频保存路径，
命名保存。
④ 渲染完成后，视频就输出了。
图6-3-2 将视频输出为MPEG格式
93第六章 音频和视频制作
课堂思考
“会声会影”可不可以只保存声音文件，即能生成独立的音频格式文件？
课堂实践
1. 将自己的视频作品与同学分享，以 MPEG 格式输出。
2. 将视频刻录成 DVD 光盘。
课后探究
把编辑好的视频存储到手机上，能播放吗？如不能播放，问题是什么？
请用视频格式转换软件，如“格式工厂”进行视频格式转换，使之被手机支持。
课后作业
【1】归纳总结 ：视频作品的创作流程。
【2】制作一段感恩父母的视频送给你的爸爸妈妈。
【3】你有几个好朋友？制作一段关于朋友的视频送给他们。
【4】按视频创作流程，设计主题，编写脚本，录制或采集素材，编辑视频，
制作一段视频，发布给全班同学。
94评价与反思
评价与反思
音频作品的评价与反思
项 目 自 评 他 评
健康向上 ○ ○
主题
（星级评定） 有时代感 ○ ○
将○涂成●
立意新颖 ○ ○
搜集素材准确迅速 ◇ ◇
方案设计思路敏捷 ◇ ◇
学习实践
活动过程
（星级评定） 自学教材积极主动 ◇ ◇
将◇涂成◆
善于学习他人经验 ◇ ◇
积极动手,勇于实践 ◇ ◇
谁的思路比较新颖
小组合作 谁的组织、策划能力较强
（填写人名） 谁的操作比较熟练
谁的积极性比较高
音频作品贴近主题 ☆ ☆
音频作品有创意 ☆ ☆
活动成果
（星级评定） 配乐能够烘托话音 ☆ ☆
将☆涂成★
段与段之间过渡自然 ☆ ☆
音量控制合理，配乐没有淹没话音 ☆ ☆
□了解了声音的概念
□知道了音频文件的常见格式 ●录制了（ ）段声音
收获 □学会了用Adobe Audition录制声音 ●设计了（ ）个脚本
（填空或勾选） □学会了用Adobe Audition编辑音频文件 ●创作了（ ）段音频
□掌握了创作音频作品的方法 作品
□创作了一段音频作品
有哪些基础知识和基本操作需要巩固和提高。有哪些问题需要与老师
反思
进行探讨。
95第六章 音频和视频制作
视频作品的评价与反思
项 目 自 评 他 评
健康向上 ○ ○
主题
（星级评定） 有时代感 ○ ○
将○涂成●
立意新颖 ○ ○
搜集素材准确迅速 ◇ ◇
学习实践 方案设计思路敏捷 ◇ ◇
活动过程
（星级评定） 自学教材积极主动 ◇ ◇
将◇涂成◆ 善于学习他人经验 ◇ ◇
积极动手，勇于实践 ◇ ◇
谁的思路比较新颖
小组合作 谁的组织、策划能力较强
（填写人名） 谁的操作比较熟练
谁的积极性比较高
视频作品贴近主题 ☆ ☆
视频作品有创意 ☆ ☆
视频素材较多原创 ☆ ☆
故事情节设计合理、有趣 ☆ ☆
活动成果
（星级评定） 画面精美 ☆ ☆
将☆涂成★
画面之间切换自然 ☆ ☆
添加了文字标题和字幕 ☆ ☆
添加了配音和配乐 ☆ ☆
配音和配乐能够较好地烘托主题 ☆ ☆
□了解了视频的概念
□知道了视频文件的常见格式
□学会了获取视频的方法
□学会了用“会声会影”编辑视频
●拍摄了（ ）段视频
□学会了为视频添加转场
收获 ●设计了（ ）个脚本
□学会了为视频添加滤镜
（填空或勾选） ●创作了（ ）段视频作品
□学会了为视频添加音频
●发布了（ ）段视频作品
□学会了为视频添加文字
□掌握了创作视频作品的方法
□创作了一段视频作品
□学会了发布视频作品
有哪些基础知识和基本操作需要巩固和提高。有哪些问题需要与老师
反思
进行探讨。
96第七章
动画制作
学学学习习习目目目标标标
了解动画基础知识。
掌握简单动画制作方法。
掌握动画制作基本流程。
学会用动画叙述故事，表达思想和情感。
动画（Animation）是指运用传统动画制作手段或者
现代计算机技术制作的连续影像。动画技术已经被广泛
应用于讲述故事，表达思想和情感。伴随着科技的发展，
动画制作不再是专业人员的专利。本章主要介绍制作简
单动画的基本流程和基本方法。
通过学习本章，掌握创作简单动画作品的基本方法，
提高表达的能力。第七章 动画制作
第一节 初识动画
为了让静止的画面动起来，人类的探索从未停止，皮影戏、走马盘、手翻
书都是早期动画技术。自 1906 年第一部电影胶片动画《The Humorous Phases of
Funny Faces》问世以来（如图 7-1-1 所示），动画已经有百余年历史。
片头动画 动画片断
图7-1-1 第一部电影胶片动画
本节学习动画的产生原理与制作方法的分类，认识动画制作软件 Flash 的工
作环境，掌握动画制作中一些常用概念。
学习目标
了解动画产生的原理与分类。
认识Flash软件的工作环境。
掌握Flash软件中舞台、时间轴、帧的作用。
学会创建、修改Flash文档的属性。
一、动画的原理及分类
1. 动画原理
人眼看到物体后，物体在视网膜上的影像会滞留 0.01~0.05 秒左右，这种现
象称为“视觉暂留”。
根据“视觉暂留”原理，将角色的动作分解、绘制成一系列连续的静态画面。
依次快速播放画面时，人的大脑被欺骗，误以为连续放映的一系列静态画面是动
态的，即动画。如图7-1-2所示。
98第一节 初识动画
图7-1-2 火柴人翻跟斗动作分解图
动画中每一张静态的画面称为“帧”，帧是构成动画的最基本元素。
2. 动画分类
现在人们看到的动画既有影院动画、网络动画，也有平面动画和三维动画。
从制作技术和手段来看，动画可以分为传统动画和电脑动画两类。
（1）传统动画
传统动画以手工绘制连贯的静态画面为基础，经过逐帧拍摄、特效处理、配音、
配乐等一套完整的流程创作而成。
传统动画的绘制任务相当繁重。例如 1961 年问世的《大闹天宫》，仅上集就
绘制了近 7 万张画稿，造型奇异，场面宏伟，具有独特的艺术色彩，堪称中国动
画史上的丰碑。日本动画大师宫崎骏创作《悬崖上的金鱼公主》时，坚持采用传
统动画技术，一年半时间内，大约 70 名工作人员创作了 17 万张画稿，可见绘图
工作量之大。图7-1-3 是这两部动画片的剧照。
《 大闹天宫》剧照 《悬崖上的金鱼公主》剧照
图7-1-3 传统动画剧照
（2）电脑动画
电脑动画用计算机动画制作软件辅助完成动画制作，大大提高了制作效率。
主要表现在以下几个方面。
① 软件能把制作好的角色、场景、动画片断存储到电脑中，供重复使用。
② 软件可以对矢量动画的起始画面和终止画面进行插值运算，自动生成中间
99第七章 动画制作
的过渡变化效果。如图7-1-4所示的月相变化。
起始画面 终止画面
自动生成的中间画面
图7-1-4 月相变化
③ 可以在电脑屏幕上预览动画效果，及时发现问题进行修改。
④ 在后期制作环节中加入特技效果，增强动画的视觉冲击力。
电脑动画体现了科技与艺术的完美结合，在动画片创作、电子游戏、网络媒体、
影视特效、教学演示、模拟实验等领域发挥重要作用。
课后探究
和同学们分享一部你喜欢的传统动画片或电脑动画片，说一说动画片
中最打动你的是什么？尝试分析传统动画与电脑动画在制作手段上有哪些
不同。
二、动画制作环境
目前，动画制作软件有Flash、Animo、Retas Pro 等。其中，Flash软件作为一
种二维交互式动画设计工具，对硬件要求较低，操作简单、直观，可绘制矢量图形，
影片文件容量小，制作成本低，应用范围广。
1. 初识 Flash 工作界面
① 单击“开始”→“所有程
序 ” →“Adobe Flash Professional
CS5”，打开软件。
② 在 起 始 界 面 中 的“ 新
建 ” 区 域 内， 选 择 文 件 类 型
“ActionScript 3.0”，如图 7-1-5 所
示。
③ 软件中内置了包括“基本
图7-1-5 Flash起始界面
100第一节 初识动画
功能”在内的7种界面布局，以满足不同的用户群体，如图7-1-6所示。
界面布局选项 其他面板按钮
主菜单
属性面板
工具面板
舞台
时间轴
图7-1-6 Flash工作界面
课堂实践
熟悉 Flash 软件的工作界面，尝试以下操作 ：
① 更改界面布局 ：单击“基本功能”下拉列表，选择“传统”选项，
如图 7-1-7 所示。
② 更改舞台的显示比例为 50%，如图 7-1-8 所示。
图7-1-7 更改界面布局 图7-1-8 更改显示比例
③ 调整“工具面板”的显示方式。移动鼠标指针至“工具面板”边界，
左右拖动鼠标调整面板宽度，如图 7-1-9 所示。
101第七章 动画制作
单击“工具面板”上的双箭头图标，折叠、展开面板，如图 7-1-10 所示。
图7-1-9 调整面板宽度 图7-1-10 折叠、展开面板
④尝试打开“颜色”等其他面板，试试其作用。
2. 舞台与时间轴
Flash 中的舞台就像电影的银幕或者戏剧的舞台，用来编辑、展示动画中每一
帧的内容。默认情况下，舞台是白色的，当画面出现在白色区域以外时，观众看
不到。
时间轴用来安排角色的出场顺序、表演时间、舞台上的前后位置、运动的方
式以及表演流程等。它由图层操作区、帧操作区和播放指针组成，如图7-1-11所示。
播放指针 帧操作区
帧
图层操作区 当前帧 帧速率 运行时间
图7-1-11 时间轴
帧操作区中，时间轴右侧的小方格为动画中的一帧，它有编号，每一帧都对
应着舞台上的一个画面。
帧速率也称“帧频”，数值越大，每秒钟播放的画面数越多。
102第一节 初识动画
课堂实践
打开配套光盘中“海底世界 .fla”源文件，进行以下操作。
① 单击时间轴上的任意帧，观察舞台上的画面内容，体会时间轴与舞
台画面的对应关系。
② 单击时间轴上的任意帧，查看动画的运行时间，思考“当前帧数”、“帧
频”、“运行时间”三者的关系。如图 7-1-12 所示。
图7-1-12 单击任意帧，查看运行时间
③ 根据每一帧的内容，预测动画播放效果。
④ 按 Enter 键，播放指针从左到右匀速移动播放每一帧，并在舞台上
预览动画效果。
知识链接 关于“帧频”
帧频是指每秒钟播放的画面数，单位是帧 / 秒，英文表示为 fps。为了
保证画面的流畅性，通常电影采用 24 fps 的速度进行拍摄和放映、电视为
25 fps 或 30 fps。
Flash 软件中默认帧频为 24 fps。网络动画可以考虑将帧频适当降低，
但不宜低于 8 fps。帧频过低画面看起来不流畅，太高则给计算机 CPU 和内
存增加负担。每个 Flash 动画只有一种帧频。
课堂思考
帧速率与画面质量有关系吗？当帧速率为 16、24 或 30 时，动画播放
的效果有何变化？创作快速播放镜头，能通过调整帧速率实现吗？
3. 设置文档属性
创作动画之前，根据需要设置好舞台的大小、颜色、帧频等属性。具体操作
如下。
103第七章 动画制作
① 单击菜单“修改”→“文档”命令项，弹出“文档设置”对话框。
② 设置对话框中的参数及选项，如图 7-1-13所示。
舞台尺寸
舞台计量单位
设置舞台尺寸为默认取值
图7-1-13 文档设置
修改舞台大小有两种方式：①直接输入舞台尺寸值。②设置舞台的大小与打
印机或画面内容一致。
“标尺单位”指舞台上标尺的计量单位，可以是像素、英寸、点、厘米、毫米等。
单击菜单“视图”→“标尺”命令项，打开标尺，辅助定位角色在舞台上的位置，
如图7-1-14所示。
水平标尺
垂直标尺
图7-1-14 舞台标尺
课堂实践
1. 新建一个 Flash 文档。
2. 设置文档属性 ：舞台尺寸为 800 像素 ×600 像素，背景颜色为蓝色，
帧频为 12fps。
104第一节 初识动画
课后作业
【1】归纳总结 ：传统动画与电脑动画在制作手段上有哪些不同？
【2】按照空间的视觉效果分类，动画可以分为二维动画和三维动画，
请列举几个相关实例。
【3】网络动画和影院放映的动画片有什么不同？
【4】按照制作材料和呈现方式进行分类，动画可以分为木偶动画、剪
纸动画、泥塑动画、水墨动画、沙土动画等，请列举几个相关实例。
【5】结合自己的经验，列举 Flash 动画技术的用途。
【6】说出帧数、动画运行时间、帧频之间的关系。
105第七章 动画制作
第二节 绘制图形
动画作为一门视觉艺术，离不开生动的角色形象和漂亮的场景画面。Flash 非
常适合创作网络动画，因此备受普通大众欢迎。本节学习图形的绘制方法，了解
元件在动画中的作用，初步掌握角色和场景设计的流程和方法。
学习目标
掌握简单图形的绘制。
掌握图形的基本编辑。
初步认识库与元件的作用，学会创建元件。
初步学会设计简单的角色和场景。
一、绘制简单图形
绘制图形时，首先要使用线条勾勒出场景或角色的外形轮廓与内部结构，即
绘制线稿。如图 7-2-1 中的篮球小子、小猫、树叶、小鱼，都可以使用 Flash 的
绘图工具创作完成。
篮球小子 小猫 树叶 小鱼
图7-2-1 绘制线稿
1. 选择绘图工具
在Flash的工具面板中单击需要的绘图工具，具体内容如表7-2-1所示。
106第二节 绘制图形
表7-2-1 常用绘图工具表
线条绘制工具 基本形状工具
线条工具
铅笔工具
多边形工具组
钢笔工具
刷子工具
铅笔工具适合随心所欲地绘制图形，如图 7-2-1 中的篮球小子。铅笔工具提
供了3种绘制模式，分别为“伸直”、“平滑”、“墨水”，最常用的是“平滑”模式，
它可以将绘制的线条自动修正为平滑曲线，如图7-2-2所示。
图7-2-2 铅笔工具 图7-2-3 刷子模式、大小和形状
刷子工具适合创作笔刷涂抹效果，实现轮廓线绘制或上色，如图 7-2-1 中的
小猫。使用前注意在工具选项中更改刷子的模式、大小和形状，如图7-2-3所示。
画图时选择不同的刷子模式，会产生不同的绘制效果，如图7-2-4所示。
图7-2-4 刷子模式
● 标准绘画：直接在线条和填充区域上涂抹。
● 颜料填充：只涂抹填充区域，轮廓线不受影响。
● 后面绘画：只涂抹填充区域与轮廓线以外的空白区域。
107第七章 动画制作
● 颜料选择：只涂抹选择工具和套索工具选中的区域。
● 内部绘画：只涂抹最先被刷子工具选中的内部区域。
课堂思考
不同的刷子模式能给绘图带来哪些方便？
2. 快速创作
通过修改绘图工具的属性，可以快速绘制出一些常见图形。例如绘制一个五
角星形状，基本步骤如下：
① 在工具面板中单击“多角星形工具”。
② 在属性面板中，设置笔触颜色为“橙色”，填充颜色为“无”。
③ 设置笔触粗细，设置样式为“虚线”。
④ 单击“选项”按钮，选择样式为“星形”，边数为“5”，如图7-2-5所示。
⑤ 在舞台上拖动鼠标指针，绘制出五角星形状。
当前工具
无填充颜色
笔触颜色
笔触粗细
图7-2-5 设置多角星形工具属性
课堂思考
你还可以快速绘制出哪些图形？
108第二节 绘制图形
3. 调整形状
虽然绘图工具有限，但利用选择工具 ，可以对图形的形状进行调整，表达
无限的图形创意，如图7-2-1中的树叶和小鱼。
调整方法如下：
① 单击选择“工具”按钮，靠近绘制好的直线。当鼠标指针尾部出现弧线时，
向下拖动鼠标指针，得到平滑的曲线，如图7-2-6所示。
靠近线条效果 向下拖动鼠标指针效果 最终效果
图7-2-6 选择工具调整形状
② 单击选择“工具”按钮，靠近绘制好的曲线，按住 Ctrl 键的同时向上拖动
鼠标指针，如图7-2-7 所示。
靠近线条 按住Ctrl键向上拖动鼠标指针 最终效果
图7-2-7 按住Ctrl键调整形状
课堂实践
利用椭圆工具和选择工具，绘制一个心形，如图 7-2-8 所示。
图7-2-8 心形的绘制
知识链接 钢笔工具
钢笔工具 ，又叫贝塞尔曲线工具，可以绘制更复杂的折线和曲线。它
通过调整“锚点”对图形进行精确控制，绘制复杂的矢量图。
1. 绘制折线。
单击鼠标绘制直线段。如果同时按住 Shift 键，单击鼠标可以绘制出水
平、垂直、斜 45 度等线段，如图 7-2-9 所示。
109第七章 动画制作
②Shift +单击 ⑤Shift +单击
⑦单击 ⑧ 单击工具面板
上的任意工具，
④Shift +单击
结束绘制
①单击
③单击 ⑥Shift +单击
图7-2-9 绘制折线
2. 绘制自由曲线、封闭曲线。
单击确定“锚点”之后，拖动鼠标直到出现“切线手柄”，通过更改手
柄方向，调整曲线弧度。如图 7-2-10 所示。
④ 单击工具面板
①单击
③单击并向下 上的任意工具，
拖动鼠标 结束绘制。
②单击并向上
拖动鼠标
图7-2-10 绘制曲线
图7-2-10 绘制曲线
二、上色工具
给线稿上色，可以让画面更加生动、丰富，如图7-2-11所示。
篮球小子 小猫 树叶 小鱼
图7-2-11 上色效果
110第二节 绘制图形
1. 常用上色工具
矢量图形的颜色包括外部轮廓色（即笔触颜色）和内部填充色，如图 7-2-12
所示。工具面板中常用的上色工具如表7-2-2所示。
表7-2-2 常用上色工具
笔触颜色
图标 名称 作用
颜料桶工具 填充内部颜色
墨水瓶工具 填充笔触颜色
内部填充色
刷子工具 为指定部分上色
图7-2-12 矢量图形的颜色
2. 设置颜色
单击按钮 ，即可打开颜色面板，根据需要选择笔触颜色和填充颜色，如图
7-2-13所示。
笔触颜色 颜色类型
填充颜色
选择颜色
颜色数值
预览颜色
单击即可增加新色标，
拖动色标至预览区以
外，即可删除色标
图7-2-13 颜色面板的使用
以图7-2-14中的“立体小球”为例，具体步骤如下：
① 绘制一个圆形。
② 单击颜料桶工具，在颜色面板中选择“径向渐变”
颜色类型。
③ 在圆形区域内单击完成上色。
图7-2-14 立体小球
111第七章 动画制作
课堂实践
打开配套光盘中“天空草地 .fla”源文件，为天空填充“线性渐变”，
为草地填充“径向渐变”，如图 7-2-15 所示。
默认情况下，颜料桶工具只能在完全封闭的轮廓线内部填色。当轮廓
线之间没有交点、存在空隙时，就会导致上色失败。这时候就需要更改颜
料桶工具的“空隙大小”选项，如图 7-2-16 所示。
图7-2-15 上色效果 图7-2-16 “空隙大小”选项
三、编辑图形
1. 移动图形
选中图形后移动，即可更改图形布局位置。当使用选择工具单击图形时，一
次只能选取一个色块或一段线条。如采取拖动鼠标方式，只要选中整个图形框进
行移动，就能完成多个色块或线条的移动，如图7-2-17所示。
选中局部 选中整体 移动图形 组合图形
图7-2-17 图形的移动、组合
2. 组合图形
组合图形就是将多个图形对象组合成一个对象。例如：
① 将图7-2-17中的“绿色树叶”全部选中。
② 单击菜单“修改”→“组合”命令。
图形边缘出现蓝色矩形框，图形的轮廓线和填充色组合在一起。然后，只要
112第二节 绘制图形
单击图形的任意位置，就可以选中整个图形，整体移动、变形、复制等。
如图 7-2-18 所示，组合后的多个图形叠放在一起时，它们之间的颜色、形
状不会互相影响。右击图形，选择“排列”→“下移一层”命令，可以更改组合
图形的排列顺序，如图7-2-19所示。
图7-2-18 多个组合图形 图7-2-19 更改排列顺序
3. 图形的任意变形
在工具面板上选择“任意变形”工具 ，单击需要变形的图形，鼠标指针
移动到控制点上拖曳，即可进行缩放、旋转和倾斜等操作，如图7-2-20所示。
缩放 旋转方式1 旋转方式2 倾斜
图7-2-20 图形的任意变形
课堂实践
打开配套光盘中“小树 .fla”源文件，绘制一朵小花，添加在小树上。
创作过程如图 7-2-21 所示。
组合图形 复制并旋转 重复操作 绘制花心
最终效果
图7-2-21 花朵的绘制过程
113第七章 动画制作
课堂思考
如果动画中需要 10 棵同样的小树，怎么做？
四、库与元件
通俗地说，元件是Flash中可以重复使用的演员，它保存在文件的“库”中。
1. 转换为元件
假设动画中需要 10 棵小树，就需要把绘制好的小树图形转换为元件。具体
方法如下：
① 使用选择工具选中整棵“小树”图形。
② 右击图形，选择“转换为元件”命令，如图7-2-22所示。
图7-2-22 转换为元件 图7-2-23 设置对话框
③ 在弹出的“转换为元件”对话框中键入名称“小树”，类型为“图形”，单
击“确定”按钮，如图7-2-23所示。
2. 使用库面板
“库”是存放元件的位置，定义好的元件自动存储在库中。相对舞台来说，
库是后台。使用方法如下：
① 按F11键打开库面板，查看存储好的元件。
② 拖动“小树”元件到舞台，重复操作，添加多棵“小树”，如图7-2-24所示。
114第二节 绘制图形
元件预览区
舞台
元件列表区
管理元件按钮
图7-2-24 使用库面板
3. 元件的修改
如果库中元件被修改，舞台上相应的演员会自动批量更新，例如：
① 在库面板中，双击“小树”元件图标，进入后台修改区。
② 使用颜料桶工具，为树冠重新填色，如图7-2-25（a）所示。
③ 单击“场景1”，查看更新后的小树，如图7-2-25（b）所示。
当前位置
（a）元件修改区 （ b）舞台
图7-2-25 元件的修改
课后探究
在 Flash 中应用元件和库，实现重复使用、批量更新，提高工作效率。
创建元件有哪些方法？创作时，哪些内容应该保存为元件？
在舞台上放置一棵“小树”元件或多棵“小树”元件，文件的大小会
发生变化吗？
115第七章 动画制作
知识链接 元件的类型
库中元件类型有 3 种 ：图形、按钮、影片剪辑。
1. 图形。
一般用于创建静态图形，它是最基本的元件类型，不具有交互性，也
不能添加滤镜和声音。
2. 按钮。
一般用于响应用户的鼠标操作。例如 ：控制动画的播放与停止。
3. 影片剪辑。
Flash 中用途最多、功能最强的元件，既可以制作静态图形，也可以制
作动画片段，还可以实现脚本的动作特效。与其他元件不同的是，它具有
独立的时间轴。在后面的课程中，将会详细介绍。
五、设计角色与场景
动画多以故事取胜，这就需要场景和角色。
角色，即动画中的演员。主要包括人物、动物和其他形象等。一个性格鲜明、
造型独特的角色形象可以使动画更生动，表现力更强。
场景，即角色表演的场地，在动画中承担着交代故事背景、角色所处的时空
以及烘托角色情绪等任务。主要包括自然景观、建筑、装饰、摆设道具、文字标志等。
课堂实践
观察《兴趣是个好老师》、《蜗牛仔仔》两部 Flash 动画截图，如图
7-2-26 所示，分析其中的角色类型和场景元素。
《兴趣是个好老师》 《 蜗牛仔仔》
图7-2-26 动画中的角色和场景
116第二节 绘制图形
设计角色和场景时，首要原则就是符合故事情节的需要。具体包括以下几个
主要环节。
1. 前期准备
（1）列出设计清单
为了塑造个性鲜明的角色，首先要确定角色的性别、年龄、身份、外貌特征、
性格、语言、习惯动作等内容，越详细越好，以帮助构思创作。例如：动画角色“喜
羊羊”的性格设定如表7-2-3所示。
表7-2-3 动画角色性格设定表
姓名 喜羊羊
性别 男
雪白羊毛、脖子挂铃铛、头上一撮卷毛、蓝
外貌特征
白相间的鞋子
性格 聪明、可爱、调皮、机智、帅气、勇敢
收藏炸弹、跑步、学习、踢足球、玩游戏、
爱好
恶作剧、做实验助手等
道具 单筒望远镜、超能铃铛
经典语录 大家快跑啊！嘻嘻，灰太狼先生……
场景设计前，要根据剧情的发展列出必要的场景元素，例如角色的活动场所、
家居摆设、交通工具等，必要时还要考虑故事的时代背景。
（2）搜集创作素材
大多数角色和场景的设计都源于对生活的观察、提炼和再创造。通过搜集素
材，进一步了解动画剧情的背景资料，找到动画创作的原型。例如：角色的身体
结构、运动规律、表情特征，场景中的气候特征、建筑特色、群众的服饰特征等。
动画电影《功夫熊猫》在场景设计方面参考了大量中国建筑、艺术、风景书籍，
才将中国宫殿建筑和山水风光表现得淋漓尽致，如图7-2-27所示。
图7-2-27 《 功夫熊猫》场景设计
117第七章 动画制作
2. 绘制草图
在纸上或软件中绘制角色的基本形象和场景草图。如果是在纸上绘制的草图，
需要用扫描、拍照等方式输入到计算机做后期处理。
（1）把握角色全身比例
为了表现角色的高、矮、胖、瘦以及身体各部位之间的比例，一般以头部作
为衡量标准，即身体的长度由几个头长组成，身体的宽度是大于头宽还是小于头
宽，手臂下垂可伸到腿部何处等。当头与身体的比例为 1：1 或 1 ：2 时，角色倾
向于比较可爱的卡通风格。
（2）突出角色特征
借鉴夸张、变形的造型手法，突出角色的某一身体特征。
如让胖的更胖，让小嘴巴更小，甚至可以省略鼻子、手、脚
等细节的刻画。
为了突出角色的身份，还可以设计特殊的服装造型、配
饰道具，作为角色特有的形象符号。如《大闹西游》中的孙
悟空的造型，突出了孙悟空的尾巴特征和“孙”字荷包道具，
图7-2-28 角色特征
如图7-2-28所示。
（3）画面的透视与构图
场景设计过程中，为了表现更具有真实感的画面，需要遵循透视的基本规律：
近大远小、近实远虚。如图7-2-29所示。
近大远小 近实远虚
图7-2-29 画面的透视规律
构图主要是指在画面上合理安排场景元素的位置和关系，以表达一定的创作
意图。下面结合图7-2-30《大闹西游》动画，列举常用的构图方式。
● 水平线构图：这是最常用的一种构图方式。例如：当以黄金比例分割天与
118第二节 绘制图形
地时，观众的视觉重点会落在角色上。
● 垂直线构图：场景元素呈垂直线均衡分布，突出挺拔、稳定的特性。
● 对角线构图：有助于为画面营造出富有活力和节奏的动感。
● 三角形构图：画面中的内容正好组成一个三角形，引导观众的视线向上或
向下。正三角形会给人崇高、稳定的感觉。
● 环形构图：引导观众的视线集中在封闭形的中心。
水平线构图 垂直线构图
对角线构图 三角形构图 环形构图
图7-2-30 场景的构图方式
3. 具体设计
（1）新建元件
单击菜单“插入”→“新建元件”命令项，
在后台编辑区绘制角色和场景，以便在动画中
重复使用。
（2）绘制图形
使用绘图工具绘制角色和场景的轮廓线，
然后上色，如图7-2-31所示。 绘制轮廓线 上色
着色要考虑角色的年龄、性格以及场景的 图7-2-31 绘制角色
时间、气氛，以合理表现创作意图。
119第七章 动画制作
知识链接 色彩搭配技巧
在上色过程中，可以借助图 7-2-32 所示色
相图，采用以下色彩搭配技巧。
同类色 ：使用同一色相中不同饱和度的颜
●
色。通俗地说，将色彩变深或变浅。
邻近色 ：先选定一种色彩，然后选择它在
●
色相环里相邻区域的颜色。如蓝色和绿色，黄色
和橙色。
● 对比色 ：在色相环中相距 120 度的两个色 图7-2-32 色相图
相。建议以一种色相为主色调，辅以对比色，起到点缀烘托作用。
互补色 ：在色相环中相距 180 度的两个色相。建议以一种色相为主，
●
否则容易产生生硬、过于激烈的效果。
（3）变形与组合图形
观察图7-2-33 中的动画形象，都是由最基本的几何形状（圆形、三角形、矩形）
组合变化而来，其中圆形使用频率最高，因为其独特的曲线可以带给观众温和、
亲切的感觉。
图7-2-33 经典动画形象
设计角色或者场景元素时，不妨借鉴这种造型方法，多个几何形状配合使用，
通过叠加、变形、组合等方式表现角色的形体特征。如图 7-2-34 所示的小兔造
型就是由不同的椭圆组合而成，裙子和蝴蝶结由矩形变化而成。
120第二节 绘制图形
椭圆叠加
利用选择工具调整形状
利用选择工具调整形状
身体比例 最终效果
图7-2-34 利用几何图形设计角色
（4）应用图层。
与 Photoshop 软件类似，Flash 也提供了强大的图层功能。绘制图形时，可以
将角色或场景的某一部分分别绘制在单独的图层上，以方便修改和后期制作动画，
如图7-2-35所示。
隐藏/显示 锁定 显示轮廓线
新建图层
新建文件夹 删除图层
图层面板 画面内容
图7-2-35 图层的应用
课堂实践
根据角色和场景设计的要求，任选一项内容进行创作。
1. 利用基本的几何图形，设计一个动画角色。
121第七章 动画制作
2. 以季节为主题，设计一幅自然场景。
3. 自选主题，设计动画角色或场景。
评价与反思
设计过程也是不断推敲和反复修改的过程，这就是评价和反思。参考
表 7-2-4 对自己创作的角色和场景进行评价。
表7-2-4 图形绘制评价表
评价项目 评价结果（勾选或填写）
图形保存为元件 ○是 ○否
□ □ □ □ □
绘制图形时，应用了哪些工具？
□ □ □ □
□组合 □缩放 □旋转 □倾斜
编辑图形时，使用了哪些命令？
□其他
角色造型生动 ○需改进 ○一般 ○好
色彩搭配效果 ○需改进 ○一般 ○好
场景透视效果 ○需改进 ○一般 ○好
场景构图效果 ○需改进 ○一般 ○好
课后作业
【1】墨水瓶工具和颜料桶工具都可以用来上色，它们有何不同？
【2】简述 ：元件在动画中的作用，元件和库的关系。
【3】归纳 ：角色和场景设计的步骤。
【4】围绕“水世界”、“森林中”、“公园里”等主题，绘制动画角色和场景。
122第三节 逐帧动画
第三节 逐帧动画
加拿大动画大师诺曼·麦克拉伦（Norman Mclaren,1914—1987）曾说：“动画
不是会动的画的艺术，而是画出来的运动的艺术。”
手工绘制动作分解画面，或者在 Flash 中直接绘制动作分解画面，是创作动
画的常用方法。如图7-3-1所示。
图7-3-1 角色动作分解图
本节学习Flash软件中帧的类型与编辑方法、逐帧动画的制作方法和技巧。
学习目标
了解帧的类型及其作用。
熟练掌握插入帧、关键帧、空白关键帧技术。
初步学会制作逐帧动画。
学会测试影片。
一、帧的类型
“帧”在 Flash 的时间轴上表现为一个个小方格，就像一张张胶片。动画制
作过程中，时间轴上的帧有 3 种不同类型——帧、关键帧和空白关键帧，如图
7-3-2所示。
关键帧 空白关键帧 帧 空白区域
图7-3-2 帧的3种类型
1. 关键帧
动画中描述关键动作的画面，上面的内容可以修改，时间轴上标记为一个黑
123第七章 动画制作
色实心圆。
2. 空白关键帧
没有任何内容的关键帧，时间轴上标记为一个空心圆。默认情况下，初始文
档中动画第一帧为空白关键帧，添加内容后，变成关键帧。
3. 帧
又称普通帧。作用是延续关键帧或空白关键帧的内容，不可以修改，时间轴
上标记为灰色或白色方格。
关键帧播放时间= (后一关键帧编号-当前关键帧编号) ／帧频
制作动画时，常常在某些关键帧后插入若干普通帧，以延长关键帧的播放
时间。
二、制作逐帧动画
用手工绘制的动作分解画面制作动画。如图 7-3-3 所示，一组恐龙奔跑图像
序列（6 幅静态图像），连续编号命名为“恐龙 1、恐龙 2……恐龙 6”。如何将它
图7-3-3 恐龙奔跑图像序列
们导入Flash中制作逐帧动画呢？
1. 导入到舞台
① 新建一个Flash文档。
② 单击菜单“文件”→“导入”→“导入到舞台”命令。
③ 选择图像序列中的第1张，即“恐龙1.gif”，单击“打开”按钮。如图7-3-（4 a）
所示。
④ 在弹出的对话框中，询问是否导入整个图像序列，单击“是”按钮。如图
7-3-4（b）所示。
124第三节 逐帧动画
（a）导入到舞台 （ b）弹出的对话框
图7-3-4 导入图像序列
完成导入后按Enter 键，在舞台上直接预览动画播放效果。
软件自动将图像序列全部导入，并按照文件名的编号顺序自动生成关键帧，
每个关键帧对应一幅图像。如图7-3-5所示，1~6关键帧分别导入“恐龙1”至“恐
龙6”图片，播放时就产生出“恐龙奔跑”的动画效果。这就是逐帧动画。
图7-3-5 时间轴上的关键帧
2. 插入帧
恐龙奔跑的速度飞快，可以通过“插入帧”命令放慢恐龙的脚步，即延长每
个关键帧播放时间。具体方法如下：
① 右击时间轴的第1关键帧处，选择“插入帧”命令，如图7-3-6所示，延
长第1帧播放时间。
② 同理，给其他关键帧延时，如图7-3-7所示。
125第七章 动画制作
图7-3-6 插入帧 图7-3-7 延长每一个关键帧画面
课堂思考
再次预览动画，恐龙奔跑速度如何？如果不满意，是该加快还是放慢
脚步？
课堂实践
新建一个 Flash 文档，将“人物行走 .gif ”图像序列导入到舞台。查看
每一个关键帧中的图像，如图 7-3-8 所示。预览动画，观察人物步伐，调
整合适的行进速度。
图7-3-8 人物行走的逐帧动画
课后探究
如何让动画中的人物不仅迈步，而且向前走？
三、绘制逐帧动画
用学过的绘图技术，制作逐帧动画。基本步骤如下：
① 绘制动作的初始画面。
② 插入关键帧，在当前画面的基础上修改或重新绘制下一个动作画面。
③ 重复步骤②，绘制其他画面，完成一组连续动画画面创作。
在绘图时，可以用学过的图层技术。下面以图7-3-9中“调皮表情”的绘制为例，
学习绘图插入过程。
126第三节 逐帧动画
1. 应用图层，绘制第 1 个关键帧
绘制关键帧画面时，可以将所有内容绘制在同一个图层。但更多时候，动画
每一帧画面由多个图层组成，其中经常变化的内容位于一层，相对静止不变的内
容位于另一层，以方便编辑和制作动画。如图7-3-9所示，第1帧画面由脸、手、
嘴和眼睛4个图层组成。
（a）调皮表情 （ b）图层应用
图7-3-9 一个关键帧画面由多个图层组成
2. 插入帧，确定动画时长
假设动画时长为10/24 ≈0.4秒，就需要“插入帧”延长关键帧。
① 右击“脸”图层的第10 帧处，选择“插入帧”命令。
② 使用类似方法，将其他图层的关键帧画面延续到第10帧，如图7-3-10所示。
图7-3-10 动画时长 图7-3-11 手的运动
3. 分图层，制作关键帧
① 右击“手”图层第5 帧处，选择“插入关键帧”命令。
② 向上移动手的位置，如图7-3-11所示。
③ 右击“嘴”图层第5 帧处，选择“插入空白关键帧”命令。
④ 单击“绘图纸外观”按钮 ，第 1 关键帧的画面呈现半透明效果，如图
7-3-12（a）所示。
⑤ 以第 1 关键帧的画面为参照，绘制“露舌尖的嘴巴”，如图 7-3-12（b）
所示。
127第七章 动画制作
（a）绘图纸外观 （ b）绘制“露舌尖的嘴巴”
图7-3-12 分图层制作关键帧
按Enter 键，预览动画，查看效果。
课堂实践
打开配套光盘中“调皮表情 .fla”源文件，制作“眨眼”逐帧动画。
知识链接 绘图纸功能
通常情况下，Flash 舞台上只能显示一帧画面。为了帮助定位和编辑逐
帧动画，可以借助“绘图纸”功能在舞台上显示多帧内容。如图 7-3-13 所示，
单击“绘图纸外观”按钮，启用“绘图纸”功能。
绘图纸起始点 绘图纸终止点
绘图纸外观 修改绘图纸标记
绘图纸外观轮廓 编辑多个帧
图7-3-13 “绘图纸”功能
拖动“起始点”和“终止点”标记的位置，可以调整舞台上显示的帧
数范围。其中，当前帧以彩色的形式显示，其余帧以半透明的形式显示，
就好像每一帧都画在一张半透明的绘图纸上，这些绘图纸叠放在一起，可
以了解画面的变化。
128第三节 逐帧动画
四、测试影片
单击菜单“控制”→“测试影片”→“测试”命令项，生成影片文件，测试
播放效果，保证动画最终质量。
Flash软件创作的动画适用于网络，模拟不同的网络带宽下动画的加载和播放
情况，有利于了解未来在网络上的发布状况。
① 单击“视图”→“下载设置”命令，更改模拟的数据流传输速度，如图
7-3-14所示。
② 单击“视图”→“模拟下载”命令，测试动画在指定带宽下的加载、播放效果。
③ 单击“视图”→“带宽设置”命令，查看每一帧传输的数据量。如果某一
帧数据量超过图表中的红线，将有可能导致数据流延迟，如图 7-3-15 所示。此
时最好修改帧画面，简化构图，降低数据量。
图7-3-14 下载设置 图7-3-15 带宽设置
评价与反思
请反复预览制作的动画，检查每帧速度是否合理，动画效果是否自然。
课后作业
【【【111】】】归归归纳纳纳总总总结结结 ：：：帧帧帧、、、关关关键键键帧帧帧、、、空空空白白白关关关键键键帧帧帧的的的作作作用用用。。。说说说出出出画画画面面面播播播放放放时时时长长长
与 3 种帧的关系。
【2】观察图 7-3-16 所示图片，不同情绪下嘴巴、眼睛、眉毛的形状、
位置有哪些改变？并以“我的七日表情”为主题，制作一个逐帧动画，如
图 7-3-17 所示。
129第七章 动画制作
图7-3-16 表情图片
图7-3-17 我的七日表情
【3】用逐帧动画技术创意动画，如说话的小人、做广播体操的小猴子等。
130第四节 运动补间动画
第四节 运动补间动画
飞机飞行、风车旋转、星星闪烁等简单动画，其中的角色在动画中只是位置、
大小、角度、颜色等属性不相同，这可以借助“运动补间”技术实现。本节学习
制作运动补间动画。
学习目标
了解运动补间的基本原理。
学会制作简单的运动补间动画。
学会影片剪辑的制作和使用。
一、运动补间原理
逐帧动画虽然可以实现任何动画效果，但
绘图工作量非常繁重。
如图 7-4-1 中飞机、云朵按箭头所指方向
运动，没有过多形态变化，只是造成飞机和云朵
的“走近”效果。
计算机通过计算时间轴上两幅矢量图之间
的相对差异（平移、缩放、旋转、色彩变化），
构成中间过渡画面的技术称为“运动补间”。它 图7-4-1 运动补间动画
大幅度提高了动画制作效率。
运动补间动画，仅需插入前后两个关键帧，然后用计算机对两个关键帧内容
进行运算，自动补充中间过渡帧的画面。如图7-4-2所示。
起始关键帧 过渡帧 结束关键帧
图7-4-2 运动补间原理
131第七章 动画制作
制作运动补间动画的前提条件是：
（1）运动对象必须是一个元件或形状。
（2）该元件或形状必须在单独的图层，而且这个图层的关键帧中不能出现其
他元件或形状。
二、创建运动补间
制作运动补间动画的流程是：先绘制元件，再设置元件在两个关键帧中的属
性，最后创建补间动画。
打开配套光盘“云朵飘动.fla”源文件，用运动补间技术制作云朵飘动动画。
1. 创建元件
源文件的库面板中提供了飞机、天空元件。
除此之外，需要创建云朵元件。
① 单击菜单“插入”→“新建元件”命令，
名称为“云朵”，类型为“图形”。
② 在编辑区绘制“云朵”图形，如图 7-4-3
所示。
③ 单击“场景1”按钮，返回舞台。
图7-4-3 云朵图形
2. 设计起始关键帧
将运动的元件放在单独的图层，并修改它的初始状态。
① 将图层1 重命名为“天空”，将“天空”元件从库拖入舞台。
② 新建图层，重命名为“云朵”，将“云朵”元件从库拖入舞台。
③ 将“云朵”移动到舞台右侧，并调整大小，如图7-4-4所示。
图层设计 舞台布局
图7-4-4 设计起始关键帧
132第四节 运动补间动画
3. 设计结束关键帧
假设云朵飘动时长为2秒左右(2×24=48)，则结束关键帧在第 50格。
① 右击“天空”图层第50 帧处，选择“插入帧”命令。
② 右击“云朵”图层第 50 帧处，选择“插入关键帧”命令，将“云朵”移
动到舞台左侧，如图7-4-5所示。
图7-4-5 设计结束关键帧
4. 创建传统补间
①右击两个关键帧中间的任意一帧，选择“创建传统补间”命令，如图
7-4-6所示。
图7-4-6 创建传统补间
②按Enter 键，在舞台上预览动画效果。
课堂实践
在“云朵飘动 .fla”源文件的基础上，制作飞机的运动补间动画。
①新建图层，重命名为“飞机”。
②将“飞机”元件从库拖入舞台。
③用运动补间技术制作“飞机”飞行动画。
课后探究
如果让飞机从A点飞到B点，再飞到C点，应该如何实现？
如果让飞机以不同的速度运动，应该如何实现？
133第七章 动画制作
知识链接 Flash软件新功能——全新的补间动画
Flash CS4 之后的版本中，新增的补间动画，直接支持多点位置改变的
补间效果设计。与传统补间动画相比，弱化了“插入关键帧”这一操作。例如：
① 在当前文件中，新建图层，添加“云朵”元件。
② 右击 1~50 帧中的任意一帧，选择“创建补间动画”命令，如图
7-4-7 所示。
图7-4-7 创建补间动画
③ 单击第 20 帧，在舞台上移动“云朵”的位置。
④ 单击第 40 帧，再次移动“云朵”的位置。观察时间轴上的变化，
尤其是自动增加的关键帧，如图 7-4-8 所示。
图7-4-8 自动增加的关键帧
⑤ 使用选择工具调整运动轨迹线的形状，如图 7-4-9 所示。
原始运动轨迹 调整运动轨迹
图7-4-9 运动轨迹线
134第四节 运动补间动画
三、实现特殊动画效果
通过设置元件和帧的属性，可以实现很多特殊动画效果。
1. 淡入效果
飞机从无到有，渐渐飞进镜头；星星在天空中忽明忽暗，即“淡入淡出”效果。
① 打开配套光盘中“淡入效果.fla”源文件，创建两个图层，分别拖入“星星”
和“背景”元件。
② 为“星星”元件制作运动补间动画，两个关键帧中元件的位置、大小不发
生改变，如图7-4-10所示。
图7-4-10 淡入效果
③ 单击起始关键帧，单击舞台上的“星星”
元件。
④ 在属性面板中，设置元件的色彩效果。在
“样式”下拉菜单中选择“Alpha”不透明度，设
置具体数值为“0%”，即全透明，看不见星星，
如图7-4-11所示。
预览动画，实现星星“淡入”效果。
图7-4-11 属性设置
课堂思考
星星逐渐消失称为“淡出”效果，应该如何实现？
2. 旋转效果
制作图7-4-12“旋转的风车”步骤如下：
① 打开光盘中“旋转效果.fla”源文件，创建两个图层，
分别拖入“风车房”和“叶片”元件。
图7-4-12 旋转的风车
135第七章 动画制作
② 为“叶片”元件创建运动补间动画，两个关键帧中元件的位置、大小不发
生改变。如图7-4-13所示。
图7-4-13 叶片的运动补间动画
③ 单击起始关键帧，在属性面板中，单击“旋转”
下拉列表，选择“顺时针”方向，并输入旋转次数。如
图7-4-14所示。
④ 在“缓动”选项中输入“100”。
⑤ 预览动画效果。
图7-4-14 属性设置
课堂实践
将“缓动”选项的取值修改为正数、负数，预览动画效果。
课后探究
生活中很多物体的运动，可以利用旋转动画实现。例如 ：足球的滚动、
车轮的转动等。尝试制作一个具有旋转效果的动画。
四、使用影片剪辑
制作如图7-4-15所示的壮观场面，实现多架风车同时旋转。
这时可以借助元件重复使用的特点，提高创作效率。
图7-4-15 多架风车
136第四节 运动补间动画
1. 制作“影片剪辑”
① 打开“多架风车.fla”源文件。
② 单击菜单“插入”→“新建元件”命令，键入名称“转动的风车”，类型为“影
片剪辑”，如图7-4-16所示。
图7-4-16 创建影片剪辑
③ 在元件编辑区，创建两个图层，分别拖入“风车房”和“叶片”元件，完
成一架风车设计，如图7-4-17所示。
图层设计 画面内容
图7-4-17 编辑元件
④ 制作“叶片”的旋转补间动画。
完成一个影片剪辑制作。
2. 应用“影片剪辑”
① 单击“场景1”按钮，回到舞台。
② 创建两个图层，分别为“背景”和“风车”，如图7-4-18所示。
③ 打开库面板，多次将“转动的风车”影片剪辑拖入舞台，构成壮观的多架
风车景象，如图7-4-19所示。
137第七章 动画制作
图7-4-18 舞台上的图层 图7-4-19 应用元件
④ 按 Ctrl + Enter 键，测试影片，预览多架风车同时转动效果。
知识链接 影片剪辑元件
影片剪辑元件拥有独立的时间轴，如果不添加脚本代码，影片剪辑内
部的动画会在最终的影片中重复播放，而且不受动画时长的限制。这一特
点可用于制作很多运动效果。如人的行走、动物的奔跑、鸟类的飞翔、小
汽车的飞驰等。
课堂实践
打开“群星闪烁 .fla”源文件，利用影片剪辑技术，创建漫天繁星闪烁
动画。
评价与反思
请反复预览制作的动画，检查动画速度是否合理，补间效果是否合理，
动画效果是否自然。
课后作业
【1】归纳总结 ：运动补间动画的制作步骤。
【2】如何删除“帧”、“关键帧”？
【3】制作运动补间动画过程中，时间轴上有时会出现“虚线”错误，
如图 7-4-20 所示，这是什么原因造成的？
138第四节 运动补间动画
图7-4-20 错误的运动补间动画
【4】用运动补间技术制作动画。例如足球在绿茵场上滚动，小鸟在天
空中飞翔，太阳冉冉升起，小汽车急速驶过，钟表摆动等。
【5】打开配套光盘中“行走动画 .fla”源文件，利用影片剪辑技术，实
现角色的行走。
提示 ：
① 创建影片剪辑。
利用逐帧技术表现小女孩原地行走的过程，如图 7-4-21 所示。
② 应用影片剪辑。
制作小女孩游览田园风光的运动补间动画，如图 7-4-22 所示。
图7-4-21 角色的原地行走 图7-4-22 小女孩游览田园风光
139第七章 动画制作
第五节 形状补间动画
月相变化、字母 A 变 B、猫变虎、海浪的起伏、窗帘的飘动、裙角的飞扬、
彩旗的飘动、烟雾效果等动画，都是一种图形经形状、颜色、大小和位置的变化，
转换成另一种图形，可借助“形状补间”技术实现。本节学习制作形状补间动画。
学学学习习习目目目标标标
了了了解解解形形形状状状补补补间间间动动动画画画的的的原原原理理理。。。
学学学会会会分分分离离离元元元件件件、、、文文文字字字和和和组组组合合合对对对象象象。。。
学会制作简单的形状补间动画。
学会添加形状提示，改善形状补间动画效果。
一、形状补间原理
观察图 7-5-1 所示的月相图，用形状补间动
画技术可以快速创作月缺月圆的变化过程。
与运动补间类似，形状补间也只需要两个关
键帧，然后由计算机对两个关键帧的内容进行运
算，自动补充中间的过渡帧。如图7-5-2所示。
与运动补间不同的是，形状补间在时间轴上
的背景颜色为淡绿色，两个关键帧中的对象必须
为分离状态的矢量图形。
创建形状补间动画的流程是：在起始关键帧
图7-5-1 月相图
过渡帧
起始关键帧 结束关键帧
图7-5-2 形状补间原理
140第五节 形状补间动画
中绘制一个图形或插入元件后分离；插入结束关键帧，修改图形的形状或绘制另
一个图形；最后创建形状补间动画。
二、分离对象
通常情况下，Flash 软件中所绘制的图形默认为分离状态。当选中图形时，会
看到它由若干个“点”堆积而成，而非一个整体，如图7-5-3（a）所示。
（a）分离图形 （ b）组合后的对象 （ c）元件
图7-5-3 选中图形
当选中一个元件、文字或者组合后的对象时，图形周围会出现蓝色边框，如
图 7-5-3（b）（c）所示。形状补间动画只对可以编辑的分离图形有效。分离图形
的方法如下。
① 单击选中元件、文字或者组合后的对象。
② 单击菜单“修改”→“分离”命令，分离选中对象，如图7-5-4所示，有
时候需要分离多次。
图7-5-4 分离文字
三、创建形状补间
用形状补间技术制作时长2秒左右的“满月变残月”动画。
1. 在起始关键帧，绘制“满月”
① 在工具面板中选择椭圆工具。
② 在颜色面板中设置“径向渐变”颜色，如图7-5-5所示。
141第七章 动画制作
③ 按住 Shift 键，绘制一个正圆图形，如图 7-5-6所示。
笔触颜色“无” 填充颜色：径向渐变
左侧色标颜色为 右侧色标颜色为
“#FFFF00” “#F7C900”
图7-5-5 设置颜色面板 图7-5-6 “满月”
2. 在结束关键帧绘制“残月”
农历月末的月相称为“残月”，只有左侧一小部分可见。
①右击第50 帧处，选择“插入关键帧”命令。
②选中“满月”图形，复制、粘贴一次。
③向右拖动复制出的图形，如图7-5-7（a）所示位置。
④单击空白处，再重新单击右侧圆形，按 Delete 键，得到“残月”图形。如
图7-5-7（b）（c）（d）所示。
（a）拖动 （ b）单击空白处 （ c）再次单击 （ d）最终效果
图7-5-7 “ 残月”的绘制过程
3. 创建补间形状
①右击两个关键帧中间的任意一帧，选择“创建补间形状”命令，如图
7-5-8所示。
②按Enter 键，预览“满月变残月”动画效果。
142第五节 形状补间动画
图7-5-8 创建补间形状
课堂实践
用形状补间技术制作 3 秒左右“蛾眉月变满月”的动画，如图 7-5-9
所示。
起始关键帧 过渡帧 结束关键帧
图7-5-9 蛾眉月变满月
提示 ：农历月初黄昏时刻，月亮出现在西方天空，只有右侧一小部分
可以看见，形如弯弯的蛾眉，故称“蛾眉月”。
四、添加形状提示
由于两个关键帧之间的过渡帧通过计算机运算得到，有时会出现失实的过渡
画面，如图7-5-10 中“蛾眉月变满月”的过渡帧画面。
这时候，可以采用“添加形状提示”的方法，精确控制变形的过程。如图
7-5-11 所示，起始关键帧中的“a”点变形到结束关键帧的“a”点，从而实现矩
形变平行四边形的效果。
a b a b
图7-5-10 过渡帧 图7-5-11 添加形状提示
143第七章 动画制作
改进“蛾眉月变满月”动画步骤如下。
① 单击补间动画的起始关键帧。
② 单击菜单“修改”→“形状”→“添加形状提示”命令，增加提示点 a。
重复该命令一次，增加提示点b。
③ 移动提示点a、b至形状的边缘。如图7-5-12所示。
④ 单击结束关键帧，移动提示点a、b至与前图相同的位置，以保证位于点a、
b 的图形在动画过程中不发生改变。如图 7-5-13 所示，设置成功后，结束关键帧
的提示点变为绿色。
a a
b b
图7-5-12 起始关键帧的提示点 图7-5-13 结束关键帧的提示点
⑤ 按Enter 键，预览动画效果。
知识链接 “添加形状提示”补充说明
“添加形状提示”使用过程中，需要注意以下几点。
（1）先制作补间形状动画，选中起始关键帧，才能“添加形状提示”。
（2）单击菜单“修改”→“形状”→“添加形状提示”命令，结束关
键帧会自动增加相同序号的提示点。
（3）最多可以添加 26 个提示点，但提示点过多也会导致动画失效。
（4）提示点放在形状边缘上才有效。
（5）当提示点隐藏时，单击菜单“视图”→“显示形状提示”命令，
提示点就会显示出来。
（6）当两个关键帧的图形形状过于复杂或者差异较大时，即使使用了
形状提示，动画效果仍具有不确定性。
课堂实践
制作一个字母 A 变字母 B 的动画，并利用“添加形状提示”的方法控
制变形效果。
144第五节 形状补间动画
评价与反思
请反复预览制作的动画，检查动画速度是否合理，补间效果是否合理，
动画效果是否自然。
课后作业
【1】归纳总结 ：形状补间与运动补间的区别。
【2】对比补间动画制作和逐帧动画制作，试说明电脑动画和手工动画
各自的优势是什么。
【3】打开“天涯共此时 .fla”源文件，制作星星依次变成“天”、“涯”、
“共” 、“此”、“时”5 个文字，如图 7-5-14 所示。
起始关键帧画面 结束关键帧画面
图7-5-14 “ 天涯共此时”的动画效果
提示1：分图层设计起始关键帧画面，其中5颗星星分别位于“天”、“涯”、
“共”、“此”、“时”5 个图层，如图 7-5-15 所示。
图7-5-15 图层设计和时间轴动画
提示 2 ：在这 5 个图层分别制作星星变文字效果的形状补间动画。
提示 3 ：制作形状补间动画前，一定要先将元件和文字分离。
【4】用形状补间技术制作一个动画。如飘扬的彩旗、起伏的海浪、猫变虎、
万花筒等。
145第七章 动画制作
第六节 引导线动画
蝴蝶在花丛中自由飞舞、雄鹰在空中盘旋、树叶缓缓地飘落、鱼儿在大海里
遨游等，它们都是按照不规则路径运动，可以借助“引导线动画”技术实现。本
节学习用引导线引导元件“自由”运动技术。
学习目标
了解引导线动画的原理。
学会添加引导层。
学会制作引导线动画。
初步学会多元件引导线动画的制作方法。
一、引导层与被引导层
图 7-6-1 中的黑色曲线即为“引导线”，它
引导“热气球”元件运动。在最终的动画影片中，
引导线会自动隐藏，不会破坏画面效果。
引导层是一种特殊图层，用来绘制引导线，
规定元件的运动轨迹。
被引导层是运动对象所在的图层，可制作
一个或多个运动补间动画，如图7-6-2中的“热
图7-6-1 引导线动画
气球”图层。
图7-6-2 引导层与被引导层
这里，引导层用来控制元件的运动轨迹，必须位于被引导层之上。
二、创建引导线动画
创建引导线动画的流程是：首先，制作被引导层的运动补间动画；其次，添
146第六节 引导线动画
加引导层，绘制引导线；最后，调整运动对象的中心点与引导线的始、末点对齐，
使其沿引导线运动。
制作“热气球升空”动画过程如下。
1. 被引导层——运动补间动画
① 打开配套光盘中“引导线.fla”源文件。按F11键打开库面板，将“热气球”
元件拖入舞台下方，调整大小。
② 右击第60帧处，选择“插入关键帧”命令。
③ 将“热气球”元件移动到舞台上方，缩小。
④ 右击两个关键帧之间的任意一帧，选择“创建传统补间”，如图7-6-3所示。
图7-6-3 运动补间动画
2. 引导层——绘制引导线
① 右击“热气球”图层，选择“添加传统运动引导层”命令，观察引导层与
被引导层的图标和图层顺序，如图7-6-4所示。
菜单命令 引导层与被引导层
图7-6-4 添加引导层
② 在工具面板中单击“铅笔”工具，选择“平滑”选项，如图7-6-5所示。
③ 在引导层的第 1 帧中，绘制一条流畅的曲线。如果不满意，可以使用选择
工具进行修正，如图7-6-6所示。
147第七章 动画制作
图7-6-5 铅笔工具选项 图7-6-6 绘制引导线
知识链接 引导线的绘制要求
引导线可以用铅笔、钢笔、线条、椭圆、刷子等工具绘制 , 但要注意
以下几点。
（1）开放性。引导线必须有起始点和结束点。如
果要制作沿圆形轨迹运动的动画，可以先绘制一个空
心的圆形，然后使用橡皮工具在轮廓线上擦出一个小
缺口，如图 7-6-7 所示。
（2）不能将引导线进行组合或者转化为元件。 图7-6-7 开放性
（3）引导线必须是连续的曲线，中间不能出现断点。
3. 中心点对齐
中心点是指单击元件时出现的小圆圈，它要与引导线的起始点和结束点对齐，
否则元件不会沿引导线运动，如图7-6-8所示。
起始关键帧 结束关键帧
图7-6-8 中心点对齐
148第六节 引导线动画
调整方法如下。
① 单击选择工具，按下“贴紧至对象”按钮，以方便调整元件与引导线端
点对齐，如图7-6-9所示。
② 单击起始关键帧，拖动“热气球”元件，使其中心点与引导线起始点对齐，
如图7-6-10所示。
图7-6-9 贴紧至对象 图7-6-10 中心点与引导线端点对齐
③ 单击结束关键帧，拖动“热气球”元件，使其中心点与引导线结束点对齐。
课堂实践
用引导线技术制作小鱼在水中游动、篮球被抛向篮筐等动画。
知识链接 调整到路径
在某些引导线动画中，不仅需要元件能沿着引导线运动，还需要元件
随着引导线的角度进行旋转。如图 7-6-11 所示，蝴蝶飞舞过程中角度的
变化。
第5帧 第35帧 第75帧
图7-6-11 蝴蝶飞舞过程
149第七章 动画制作
设置方法如下。
① 单击被引导层第 1 帧。
② 在属性面板中，勾选“调整到路径”
选项，如图 7-6-12 所示。
图7-6-12 调整到路径
三、多元件的引导线动画
翩翩飞舞的一群蝴蝶都有各自的运动曲线。在动画创作过程中，这就是多个
元件按各自的轨迹进行运动。实现方法有 3种。
1. 一个引导层，多个被引导层
如图 7-6-13 所示，将两条不同颜色的引导线绘制在同一个引导层上，分别
引导蝴蝶1 和蝴蝶2 运动。
图层设计 画面内容
图7-6-13 一个引导层，多个被引导层
2. 为每一个元件创建引导层
如图 7-6-14 所示，蝴蝶 1 和蝴蝶 2 对应
着各自的运动引导层，有利于引导线的绘制和
编辑。
3. 制作影片剪辑
将每一个元件的引导线动画制作为一个影
片剪辑，然后应用在场景上。
图7-6-14 不同运动引导层
150第六节 引导线动画
课后探究
打开配套光盘“蝴蝶飞舞 .fla”源文件，利用“库”中的静态蝴蝶元件
制作蝴蝶一边振翅、一边自由飞舞的动画效果。
提示 ：新建一个影片剪辑元件，制作蝴蝶原地振翅的动画。注意观察
图 7-6-15、图 7-6-16 中蝴蝶翅膀在不同时刻的形态。
图7-6-15 振翅效果1 图7-6-16 振翅效果2
评价与反思
请反复预览制作的动画，检查运动速度是否合理，运动轨迹是否平滑，
运动效果是否自然。
课后作业
【1】如何取消引导层？
【2】制作引导线动画过程中，有时候会出现如图 7-6-17 所示错误，
这是哪些原因造成的？
图7-6-17 错误的引导线动画
【3】用引导线技术制作动画。如 ：蝴蝶在花丛中自由飞舞、雄鹰在蓝
天上飞翔、战斗机在空中盘旋翻滚、树叶缓缓地飘落、鱼儿在大海里遨游、
月亮沿轨道绕着地球运行等。
151第七章 动画制作
第七节 遮罩动画
场景中，圆形灯光下的角色特写镜头技术，称之为“圈入圈出”。随着圆形
灯光逐渐缩小，画面完全消失为“圈出”。反之，画面以圆的形式逐渐扩大为“圈
入”，常用于角色的出场。本节学习遮罩动画技术，实现圈入和圈出等令人炫目
的效果。
学习目标
了解遮罩动画的原理。
学会遮罩层和被遮罩层的设置方法。
学会创作遮罩动画效果。
一、遮罩原理
如图7-7-1所示动画片《猫和老鼠》的画面，角色在灯光下的特写“圈出”镜头，
可以用“遮罩”技术实现。
图7-7-1 《猫和老鼠》动画
遮罩其实就是不完全的遮挡。画面的多个图层中，上层默认遮挡住下层。上
层开出“玻璃窗”，透出下层局部画面，这就是遮罩。
1. 普通图层
当多个普通图层叠加在一起时，上一层的对象会遮挡住下一层相应位置的图
像。如图7-7-2，上一层的“圆”遮挡住了下一层中的猫脸部分。
152第七节 遮罩动画
图层设计 舞台画面
图7-7-2 普通图层的叠加效果
2. 遮罩层与被遮罩层
遮罩层和被遮罩层是两种特殊图层，它们之间存在着一种特殊的遮挡关系，
即遮罩层上的图形犹如“窗口”，其他部分是黑罩子，“窗口”部分透出被遮罩层
画面，黑罩子遮住被遮罩层其他内容，即被遮罩层部分“透明”了。
制作遮罩效果方法如图7-7-3所示。右击“圆”图层，选择“遮罩层”命令，
将这一图层设置为遮罩层，位于下一层的“图片”图层自动转化为被遮罩层，如
图7-7-4所示。
图7-7-3 设置遮罩层 图7-7-4 遮罩层与被遮罩层
预览动画，最终效果如图 7-7-5 所示，只能看
到“圆”下面图层（即被遮罩层）的猫脸部分，被遮
罩层中的其他区域会变成透明色，显现出舞台的颜色。
图7-7-5 遮罩效果
153第七章 动画制作
课堂思考
如果遮罩层中的“圆”运动起来，会出现什么效果？
如果被遮罩层中的“图片”运动起来，会出现什么效果？
如果把舞台设置为黑色，会出现什么效果？
二、动态遮罩效果
观察图 7-7-6 中的“变色文字”效果，它由几个图层组成？能够利用遮罩技
术实现吗？
图7-7-6 “变色文字”效果
制作遮罩动画时，不妨先考虑被遮罩层中的内容，它是观众将要看到的画面；
然后再考虑遮罩层中的内容，它将决定下面的图画以什么样的形状显现；最后实
现遮罩效果。
1. 设计被遮罩层——“彩色”
① 将图层1 重命名为“彩色”。
② 单击“矩形工具”，在属性面板中设置笔触颜色为“黑色”，填充颜色为“彩
色渐变”，绘制一个彩条，如图7-7-7所示。
属性设置 绘制效果
图7-7-7 设计被遮罩层
154第七节 遮罩动画
2. 设计遮罩层——“文字”
从图层的叠放次序来看，遮罩层必须位于被遮罩层之上。
① 新建图层，重命名为“文字”。
② 单击文本工具，输入文字“变色文字”。注意选择合适的字体、大小，并
将文字与彩色的左端对齐，如图7-7-8所示。
新建图层 输入文字
图7-7-8 设计遮罩层
3. 遮罩效果实现
右击“文字”图层，选择“遮罩层”命令，将这
一图层设置为遮罩层，“彩色”图层自动转化为被遮
罩层并锁定。如图7-7-9所示。
透过遮罩层中的文字笔画，看到被遮罩层中的部
分颜色，其他区域的颜色变成透明色。
图7-7-9 遮罩效果
4. 遮罩效果的修改
为被遮罩层中的元件创建补间动画，实现动态遮罩效果。具体步骤如下。
① 将两个图层解锁，取消遮罩效果。
② 将彩色矩形全部选中，右击鼠标，选择“转换为元件”命令，命名为“彩
色”，如图7-7-10所示。
右击鼠标 命名元件
图7-7-10 转换为元件
155第七章 动画制作
③ 右击“文字”图层第40(2 秒左右) 帧处，选择“插入帧”命令。
④ 右击“彩色”图层第40 帧处，选择“插入关键帧”命令。
⑤ 将第40关键帧中的“彩色矩形”向左移动。
⑥ 在两个关键帧中，创建运动补间动画，如图7-7-11所示。
图7-7-11 为被遮罩层制作运动补间动画
⑦ 将两个图层锁定，按 Enter 键，预览动态遮罩效果。
课堂实践
打开配套光盘“变色文字 .fla”源文件，为“文字”图层制作运动补间
动画，“彩色”图层静止不动，看看遮罩效果有何不同。
知识链接 遮罩层中的对象
遮罩层中的对象可以是填充的矢量形状、元件或者文字。位图和线条
在遮罩层上不起作用。
如果一定要在遮罩层中使用线条，需要单击菜单“修改”→“形状”→“将
线条转化为填充”命令。使用位图时，需要单击菜单“修改”→“分离”命令。
三、应用遮罩动画
遮罩层可以使被遮罩层的一部分变透明，利用这一特点可以制作出很多令人
炫目的效果。例如舞台追光、卷轴画、溪水流动、万花筒、百叶窗、放大镜、望
远镜等。
1.“舞台追光”效果
如图 7-7-12 所示，动画中的“小丑”和“亮舞台”都为被遮罩层，当其周
围变为透明色后，位于最底层的“暗舞台”作为背景呈现出来，从而打造出追光
效果。
156第七节 遮罩动画
图层设计 动画画面
图7-7-12 “ 舞台追光”效果
2.“卷轴画”效果
如图 7-7-13 所示，位于遮罩层上方的两个“画轴”图层作为装饰。当被遮
罩层中的字画两侧变成透明的同时，画轴也向中间靠拢，仿佛画轴卷了起来。
图层设计 动画画面1 动画画面2
图7-7-13 “ 卷轴画”效果
评价与反思
请反复预览制作的动画，检查遮罩层或被遮罩层中的动画速度是否合
理，遮罩效果是否恰当。
课后作业
【1】如何设置遮罩层、取消遮罩层？
【2】打开配套光盘中“舞台追光 .fla”源文件，按照教材提示制作动画
效果。
【3】打开配套光盘中“卷轴画 .fla”源文件，按照教材提示制作动画效果。
【4】使用遮罩技术创建特效动画。如放大镜效果、望远镜效果、百叶
窗效果、溪水流动效果等。
157第七章 动画制作
第八节 使用外部素材
动画作品离不开感人的故事、精美的画面、优秀的配音三大要素。为了丰富
动画效果，往往借助其他专业软件创作角色、场景，编辑声音，然后导入到动画
制作平台中进一步处理。本节学习动画中使用外部素材的方法，以制作出配音动
画作品。
学习目标
了解Flash可引用外部素材文件格式。
学会导入外部素材的方法。
学会在Flash中添加、编辑声音。
初步学会声画同步的方法。
一、导入外部素材的方法
单击菜单“文件”→“导入”→“导入到库”命令，在弹出的对话框中单击“所
有图像格式”按钮，即可查看Flash允许导入的文件格式，如图7-8-1所示。
图7-8-1 Flash软件允许导入的文件格式
动画制作软件尽管功能不弱，但是各种音视频、图形图像专业软件能提供
更好的素材，辅助制作出优秀的动画作品，因此 Flash 动画制作中，可以导入多
种素材，如图 7-8-1 所示。在此仅学习图形图像和声音素材的导入和应用。
158第八节 使用外部素材
二、使用图形图像文件
Flash 可以导入多种格式的图形图像文件，以弥补 Flash 软件自身绘图功能的
不足。
导入Photoshop 图像“盼春.psd”文件的步骤如下。
① 单击菜单“文件”→“导入”→“导入到库”命令，选中“盼春.psd”文件，
单击“打开”按钮。
② 在“文件导入向导”窗口中，预览并选择需要导入的图层。将选定的图层
创建为影片剪辑元件。如果是文本图层，还可以将其导入为“可编辑文本”，如
图7-8-2所示。
图层选项
预览图层
图像品质设置
图层转换方式
图7-8-2 文件导入向导
“文件导入向导”中提供了两种图层转换方式：
Flash图层：导入Flash后，原有图层顺序、名称保持不变。“盼春.psd”文件
导入时，选择“Flash图层”。
关键帧：导入 Flash 后，原有图层按照从下到上顺序，依次转换为 Flash 新图
层的各个关键帧。
159第七章 动画制作
③ 按 F11 键，打开库面板，将“盼春 .psd”文件存储为图形元件，文件夹资
源中存储了每一图层的位图图像，如图 7-8-3所示。
④ 双击“盼春.psd”元件，进入元件编辑区，为“太阳”图层制作“淡入效果”
的运动补间动画，如图7-8-4所示。
⑤ 按Enter 键，预览图像导入后动画的播放效果。
图7-8-3 库面板 图7-8-4 元件的使用
课堂实践
导入“轮船 .ai”文件到库，对“轮船”元件应用运动补间技术，制作
轮船在海上远行的动画。
三、使用声音文件
1. 声音的分类
动画配音后效果更生动。声音能渲染场景气氛，塑造角色形象，推动剧情发展，
丰富动画的表现效果。
根据声音在动画中的表现形式，分为以下3类：
（1）话音：主要指角色的对话、旁白和独白。
（2）音乐：主要是背景音乐，用于表现角色的心理变化或渲染故事气氛。
（3）音响 ：简称音效。如角色在运动中发出的声音、大自然的声音、交通工
具发出的声音、电子设备发出的声音等。
160第八节 使用外部素材
2. 获取声音文件
Flash既提供公用声音资源，也允许导入个性化音乐。
① 单击菜单“窗口”→“公共库”→“声音”命令，使用公共库中的声音资源，
如图7-8-5所示。
② 单击菜单“文件”→“导入”→“导入到库”命令，导入录制或搜集到的
声音素材，如图7-8-6 所示的“盼春_旁白.mp3”。
图7-8-5 公共库的声音 图7-8-6 导入的声音
③ 在库面板中，选择声音文件，单击预览框中的“播放”按钮，可以试听声
音效果。
3. 为影片添加声音
库里的声音文件只有应用到时间轴，才会随动画播放。打开配套光盘中“盼
春.fla”源文件，添加声音。
① 新建图层，重命名为“旁白”。
② 单击“旁白”图层第1帧，在属性面板的声音“名称”选项中选择声音文件，
如图7-8-7所示。
③ 在“同步”选项的下拉列表中选择“数据流”，如图7-8-8所示。
161第七章 动画制作
图7-8-7 选择声音文件 图7-8-8 “同步”选项
④ 观察时间轴上出现的声音波形，如图7-8-9所示，按Enter 键试听效果。
图7-8-9 时间轴
课堂实践
在同一个场景的同一段时间里，可能同时出现几种声音效果。这时候
可以采用添加多个图层的方法实现，如配音之后再配乐。
① 新建图层，重命名为“背景音乐”。
② 单击“背景音乐”图层第 1 帧，添加“江南春 .mp3”声音文件。
知识链接 声音“同步”
声画同步才能给画面添彩。“同步”选项用于设置声音与画面的配合方
式，Flash 提供 4 种“同步”选项 ：
（1）事件
声音独立播放，即使动画结束，声音依然继续播放，并且在遇到下一
个声音时也不停止，直到播放完毕。
注意 ：“事件”声音必须完全下载后，才能开始播放，当“事件”声音
文件较大时，最好不要使用，因为影响动画边下载边观看。通常，“事件”
162第八节 使用外部素材
声音不长，用于加强某些动作的效果。如脚步声、开门声、单击按钮声等。
（2）开始
与“事件”选项功能相似。不同之处在于，如果该段声音已经在时间
轴播放，则阻止新的声音播放。
（3）停止
使指定的声音静音。
（4）数据流
强制音频流和时间轴同步。使用这种方式，Flash 会把声音平均分配给
相应的帧，当动画播放到某个帧时，就播放相应的声音片断，动画结束时，
声音也自动停止。
一般动画中的对话、背景音乐等声音都设置为“数据流”声音。因为
它可以边下载边播放，适合制作网络动画。
4．声画同步
画面中角色的动作、口型与声音同时开始，同时停止，而且吻合一致。这种
声画关系，能够加强画面的真实感。
对于《盼春》动画来说，就是让画面中的字幕与旁白中的句子同步出现。调
整方法如下。
① 确认旁白声音的“同步”选项为“数据流”。
② 按 Enter 键，试听旁白声音，记录每一句话出现的帧数。例如“盼望着，
盼望着”一句出现的帧数在1~35帧。
③ 利用“插入帧 / 删除帧”的方法，使字幕图层中相应的文字播放延续到指
定帧数。如右击“字幕”图层第 1 帧处，选择“插入帧”命令，使字幕内容延续
到第35帧，如图7-8-10 所示。
图7-8-10 声画同步的调整
163第七章 动画制作
④ 根据需要，延长其他图层关键帧的画面。
⑤ 按Ctrl + Enter 键，测试配音动画效果。
课堂实践
打开“盼春 .fla”源文件，同步整段动画的字幕与旁白。
5. 编辑声音封套
Flash 内置了声音编辑工具，支持声音的
长度、音量、效果等简单编辑。
（1）“编辑封套”对话框
单击声音图层的起始关键帧，在属性面板
中的“声音”选项中，单击“编辑声音封套”
按钮，打开操作面板，如图7-8-11所示。 图7-8-11 声音的属性
（2）裁剪声音
拖动编辑封套面板上的“开始滑块”和“结束滑块”，截取一段需要的声音，
如图7-8-12所示。
音量控制点
开始滑块 结束滑块
播放/停止声音 放大、缩小声音波形 时间轴的刻度单位
图7-8-12 编辑封套
164第八节 使用外部素材
裁剪方法：
① 以“时间”为单位显示时间轴中的刻度，并放大波形显示比例。
② 向右拖动“开始滑块”到指定秒数，将时间点之前的声音裁掉。
③ 向左拖动“结束滑块”到指定秒数，将时间点之后的声音裁掉。
④ 单击播放、停止按钮，试听声音效果。
⑤ 当不满意裁剪的声音片断时，双击时间轴上的刻度线，复位声音。
（3）设置声音效果
在编辑封套面板的“效果”选项中，设置了6种默认效果，用户还可以设置“自
定义”效果。例如：
① 在“效果”下拉列表中选择“淡出”，如图7-8-13所示。
图7-8-13 淡出效果
② 单击左声道上的音量控制线，增加一个音量控制点，右声道的音量控制线
上也会自动增加一个控制点，最多可以增加8个控制点，如图7-8-14所示。
图7-8-14 音量控制
165第七章 动画制作
通过左右拖曳控制点，可以修改指定时间的声音；上下拖曳控制点，可以修
改指定时间的音量。
课堂实践
打开“盼春 .fla”源文件，编辑背景音乐“江南春 .mp3”，裁剪声音长度。
评价与反思
请反复预览制作的动画，检查画面中角色和场景设计是否到位？声音
和画面是否同步？
课后作业
【【【111】】】在在在 PPPhhhoootttooossshhhoooppp 软软软件件件中中中绘绘绘制制制自自自己己己的的的动动动画画画角角角色色色或或或场场场景景景，，，然然然后后后导导导入入入到到到
Flash 中制作动画。
【2】“事件”声音与“数据流”声音有何不同？
【3】录制或搜集一段声音素材，添加到自己制作的动画中。
166第九节 创建动画中的交互
第九节 创建动画中的交互
交互就是动画播放过程中，用户可以通过键盘或鼠标操作控制动画播放，带
给用户更多参与感。本节学习动画中使用按钮实现交互操作。
学习目标
了解按钮4个关键帧的作用。
学会使用“公共库”添加按钮。
学会添加动作脚本，实现按钮对动画的控制。
一、认识按钮
Flash 动画中的交互是用按钮来实现的。在动画中可以引用 Flash 提供的“公
共库”按钮资源，也可以自己制作按钮。
1.“公共库”中的按钮资源
① 新建一个Flash文档。
② 单击菜单“窗口”→“公共库”→“按钮”命令，
打开软件中的按钮素材，如图7-9-1所示。
③ 在库面板中选择一个按钮，拖动到舞台上。
课堂实践
① 按 Ctrl + Enter 键，测试影片。
② 使用鼠标对按钮进行操作，观察按钮出现
了几种变化？这些变化是在进行了哪些操作之后
出现的？
2. 按钮的 4 个关键帧
按钮是一种具有 4 个关键帧的特殊元件，双击舞
台上的按钮，进入元件编辑区，查看4个关键帧的内容，
如图7-9-2所示。
图7-9-1 公共库
167第七章 动画制作
“弹起”帧 “指针经过”帧 “ 按下”帧 “ 点击”帧
图7-9-2 按钮的4个关键帧
（1）“弹起”帧
用来设置按钮的初始状态，即鼠标指针不在按钮上时，按钮的外观状态。
（2）“指针经过”帧
用来设置鼠标指针放在按钮上时，按钮的外观状态。
（3）“按下”帧
用来设置在按钮上按下鼠标左键时，按钮的外观状态。
（4）“点击”帧
用来设置响应鼠标单击的区域。如图7-9-2所示，这个区域由一个矩形构成，
它的大小、位置与“弹起”帧相同。只有在这个区域内单击鼠标，按钮才会有效。
需要注意的是，“点击”帧中的内容不会显示在动画影片中。
二、添加按钮
默认情况下，动画影片自动循环播放，以配套光盘中“飞机.fla”源文件为例，
应用按钮控制动画播放功能需要人为设计。
首先，在动画的片头和片尾处分别添加按钮，以实现“播放”和“重新播放”
功能。步骤如下。
① 新建图层，重命名为“按钮”。
② 在“公共库”中选择一个按钮，拖入舞台，如图7-9-3所示。此时，它也
自动存储到当前文件的库中。
③ 右击“按钮”图层第2帧，选择“插入空白关键帧”命令，如图7-9-4所示。
168第九节 创建动画中的交互
图7-9-3 第1帧中的按钮 图7-9-4 “按钮”图层
课堂实践
① 将按钮中的文字“Enter”修改为“Play”。
② 在“按钮”图层的最后一帧，插入关键帧，添加一个按钮，将按钮
中的文字修改为“Replay”。
三、实现按钮的交互功能
程序界面中的按钮交互功能实际由动作脚本（即程序代码）来控制。在此，
借助代码片断面板实现。具体方法如下。
1. 为“帧”添加动作脚本，使动画停止
① 单击按钮出现的第1 帧。
② 单击菜单“窗口”→“代码片断”命令。
③ 在弹出的面板中，双击“时间轴导航”文件夹图标，展开代码列表，双击“在
此帧处停止”命令，如图7-9-5 所示。此时添加的代码“stop();”出现在动作面板中，
如图7-9-6所示。
图7-9-5 代码片断面板 图7-9-6 动作面板
169第七章 动画制作
2. 为“按钮”添加动作脚本，使动画继续播放
① 单击第1 帧中的按钮。
② 打开代码片断面板，在“时间轴导航”列表中双击“单击以转到帧并播放”
命令，如图7-9-7所示。
③ 弹出的对话框提示“Flash 将创建实例名称”，单击“确定”按钮，如图
7-9-8所示。
图7-9-7 代码片断面板 图7-9-8 创建实例名称
④ 在弹出的动作面板中，将“gotoAndPlay(5)”中默认的帧编号 5 修改为 2，
使动画从第2帧开始播放，如图7-9-9所示。
图7-9-9 修改动作脚本
测试影片，单击按钮，查看动画播放。
经过上述操作以后，时间轴上将自动增加
Actions 图层，动作脚本自动添加到第 1 帧中，如
图7-9-10所示。
图7-9-10 Actions图层
170第九节 创建动画中的交互
课堂实践
1. 为最后一帧添加动作脚本，使动画停止。
2. 为“重新播放”按钮添加动作脚本，使动画从第 2 帧重新播放。
知识链接 动作脚本
Flash 编写程序代码的语言称为“ActionScript”，即动作脚本。它能实
现交互性、数据处理以及其他许多功能。目前，Flash 软件中支持的最新版
本为 ActionScript 3.0。
评价与反思
请请请预预预览览览动动动画画画，，，检检检查查查按按按钮钮钮的的的放放放置置置位位位置置置是是是否否否合合合适适适，，，支支支持持持的的的操操操作作作是是是否否否如如如期期期实实实现现现。。。
课后作业
【1】按钮中的“点击”帧有什么作用？
【2】什么时候动画中需要按钮控制播放呢？按钮还可以实现哪些交互
功能？
【3】打开配套光盘中“自创按钮 .fla”源文件，按照以下提示设计个性
化的按钮元件。
① 单击菜单“插入”→“新建元件”命令，键入名称“play”，类型为“按
钮”，如图 7-9-11 所示。
图7-9-11 新建按钮元件
② 设置“弹起”帧，将库面板中的“鱼”元件拖入编辑区。
③ 右击“指针经过”帧，选择“插入关键帧”命令。选中“鱼”元件，
171第七章 动画制作
单击菜单“修改”→“变形”→“水平翻转”命令。
④ 右击“按下”帧，选择“插入关键帧”命令，将“鱼”元件缩小。
⑤ 右击“点击”帧，选择“插入空白关键帧”命令。将库中的“鱼”
元件重新拖入编辑区，注意它的位置、大小与“弹起”帧相同，如图7-9-12
所示。
“弹起”帧 “ 指针经过”帧 “ 按下”帧 “ 点击”帧
图7-9-12 按钮的4个关键帧
⑥ 按钮每一帧可以由多个图层组成。如图 7-9-13 所示，新建图层，
输入“PLAY”文字。
图7-9-13 输入“PLAY”文字
⑦ 为按钮添加声音。
172第十节 创作动画
第十节 创作动画
故事短片、电子贺卡、音乐 MV、网络广告、多媒体课件等作品都可以利用
动画技术实现。在创作动画作品时，只有按照科学的创作流程，合理有序地开展
各项工作，才能提高创作效率，保证作品质量。本节学习动画脚本设计相关知识、
创作注意事项，以及发布动画的方法。
学学学习习习目目目标标标
学学学会会会设设设计计计简简简单单单的的的动动动画画画脚脚脚本本本。。。
掌掌掌握握握简简简单单单动动动画画画的的的制制制作作作流流流程程程和和和方方方法法法。。。
学会发布动画，提升用动画说事和表达的能力。
一、确定选题
优秀的动画作品离不开好的创意。创意是作者的创造性想法、构思等。好的
动画创意可以表达一种观念、传递一份情感、讲述一个故事等。在动画作品中，
好创意通常要借助若干画面、发展的情节、配音配乐等载体加以展现。创作素材
源于生活，要注意对素材的发现、搜集、提炼和挖掘，围绕选题准备素材。
对于动画初学者来说，可以通过以下方式确定创作题材。
1. 改编经典
国内外的小说名著、童话寓言、历史故事中有很多可供选择的素材原型。改
编的形式可以是原汁原味再现原著故事和人物，也可以融入现代的情节或元素，
进行大胆创新。
例如，拾荒动画出品的《小破孩》系列片，通过“小破孩”和“小丫”两个
卡通人物再现了《后羿射日》、《佐罗》等中西方经典故事，如图7-10-1所示。
《后羿射日》 《 佐罗》系列
图7-10-1 《小破孩》系列动画
173第七章 动画制作
2. 原创
结合自身或他人的生活经历、情感故事原创动画作品。报纸、杂志上的一则
新闻，偶然发生的小玩笑，成长的小烦恼，甚至一个梦境，一次异想天开的心驰
神往，都是创意源泉。
例如：全国中小学电脑制作活动的获奖作品《兴趣是个好老师》，以动画的
形式讲述了作者由 Flash 菜鸟蜕变为闪客高手的成长经历，揭示出“兴趣是求知
探索的助推剂”这一主题，如图7-10-2所示。
图7-10-2 《 兴趣是个好老师》
课后探究
选择一个感兴趣的话题，作为动画创作的主题，围绕主题，构思故事
情节。例如 ：班级趣事、成语故事、传统节日、感恩父母、音乐 MV 等。
二、设计脚本
确定作品主题后，就要落实具体创作内容，提出需要解决的问题，这是动画
创作的关键环节，对后期工作的展开具有重要指导意义。
1. 故事脚本
故事脚本又称为文学剧本，以文字的形式，按照场景的顺序描述出故事发生
的时间、地点以及详细的故事情节，包括开端、过程、高潮和结尾。
简单动画的脚本篇幅虽然较短，但一定要清晰地描述出画面中动作、形态的
变化，以便这些内容可视化。例如下面的《“三天打鱼，两天晒网”新解》故事脚本。
“三天打鱼，两天晒网”新解
（场景编号：考试前夕，阳光明媚，家里安静得只听到时钟的“滴答”声，
书桌上摆放着各种参考书）
174第十节 创作动画
小明头扎“必胜”头巾，脸颊通红，眉头紧皱，坐在桌前，思考着某
道难题。
窗外传来小朋友们“小明，一起出来玩吧！”的呼唤声音。
小明摇着头说 ：“不去，我正复习功课呢！”
2. 构思画面
动画由很多镜头画面拼接而成。利用“表格”将故事脚本分割成一个个独立
的画面，加上精练的语言描述画面情节，交代角色的动作、表情、对白、心理活
动以及声音特效等细节，为作品创作时素材的准备、动画的设计提供直接依据。
如表7-10-1所示。
表7-10-1 《“三天打鱼，两天晒网”新解》脚本设计
片名 《“三天打鱼，两天晒网”新解》
场景 片头 小宇家
这是一个轻松的场面。
作品标题
角色1：小宇
画面内容 太阳、小鱼
复习计划：看书，休息；做题，休息
“播放”按钮
书桌上：复习资料、mp3
小鱼游来游去的单击按钮，播放
动作描述 小宇背古诗，听音乐
动画内容
妈妈画外音：这样学习，就像“三天
对白旁白 “三天打鱼，两天晒网”新解
打鱼，两天晒网”，肯定考不好！
其他声音 无 英文歌曲
场景 小明家 考场迎战
这是一个紧张搏杀的场面
角色2：小明头扎“必胜”头巾， 考场中，两套课桌椅
画面内容
脸颊通红，眉头紧皱，坐在桌前 两个角色神情各异
书桌上：摆满复习资料
小宇神情放松、发挥很好
小明不理会伙伴们的邀请，在家
动作描述 小明精神压力太大，抓耳挠腮，发挥
紧张地复习，不轻易休息
失常
妈妈画外音：瞧，我的孩子学习
对白旁白 小明独白：啊，怎么都听不懂？
多刻苦，这次考试一定能考好
其他声音 时钟“滴答”声 英语听力录音
175第七章 动画制作
表7-10-1 《“三天打鱼，两天晒网”新解》脚本设计
续表
片名 《“三天打鱼，两天晒网”新解》
场景 揭示寓意 片尾
作品标题
角色1：小宇
画面内容 太阳、鱼
对话框：表达故事主题的文字
“重新播放”按钮
文字淡入效果
动作描述 单击按钮，动画重新播放
角色眨眼、说话、挥动手臂
“三天打鱼，两天晒网”是劳逸
对白旁白 无
结合的学习方法
其他声音 柔和的背景音乐 无
画面内容：除了文字描述以外，还可以绘制出画面草图。如果是团队合作，
备注
还应该列出具体的任务分工。
知识链接 分镜头脚本
分镜头脚本是从拍摄角度对动画中每一个画面的总体设计。书写过程
中，可以采用文字或者表格的形式清晰列出镜头编号、景别、拍摄手法以
及镜头之间的转换技巧、秒数、语言、声音和音乐等，以方便查看。如果
条件允许，可以通过草图的形式绘制出每一个镜头画面，确定画面的构图、
角色在画面中运动的起止位置、镜头的运动轨迹
等。
三、制作动画
动画创作的具体实施阶段。根据脚本和构思，搜
集制作或创作动画所需的角色、场景、声音等素材，
选择合适的动画技术，进行故事叙述，实现预期效果。
1. 角色造型设计
性格鲜明、造型独特的角色，能够赋予动画更强
的生命力。通过改变角色的身体比例，运用夸张、变
形等造型手法突出角色的某一身体特征，为角色设计
一个标志性动作、经典表情或特色服饰道具，能够让
观众过目不忘。
图7-10-3 库面板的使用
176第十节 创作动画
为了保证角色的形象在动画中前后一致，要绘制出角色不同角度的形象，如
正面、侧面和背面形象。设计好的角色要保存为元件，存在库中，以方便重复使用。
如图7-10-3所示。
2. 场景设计
场景在动画中承担着交代故事背景、烘托角色情绪的重任。基本设计流程如
下。
（1）根据故事脚本，按构思一一设计场景。
（2）绘制轮廓线，合理安排场景元素的位置和关系，运用透视原理表现画面
的空间感。
（3）填充颜色，完善场景细节，增强画面的感染力。
选用专业图像处理软件创作色彩丰富和细节精致的场景，再导入到动画制作
软件中使用。
3. 设计关键帧画面
根据脚本规划，确定每一个画面中图层的数量和具体内容。例如：静止的背
景层、多个具有动画效果的角色层、对白文字层、声音层等。
如图 7-10-4 所示，《天涯共此时》动画的关键帧画面包括 9 个图层，其中，
星空、大海、灯塔为静止的背景层；月亮以及“天”、“涯”、“共”、“此”、“时”5
个文字分别位于单独的图层，以方便制作补间动画。此外，还有旁白文字层和
背景声音层。
关键帧画面 图层设计
图7-10-4 《 天涯共此时》动画
177第七章 动画制作
4. 实现动画效果
根据不同的动画效果，选择相应的动画技术，同时注意把握每一段动画的时
间和运动变化的规律、节奏。下面是具体动画技术。
（1）逐帧动画。
（2）运动补间动画。
（3）形状补间动画。
（4）引导线动画。
（5）遮罩动画。
课堂思考
回忆以上 5 种动画技术的制作要点，它们分别适合用来表现哪些动画
效果？
5. 后期处理
后期处理阶段主要是结合脚本的内容，为动画配音、配乐和添加音效，同步
动画中的动作与声音，使音画和谐。
此外，还可以为动画添加按钮，实现交互。
四、发布动画
发布，与他人分享创作，借助动画描述的故事表达思想和情感。
1. 发布设置
① 单击菜单“文件”→“发布设置”命令，打开“发布设置”对话框，如图
7-10-5所示。
② 在“格式”选项卡中，勾选要发布的文件类型，单击文件夹按钮，修改文
件名以及文件存储的位置。
③单击“Flash”、“HTML”、“GIF”等选项卡，针对具体文件类型进行参数设置，
使作品发布成不同文件格式。如图7-10-6所示。
④单击“确定”按钮，确认当前发布设置。
⑤单击“发布”按钮，即可将动画按照指定设置发布。
178第十节 创作动画
图7-10-5 发布设置 图7-10-6 “Flash”选项卡
2. 发布 Flash 动画
单击“Flash”选项卡，如图 7-10-6 所示，可以更改播放器和脚本版本，对
位图图像以及声音文件的品质进行压缩，对 SWF 影片进行优化，缩小文件大小，
使动画能够快速地下载和播放。如图7-10-7所示为声音文件的压缩设置。
图7-10-7 声音设置
课堂实践
对“天涯共此时 .fla”源文件进行发布设置，将其发布为 SWF 和 EXE
两种格式。
其中，SWF 是 Flash 动画影片的默认格式，需要用户安装 Adobe Flash
179第七章 动画制作
Player 播放器才可以浏览。EXE 格式是可独立运行的文件，在没有播放器
的系统上也能观看动画。
评价与反思
表7-10-2 动画作品评价表
评价项目 自评 他评
主题新颖、积极向上 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
脚本设计情节合理 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
原创角色造型生动 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
原创场景画面精美 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
合理使用动画技术 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
声画同步符合主题 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
动画具有交互性 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
动画发布为SWF格式 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
备注 ：将☆涂成★即可，满分为 5 颗星。
课后作业
【1】归纳总结 ：脚本在动画制作过程中的作用。
【2】简述动画制作的流程。
【3】以小组为单位，自选主题，编写一个 1~2 分钟的故事脚本。
180评价与反思
评价与反思
过程评价
学会的知识（勾选） 回答
□动画产生的原理
□传统动画与电脑动画的区别
□应用绘图工具，创建图形元件
□新建、删除、重命名图层
□任意变形、组合、分离等命令 写出最擅长的动画技术。
□制作简单的逐帧动画 有哪些基础知识和基础操作需
□制作简单的运动补间动画 要巩固和提高？
□制作影片剪辑 有哪些问题需要与同学、老师
□制作简单的形状补间动画 探讨？
□制作引导线动画 还希望学习哪些动画技术？
□制作简单的遮罩动画
□导入外部素材并使用
□创建按钮并实现交互功能
□测试和发布动画影片
□动画创作的流程
综合实践评价
评价项目 自评 他评
健康向上 ○是 ○否 ○是 ○否
主题创意 有时代感 ○是 ○否 ○是 ○否
题材新颖 ○是 ○否 ○是 ○否
搜集素材准确迅速 ○是 ○否 ○是 ○否
脚本设计思路敏捷 ○是 ○否 ○是 ○否
学习实践 学习课程积极主动 ○是 ○否 ○是 ○否
善于学习他人经验 ○是 ○否 ○是 ○否
积极动手，勇于实践 ○是 ○否 ○是 ○否
积极参加小组活动 ○是 ○否 ○是 ○否
小组合作 及时完成小组任务 ○是 ○否 ○是 ○否
乐于分享、交流 ○是 ○否 ○是 ○否
脚本设计情节合理 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
原创角色造型生动 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
原创场景画面精美 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
动画作品 合理使用动画技术 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
声画同步符合主题 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
动画具有交互性 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
发布SWF格式动画 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
备注 ：将☆涂成★即可，满分为 5 颗星。
181主 编：胡祖康 杨德军
副 主 编：章小莉 王振强
本册编写人员：冉 敏 黄 山 刘俊荣 庞汉平
责 任 编 辑：刘建波
封 面 设 计：罗 瑞
装 帧 设 计：红黄蓝设计中心
责 任 印 制：李 萌
义务教育教科书
信息技术
第五册
（7-9年级用）
北 京 教 育 科 学 研 究 院 编
北 京 出 版 社 出版
（北京北三环中路6号）
邮政编码：100120
网 址：ww w . b ph. c o m. c n
北 京 出 版 集 团 公 司 总 发 行
*
787毫米×1092毫米 16开本 印张
2014年6月第1版 2019年6月第7次印刷
ISBN 978-7-200-10904-7
定价：19.75元
质量监督电话：010-58572293 58572393义
务
教
育
教
科
义务教育教科书
书
信
息 XINXI JISHU
技
术
第
五
册
（
北 京 出 版 社
7-9
信 息
技 术
第五册
（7-9 年级用）
年
级
用
）
北
京
出
版
社