Adobe Animate CC 动画制作案例教程

本书采用实例贯穿的形式，循序渐进地对Animate 动画制作的流程进行了详细介绍，同时也剖析了Animate 使用者在实践过程中容易遇到及关心的问题。全书的知识点涉猎面广，除对Animate 动画制作流程进行了详尽的介绍以外，还对Animate 软件的角色设计、场景设计、透视、游戏等进行了深入的阐述。本书的实例均配备了视频教程，读者可以登录腾讯课堂和中国大学慕课平台学习、观看，还可以扫描书中的二维码，在移动设备中进行浏览。本书收录了大量的教学动画、商业动画、场景设计、多媒体交互的Animate 源文件，有利于读者进行更深入的研究。本书提供了教学大纲、PPT、完整的案例素材和源文件，读者可登录华信教育资源网（www.hxedu.com.cn）免费下载。本书可作为高等院校及高等职业院校游戏、动漫、数字媒体、艺术设计、图形图像等专业的教材，也可作为动画爱好者及从事电影特技、影视广告、游戏制作等人员的参考书。

王威（skywear），1981年出生，河南郑州人，2004年毕业于桂林电子科技大学设计系动画专业，同年进入郑州轻工业学院艺术设计学院动画系任教至今，现为讲师。作品曾获中原杯、河南之星、北京电影学院学院奖、杭州国际动画节美猴王奖等多项大赛优秀奖，并两次送到法国参展。并获得”北京电影学院动画学院奖优秀指导教师”、”河南创意设计新锐十一人”等荣誉。在社会实践中，先后担任河南新海公司动漫部负责人、河南国辰动画公司执行导演、郑州轻工业学院【潘明歌】动画创作工作室制作组长等职。期间多次为中国兵器集团、河南省税务局、河南省公安厅、河南省纠风办、中国移动、中国网通、宇通客车集团等单位设计动画形象、制作Flash动画短片和影视动画广告。2011年参与创办郑州红羽动画公司，开始制作大型电视动画系列片《哈普一家》，并担任总导演至今。2009年至今，先后出版教材《Maya三维动画制作案例教程》、《三维动画设计》等书，被国内多家高校列为指定教材。在国内核心期刊发表专业论文6篇，提出”反传统动画”、”应用型动画”等概念。2010年在网络上发表《很幽默又很扯淡的中国动画》一文，在各大网站上累计点击率突破百万。 2012年在中华人民共和国文化部主管的期刊《文化月刊-动漫游戏》中连载《原创动漫公司成长日志》一文，在业内引起强烈反响。

第1 章　Adobe Animate 入门 / 1
1.1　Animate 的定位和发展史 / 1
1.2 Animate 的界面 / 2
1.3　Animate 的基础操作 / 5
1.3.1　Animate 的舞台（视图）操作 / 5
1.3.2　Animate 的选择操作 / 5
1.4　示范实例——绘制Animate 标志 / 6
1.5　示范实例——绘制小狗 / 7
1.5.1　线的绘制——椭圆工具 / 7
1.5.2　线的绘制——线条工具 / 9
1.5.3　线的绘制——钢笔工具 / 10
1.5.4　填充颜色——颜料桶工具 / 12
1.5.5　修改颜色——滴管工具和颜色
面板 / 12
1.5.6　轮廓线——墨水瓶工具 / 13
1.5.7　调整及输出——任意变形工具 / 15
本章小结 / 15
练习题 / 16
第2 章　Animate 图层绘制应用实例 / 17
2.1 Animate 图层面板概述 / 17
2.1.1　图层面板的基本操作 / 17
2.1.2　图层在绘图操作中的重要性 / 19
2.2　示范实例——绘制石膏几何体 / 20
2.3　示范实例——绘制薯条 / 23
2.3.1 “对象绘制”模式概述 / 23
2.3.2　绘制薯条盒 / 24
2.3.3　绘制薯条 / 26
2.4　综合示范实例——绘制动画
角色Angie / 28
2.4.1　绘制前的分析和准备工作 / 28
2.4.2　头部的精细绘制 / 29
2.4.3　眼睛和头发的精细绘制 / 32
2.4.4　身体的精细绘制 / 35
2.4.5　四肢的精细绘制 / 37
2.4.6　后期整理 / 38
本章小结 / 41
练习题 / 41
目 录
第3 章　Animate 库和元件应用实例 / 42
3.1 “库”面板及其使用方法 / 42
3.1.1　“库”面板的简单操作 / 42
3.1.2　“库”面板的具体使用方法 / 44
3.2　Animate 中的元件 / 45
3.2.1　元件的创建和使用方法 / 45
3.2.2　元件的种类 / 48
3.2.3　元件的编辑 / 50
3.3　示范实例——绘制T 恤衫 / 53
3.4　示范实例——绘制风车 / 55
3.5　综合示范实例——绘制
超人飞飞 / 57
本章小结 / 63
练习题 / 63
第4 章　Animate 遮罩和滤镜绘图实例 / 64
4.1　遮罩的定义及其使用方法 / 64
4.2　示范实例——绘制照片框 / 64
4.3　Animate 中的滤镜 / 67
4.3.1　滤镜的使用方法 / 67
4.3.2　滤镜的种类 / 68
4.4　示范实例——绘制水中倒影 / 69
4.5　示范实例——绘制小男孩角色 / 71
4.6　综合示范实例——绘制复杂角色
九头龙 / 75
4.6.1　绘制前景里的龙 / 75
4.6.2　绘制中景里的龙 / 83
4.6.3　绘制远景里的龙 / 85
本章小结 / 86
练习题 / 87
第5 章　Animate 属性面板应用实例 / 88
5.1 “属性”面板概述 / 88
5.2 示范实例——绘制男孩卧室 / 89
5.2.1 调整素材的位置及大小 / 90
5.2.2 使用色彩效果调整素材 / 93
5.3 示范实例——绘制景深效果 / 94
5.4 示范实例——绘制立体大炮 / 95
VI Adobe Animate CC
动画制作案例教程
本章小结 / 99
练习题 / 99
第6 章　Animate 场景绘制应用实例 / 100
6.1 场景中景别的概念 / 100
6.2 示范实例——绘制自然风光场景 / 101
6.3 示范实例——绘制夜色中的
城市场景 / 104
6.4 场景设置中的透视关系 / 107
6.4.1 “透视”概述 / 107
6.4.2 “透视”中的消失点 / 108
6.5 示范实例——绘制游戏单体建筑：
棋社 / 109
6.5.1 绘制棋社的上层建筑 / 110
6.5.2 绘制棋社的下层建筑 / 112
6.5.3 绘制棋社的细节部分 / 114
6.6 综合示范实例——绘制游戏室内场景：
饭馆 / 115
6.6.1 绘制室内结构 / 115
6.6.2 绘制道具、装饰品 / 118
本章小结 / 119
练习题 / 120
第7 章　手绘板在Animate 中的应用
实例 / 121
7.1 关于手绘板 / 121
7.1.1 手绘板概述 / 121
7.1.2 手绘板的参数 / 122
7.1.3 手绘板的绘图效果 / 122
7.2 Animate 中关于手绘板的设置 / 124
7.2.1 铅笔工具配合手绘板的使用方法 / 124
7.2.2 画笔工具配合手绘板的使用方法 / 124
7.3 示范实例——绘制大场景的草图 / 126
7.4 示范实例——绘制漫画
《这小俩口》 / 127
7.5 综合示范实例——绘制精细的
场景 / 129
本章小结 / 131
练习题 / 131
第8 章　Animate 的基础动画制作实例 / 132
8.1 Animate 的时间轴 / 132
8.1.1 时间轴 / 132
8.1.2 帧的定义 / 133
8.1.3 Animate 中不同的帧类型 / 134
8.1.4 Animate 中帧的编辑方法 / 135
8.2 示范实例——制作动画：小猫
眨眼 / 136
8.2.1 在Photoshop 中处理图片 / 136
8.2.2 在Animate 中制作动态效果 / 137
8.3 示范实例——制作逐帧GIF 动画：
红旗飘飘 / 139
8.3.1 制作红旗飘飘的动画 / 139
8.3.2 导出GIF 动画 / 141
8.4 综合示范实例——制作逐帧动画：
花的生长 / 142
8.4.1 制作种子发芽的动画 / 142
8.4.2 制作长出花茎的动画 / 143
8.4.3 制作花开的动画 / 144
本章小结 / 144
练习题 / 144
第9 章　Animate 的补间动画制作实例 / 145
9.1 示范实例——制作传统补间动画：车轮
滚动 / 145
9.2 示范实例——制作传统补间动画：小球
弹跳 / 147
9.3 示范实例——制作补间动画：小球
转弯 / 151
9.4 示范实例——制作补间动画：颠簸的
汽车 / 152
9.5 示范实例——制作补间形状动画：立方体
旋转 / 155
9.6 示范实例——制作补间形状动画：“中”
字变形 / 156
9.7 综合示范实例——制作动画：两颗球的
复杂运动 / 159
9.7.1 第一阶段的弹跳过程 / 159
9.7.2 第二阶段的弹跳过程 / 164
本章小结 / 166
练习题 / 166
第10 章　引导层动画和遮罩层动画制作
实例 / 167
10.1　引导层动画和遮罩层动画概述 / 167
10.2　示范实例——制作动画：行进中的
火箭 / 167
10.2.1　引导层动画的基本操作 / 167
10.2.2　引导层动画的常见问题及
解决方法 / 169
10.3　示范实例——制作动画：树叶
飘落 / 171
目 录VII
10.4　示范实例——制作动画：射穿
箭靶 / 174
10.5　示范实例——制作动画：文字
闪烁 / 176
10.6　示范实例——制作手绘效果 / 177
10.7 综合示范实例——制作动画：太阳系
运动 / 180
10.7.1 制作木星自转的动画 / 180
10.7.2 制作行星围绕太阳转动的动画 / 181
本章小结 / 184
练习题 / 184
第11 章　角色基础动作的制作实例 / 185
11.1　角色基础动作概述 / 185
11.2　示范实例——制作动画：
小鸡行走 / 186
11.3　示范实例——制作动画：
运动员打篮球 / 188
11.4　示范实例——制作动画：Q 版角色
侧面行走 / 192
11.4.1　整体调整 / 192
11.4.2　四肢动作调整 / 195
11.4.3　头部动作调整 / 197
11.5　综合示范实例——制作动画：
搬箱子 / 198
11.5.1　向前行走动作调整 / 199
11.5.2　搬箱子动作调整 / 201
11.5.3　搬箱子上下坡动作调整 / 204
11.6　示范实例——制作动画：流畅角色
转面 / 206
本章小结 / 209
练习题 / 210
第12 章　游戏角色动作的制作实例 / 211
12.1 电子游戏概述 / 211
12.1.1 电子游戏平台 / 211
12.1.2 电子游戏的类型 / 213
12.1.3 游戏角色与动作 / 215
12.2 示范实例——制作矮人角色的
待机状态 / 216
12.2.1 psd 文件的导入和转换 / 216
12.2.2 制作矮人角色的待机状态 / 217
12.3 示范实例——制作矮人角色的
跳跃动作 / 218
12.4 示范实例——制作矮人角色的
跑步动作 / 219
12.5 示范实例——制作野蛮族的
起跳动作 / 220
12.6 示范实例——制作野蛮族的魔法
攻击动作 / 223
本章小结 / 225
练习题 / 226
第13 章　高级角色动画的制作实例 / 227
13.1　示范实例——制作角色逐帧动作：
妈妈吃惊后转头 / 227
13.1.1　制作吃惊的表情动画 / 227
13.1.2　制作转身动画 / 229
13.1.3　添加暗部及阴影 / 231
13.2　示范实例——制作角色动作：
激动的男孩 / 232
13.2.1　绘制动作草图 / 233
13.2.2 绘制动作正式稿 / 236
13.3　示范实例——制作角色细节动画：
被风吹的男孩 / 239
13.3.1　制作基本动作 / 240
13.3.2　制作男孩被风吹的动画 / 241
13.3.3　添加暗部和阴影 / 243
13.4　示范实例——使用骨骼工具制作动画：
公鸡啄米 / 245
本章小结 / 248
练习题 / 248
第14 章　场景动画制作实例 / 249
14.1 场景动画概述 / 249
14.2 示范实例——制作动画：奔驰的
原野 / 250
14.3 示范实例——制作动画：场景平移和
镜头变焦 / 252
14.4 示范实例——制作动画：室内场景
推镜头 / 254
14.4.1 导入psd 格式文件 / 254
14.4.2 制作场景推镜头动画 / 256
14.5 示范实例——制作摄像头基础
动画 / 258
14.6 示范实例——制作摄像头图层深度
动画 / 262
本章小结 / 264
练习题 / 264
第15 章　Animate 动画的合成实例 / 265
15.1 Animate 合成概述 / 265
VIII Adobe Animate CC
动画制作案例教程
15.2 Animate 合成前的设置 / 266
15.2.1 舞台大小和帧频 / 266
15.2.2 黑框和底纹 / 267
15.3 示范实例——合成单个镜头：
看月亮 / 268
15.4 示范实例——镜头转场：
倒水 / 272
15.4.1 制作淡入淡出的转场效果 / 272
15.4.2 制作白闪和黑闪的转场效果 / 274
15.5 示范实例——多镜头整合 / 275
15.6 示范实例——添加背景音乐 / 277
15.6.1 将声音导入场景中 / 277
15.6.2 更换声音文件 / 278
15.6.3 剪辑和编辑声音文件 / 279
本章小结 / 280
练习题 / 280

前言
现如今，国内大多数学校的动画专业课程设置中，Flash 是常见的动画制作软件之一。可以说，Flash 极大地促进了中国动画行业的发展。2015 年12 月2 日，Adobe 公司宣布FlashProfessional 未来版本采用崭新的名字Animate CC（简称AN）。当下，Animate 已经不单单是动画制作软件，它还向游戏、交互、多媒体等领域挺进，并取得了极大的成绩。
很多学生在学习过程中往往对大量的练习产生排斥心理，但从教学角度来看，如果希望学生的能力有所提高，就需要适当施加压力，采取强制性练习。在学习过程中，交流非常重要，尤其是初学者之间的相互交流，能起到很好的效果。例如，讲授Animate 这门课时，可以将学生上一节课的作业投影到大屏幕上。这样做有两个好处，一是监督大家的学习进度，二是促进学生之间互相交流。
学习Animate 这款动画软件，不仅要求学生能坐得住，还要培养学生的自学能力。笔者发现，如果上课期间进行练习，学生逐渐会对教师产生依赖性，所以，笔者的观点是，建议学生在课后进行练习，当他们遇到问题后，必然会相互沟通、探索求问，若问题无法解决，就需要自己上网查资料。这样就无形中提高了学生的自学能力。
由于动画制作是一个比较复杂的过程，需要多人相互配合才能完成，因此，还需要锻炼学生的团队配合能力。锻炼的方法是让学生自己选择剧本，然后自由结合成制作小组，每天向教师汇报工作进度。汇报时，每组都要派代表上台发言，在全体同学面前用PPT 的形式展示所在小组的工作情况。这样，不仅能提高学生的团队合作能力，也能锻炼他们的口头表达能力和展示能力。
本书的实例都曾在实践和教学过程中使用过，且效果良好，适合Animate 动画制作人员学习。在理论的讲解部分，由于一些Animate 命令极为复杂、庞大，因此本书舍弃了那些在实战中应用不到或应用较少的命令，只对那些常用命令进行集中讲解。这样，可以使读者的精力集中在这类重要的命令上，有利于快速掌握Animate 的操作过程。
本书的实例均配备了视频教程，读者可以登录腾讯课堂和中国大学慕课平台学习、观看。此外，读者还可以使用移动设备，扫描书中的二维码进行浏览。
本书配备了所有实例的源文件和素材，以及供教师上课使用的电子课件。
在本书的编写过程中，得到了郑州轻工业大学艺术设计学院、河南许愿星传媒有限公司的领导和老师们的支持，以及学生们的帮助，其中有原郑州轻工业学院动画系范辉、宋帅、屈佳佳、王翔、杨永鑫、漫晓飞、何玲、李金荣、佘静、洪枫、肖遥、艾迪、于彩丽、施雅静、朱伟伟、吕琦、胡海洋、秦文双、褚申宁、王娟、邓滴汇、王凡、周洁、秦文汐、班青。
特别感谢王文俊在本书编著过程中的帮助和督促。
希望这本书能够帮助更多的人实现自己的动画梦想。由于作者水平有限，书中难免有不妥和错误之处，恳请广大读者批评指正，联系方式为[email protected]，或新浪微博@skywear。
王 威
2019 年2 月于郑州