《AdobeAnimate动画制作案例教程（新形态版）》设计理念先进，配套资源丰富（提供教学视频、范例与模拟案例源文件、素材、练习题、PPT、补充知识点等内容），便于教学和学生自学。全书共13章，主要内容包括图形的绘制与编辑、元件的创建与编辑、Animate动画制作、制作形状补间动画和遮罩动画、“代码片段”面板的运用、创建交互式导航、Animate中制作视频课件、加载和控制外部内容、Animate文本制作、Animate课件发布到HTML5、AnimateIK动画、Animate动画的发布等。《AdobeAnimate动画制作案例教程（新形态版）》既可作为高等院校相关专业的教材，也可作为培训机构的教学用书，同时也非常适合广大动画制作爱好者自学。
前言
本书是编者团队在多年教学科研的基础上不懈努力创作的结果。创作队伍中有教授、
讲师、研究生和本科生，不同人员分工和合作：教授负责整体教学思想的设计、教法的规
划、案例脚本的设计和审核、教学视频的设计和监制等工作；讲师和研究生负责案例的创
作和实现、教材文字的整理、教学视频的录制、题库的整理等工作；本科生作为助手做协
助工作，并且有大量的本科生进行了学习试用。
1. 本书特色
（1）配套资源丰富。
■ 各章范例与模拟案例源文件、素材等资源：扫描下方“学习资源”二维码下载。
■ 教学课件、习题解答等资源：扫描下方“教学资源”二维码下载，或者到清华大
学出版社官方网站本书页面下载。
■ 微课视频（245 分钟，122 集）：扫描书中相应章节的二维码在线学习。
学习资源 教学资源
注：请先扫描刮刮卡中的文泉云盘防盗码进行绑定后再获取相应资源。
（2） 为翻转课堂和混合式教学量身打造。整个教学过程的设计体现了新的理念、新的
教学方法以及科学的教学设计。
（3） 采用先进的教学理念“阶梯案例三步教学法”。通过实践证明“阶梯案例三步教
学法”可以大幅提高学习效率。
2. 学习软件版本的选择
建议使用较高版本的软件进行学习，高版本软件运行速度快，实现效果好。本书配套
资源的案例讲解和视频录制使用的软件版本是Adobe Animate 2024，建议读者使用该版本
进行学习。其他版本可能在软件界面和功能上有一些区别，但不影响对本书大部分内容的
学习。
3.“ 阶梯案例三步教学法”简介
■ 第一步：范例学习。每章设计一到多个经典案例，进行手把手范例教学，按照本
书中的提示，由教师指导，读者自主完成。读者亦可扫描书中二维码，参照视频
讲解，一步步训练。
■ 第二步：模拟练习。每章提供一到多个模拟练习作品，只提供最后结果，不提供
过程。读者使用提供的素材，制作出原理相同的作品。
■ 第三步：创意设计。运用知识单元学习到的技能，自己设计制作一个包含章节知
识点的作品。
在本书的编写过程中，武汉市楚楚创意信息技术有限公司给予了大力协助。我们虽以
科学严谨的态度，力求精益求精，但书中疏漏之处在所难免，敬请广大读者批评指正。
感谢您购买本书，希望本书能为读者成为Adobe Animate（简称为Animate）动画制作
的领航者铺平道路，在今后的工作中能够更胜一筹。
编 者
2025 年10 月
目录C O N T E N T S
第1 章Animate 动画制作快速入门 / 1
视频讲解：38 分钟（18 集）
1.1 预览完成的案例 / 2
1.2 使用Animate 新建文档 / 3
1.3 初识Animate 工作区 / 3
1.4 “库”面板 / 5
1.5 “舞台”面板 / 5
1.6 “时间轴”面板 / 6
1.6.1 重命名、显示或隐藏、锁定和以轮廓显示图层 / 7
1.6.2 创建新图层 / 8
1.6.3 移动、管理和删除图层 / 9
1.6.4 插入帧 / 9
1.6.5 插入关键帧 / 9
1.6.6 插入空白关键帧 / 10
1.7 “属性”面板 / 11
1.8 “工具”面板 / 11
1.8.1 初识“工具”面板 / 11
1.8.2 使用“工具”面板 / 12
1.9 “动作”面板 / 15
1.10 “历史记录”面板 / 15
1.11 预览、保存和发布动画 / 16
1.11.1 预览动画 / 16
1.11.2 保存动画 / 16
1.11.3 发布动画 / 16
作业 / 17
第2 章Animate 中图形的绘制与编辑 / 19
视频讲解：19 分钟（13 集）
2.1 预览完成的案例 / 20
2.2 新建文档 / 20
2.3 绘图工具的使用 / 21
2.3.1 矩形工具 / 21
2.3.2 椭圆工具 / 22
2.3.3 钢笔工具 / 23
2.3.4 铅笔工具 / 24
2.3.5 画笔工具 / 24
2.3.6 线条工具 / 25
2.4 元件的创建编辑 / 26
2.4.1 转换元件并增加滤镜 / 26
2.4.2 创建元件多次重复使用 / 26
2.5 颜色填充 / 27
2.5.1 纯色填充 / 27
2.5.2 渐变填充 / 28
2.6 文字的创建编辑 / 29
作业 / 30
第3 章元件的创建与编辑 / 31
视频讲解：8 分钟（7 集）
3.1 预览完成的案例 / 32
3.2 新建动画文件 / 33
3.3 导入Photoshop 位图文件 / 33
3.4 导入Illustrator 矢量图文件 / 34
3.5 元件 / 35
3.5.1 元件的概述 / 35
3.5.2 元件的类型 / 35
3.5.3 创建元件 / 36
3.6 编辑元件 / 36
3.7 在3D 空间中定位 / 38
作业 / 40
第4 章Animate 动画制作 / 42
视频讲解：13 分钟（7 集）
4.1 预览完成的案例 / 43
4.2 新建文件 / 44
4.3 素材导入 / 44
4.4 创建图层和补间动画 / 45
4.4.1 补间动画的基本概念 / 45
4.4.2 淡入/ 淡出效果 / 46
4.5 动画特效制作 / 48
4.5.1 添加滤镜 / 48
4.5.2 拆分动画 / 50
4.6 3D 旋转运动 / 52
4.6.1 3D 旋转 / 52
4.6.2 更改路径 / 53
4.7 动画预览 / 54
作业 / 55
第5 章制作形状补间动画和遮罩动画 / 56
视频讲解：21 分钟（6 集）
5.1 预览完成的案例 / 57
5.2 初识形状补间动画 / 57
5.3 制作形状补间动画 / 57
5.3.1 新建Animate 文档 / 57
5.3.2 新建图层并插入关键帧 / 58
5.3.3 在关键帧处绘制形状 / 59
5.3.4 创建补间形状 / 60
5.3.5 设置“缓动”和“混合”属性 / 61
5.4 添加更多的形状补间动画 / 61
5.4.1 绘制更多的补间形状 / 61
5.4.2 为添加的补间形状创建形状补间动画 / 63
5.4.3 使用“循环播放”按钮预览动画 / 64
5.5 美化补间形状 / 64
5.5.1 使用形状提示 / 64
5.5.2 使用“颜色”面板 / 65
5.6 初识遮罩层动画 / 66
5.7 制作遮罩层动画 / 66
5.7.1 创建遮罩层 / 66
5.7.2 创建被遮罩层 / 67
5.8 为动画添加创意 / 68
作业 / 69
第6 章“代码片段”面板的运用 / 71
视频讲解：20 分钟（11 集）
6.1 预览完成的案例 / 72
6.2 ActionScript 3.0 概述 / 73
6.3 初识“代码片段”面板 / 74
6.4 使用“代码片段”面板添加交互效果 / 74
6.4.1 事件处理函数 / 74
6.4.2 场景跳转效果 / 76
6.4.3 动画移动效果 / 77
6.4.4 淡入影片剪辑效果 / 79
6.5 加载外部文本 / 80
6.6 定时器 / 82
6.7 为动画添加音频和视频 / 83
6.7.1 添加背景音乐 / 83
6.7.2 添加视频 / 83
6.7.3 添加控制视频播放和暂停的按钮 / 84
作业 / 85
第7 章创建交互式导航 / 86
视频讲解：26 分钟（17 集）
7.1 预览完成的案例 / 87
7.2 关于交互式影片 / 88
7.3 创建按钮 / 88
7.3.1 创建按钮元件 / 88
7.3.2 直接复制按钮元件 / 90
7.3.3 交换位图 / 91
7.3.4 放置按钮元件 / 92
7.3.5 给按钮实例命名 / 93
7.4 简单了解ActionScript 3.0 的术语和语法 / 94
7.4.1 理解脚本术语 / 94
7.4.2 使用适当的脚本语法 / 95
7.5 扩充案例的“时间轴”面板 / 95
7.6 添加停止动作代码（stop） / 96
7.7 为案例的按钮创建事件处理程序 / 96
7.7.1 为案例添加事件侦听器和函数 / 97
7.7.2 检查语法和格式化代码 / 99
7.8 创建目标关键帧 / 99
7.8.1 插入具有不同内容的关键帧 / 100
7.8.2 使用关键帧上的标签 / 101
7.9 创建返回事件 / 102
7.10 在目标位置播放动画 / 104
7.10.1 使用关键帧上的标签 / 104
7.10.2 使用gotoAndPlay( ) 命令 / 106
7.10.3 停止动画 / 106
7.11 动画式按钮 / 107
作业 / 109
第8 章Animate 中制作视频课件 / 110
视频讲解：20 分钟（10 集）
8.1 预览完成的案例 / 111
8.2 打开start 文件 / 112
8.3 导入声音文件 / 113
8.3.1 导入按钮声音文件 / 113
8.3.2 为按钮添加声音 / 114
8.3.3 添加背景音乐 / 115
8.3.4 调整声音属性 / 115
8.4 添加视频 / 117
8.4.1 使用FLVPlayback 组件播放视频 / 117
8.4.2 添加视频特效 / 119
8.5 使用Adobe Media Encoder / 120
8.5.1 面板介绍 / 120
8.5.2 基本功能 / 121
作业 / 124
第9 章加载和控制外部内容 / 125
视频讲解：9 分钟（4 集）
9.1 预览完成的案例 / 126
9.2 创建遮罩 / 127
9.3 加载外部内容 / 128
9.4 删除加载的外部内容 / 131
作业 / 131
第10 章Animate 文本制作 / 132
视频讲解：26 分钟（5 集）
10.1 预览完成的案例 / 133
10.2 了解各类文本 / 134
10.3 在Animate 中添加文本 / 134
10.3.1 添加标题文本 / 134
10.3.2 添加静态内容文本 / 135
10.3.3 添加垂直文本 / 137
10.3.4 添加动态文本 / 138
10.3.5 字体嵌入 / 139
10.3.6 添加输入文本 / 139
10.4 添加图片 / 139
10.4.1 创建百叶窗风格的图片 / 140
10.4.2 创建补间遮罩图片 / 142
10.5 添加超链接 / 143
10.6 运用代码片段添加代码进行交互 / 144
10.6.1 添加“制作方法”按钮和“具体制作方法”元件的交互 / 144
10.6.2 加载外部文件 / 145
作业 / 146
第11 章Animate 课件发布到HTML5 / 148
视频讲解：7 分钟（5 集）
11.1 预览完成的案例 / 149
11.2 打开start 文件 / 149
11.3 使用传统补间动画 / 149
11.3.1 制作蝴蝶翅膀扇动的效果 / 149
11.3.2 应用传统补间动画 / 150
11.3.3 修改蝴蝶翅膀实例 / 150
11.3.4 修补主场景动画 / 151
11.4 导出到HTML5 / 152
11.4.1 理解输出文件 / 153
11.4.2 发布设置 / 154
11.5 使用HTML 代码片段插入JavaScript 代码 / 155
作业 / 156
第12 章Animate IK 动画 / 157
视频讲解：34 分钟（14 集）
12.1 预览完成的动画并开始制作 / 158
12.2 IK 动画的基本概念 / 159
12.3 利用反向运动学制作关节运动 / 160
12.3.1 定义骨骼 / 160
12.3.2 插入姿势 / 163
12.4 约束连接点 / 164
12.4.1 约束连接点的旋转 / 164
12.4.2 约束连接点的平移 / 165
12.5 形状的反向运动学 / 167
12.5.1 在形状内定义骨骼 / 167
12.5.2 在元件间定义骨骼 / 168
12.5.3 元件的命名和复制 / 170
12.5.4 创建简单的补间动画 / 172
12.6 主骨架和副骨架的连接 / 173
12.6.1 全身骨架的创建 / 173
12.6.2 无缝动画的完成 / 175
12.7 在动画中替换元件 / 175
12.7.1 将简单动画制作成元件 / 176
12.7.2 影片剪辑元件的使用 / 176
12.7.3 元件的替换 / 177
作业 / 178
第13 章Animate 动画的发布 / 179
视频讲解：4 分钟（5 集）
13.1 预览完成的案例 / 180
13.2 Web 发布 / 180
13.3 其他发布选项 / 183
13.3.1 创建放映文件 / 183
13.3.2 其他发布格式 / 184
13.3.3 清除发布缓存 / 184
作业 / 185
书单推荐
