第 1 章  初识动画与Animate.................1
1.1 认识动画 .................................................................. 1
1.1.1 什么是动画 ......................................................................... 1
1.1.2 动画的分类 ......................................................................... 2
1.1.3 动画的原理 ......................................................................... 3
1.1.4 动画设计的流程 ............................................................... 3
1.2 Animate CC 2020的基础知识 ............................... 4
1.2.1 Animate CC 2020简介..................................................... 4
1.2.2 安装与卸载Animate CC 2020...................................... 5
实战：使用安装包安装Animate CC 2020 ............................ 5
1.2.3 启动与退出Animate CC 2020 ...................................... 7
1.2.4 认识Animate CC 2020的工作界面 ............................ 7
1.3 Animate CC 2020文档操作 ................................... 9
1.3.1 新建文档 .............................................................................. 9
1.3.2 打开文档 ............................................................................10
1.3.3 导入素材文档 ..................................................................10
1.3.4 保存文档 ........................................................................... 11
1.3.5 关闭文档 ........................................................................... 11
实战：导入海报背景图像文件 ............................................... 11
1.4 设置工作环境 ........................................................ 12
1.4.1 设置舞台属性 ..................................................................12
1.4.2 设置场景显示 .................................................................13
1.4.3 面板的调整 .......................................................................14
1.5 使用标尺、网格和辅助线 ..................................... 14
1.5.1 标尺 .....................................................................................14
1.5.2 网格 .....................................................................................15
1.5.3 辅助线 ................................................................................15
1.6 综合实训：制作深林行走动画 ............................. 16
1.6.1 实训要求 ............................................................................16
1.6.2 实训思路 ...........................................................................16
1.6.3 制作要点 ...........................................................................16
巩固练习 .................................................................. 17
技能提升 .................................................................. 17
第 2 章  绘制与填充图形..................... 19
2.1 绘制线条图形 ........................................................ 19
2.1.1 使用线条工具 ..................................................................19
2.1.2 使用铅笔工具 ..................................................................21
2.1.3 使用钢笔工具组 .............................................................22
范例：绘制游戏App图标 .........................................................23
小测 制作茶叶店铺Logo ........................................................26
2.1.4 使用画笔工具组 .............................................................26
范例：制作山水画鉴赏邀请函 ...............................................28
2.2 绘制形状图形 ....................................................... 30
2.2.1 使用矩形工具和基本矩形工具 ................................30
范例：制作网站登录页 ............................................................. 31
小测 制作“点击进入”按钮 ................................................33
2.2.2 使用椭圆工具和基本椭圆工具 ...............................33
范例：制作“大象乐园”图标 ...............................................34
2.2.3 使用多角星形工具 ........................................................36
2.3 选择图形 ............................................................... 36
2.3.1 使用选择工具 ..................................................................36
2.3.2 使用部分选取工具 .......................................................37
范例：制作动画场景 .................................................................37
2.3.3 使用套索工具 .................................................................38
2.3.4 使用魔术棒工具 .............................................................38
范例：制作中秋节H5页面 .......................................................39
2.3.5 使用多边形工具 .............................................................40
2.4 修改图形 ............................................................... 40
2.4.1 使用橡皮擦工具 .............................................................40
2.4.2 使用任意变形工具 ........................................................41
范例：制作童趣森林开屏动画场景 ....................................42
2.4.3 宽度工具 ...........................................................................43
2.5 填充图形 ............................................................... 44
2.5.1 使用颜料桶工具 .............................................................44
2.5.2 使用滴管工具 ..................................................................45
2.5.3 使用墨水瓶工具 .............................................................45
2.5.4 渐变填充 ...........................................................................45
范例：制作夏至开屏海报 ........................................................48
小测 制作小镇旅游宣传广告 ...............................................50
2.6 综合实训：制作“5 ·20”微博广告 ........................................50
2.6.1 实训要求 ............................................................................50
2.6.2 实训思路 ...........................................................................50
2.6.3 制作要点 ...........................................................................50
巩固练习 .................................................................. 51
技能提升 .................................................................. 51
第 3 章  编辑动画对象........................52
3.1 编辑对象形状 ........................................................ 52
3.1.1 扭曲对象 ............................................................................52
3.1.2 封套对象 ............................................................................52
3.1.3 缩放对象 ...........................................................................53
3.1.4 旋转与倾斜对象 .............................................................53
3.1.5 缩放与旋转对象 .............................................................54
范例：制作公益宣传广告 ........................................................54
3.2 调整对象位置 ....................................................... 58
3.2.1 翻转对象 ...........................................................................58
3.2.2 合并对象 ...........................................................................58
3.2.3 组合与分离对象 .............................................................59
3.2.4 排列与对齐对象 .............................................................60
范例：制作知乎个人主页封面 ...............................................61
3.3 优化对象 ............................................................... 63
3.3.1 优化曲线 ............................................................................63
3.3.2 将线条转换为填充 .......................................................63
3.3.3 扩展填充 ...........................................................................63
3.3.4 柔化填充边缘 .................................................................64
实战：制作并优化按钮 ............................................................64
3.4 美化对象 ............................................................... 66
3.4.1 添加滤镜 ............................................................................66
3.4.2 禁用和启用滤镜 .............................................................67
3.4.3 删除滤镜 ...........................................................................68
范例：美化“新年新规划”公众号推文封面 .................68
3.5 综合实训：制作企业Logo ................................... 71
3.5.1 实训要求 ............................................................................71
3.5.2 实训思路 ...........................................................................71
3.5.3 制作要点 ...........................................................................71
巩固练习 .................................................................. 72
技能提升 .................................................................. 72
第 4 章  文本、声音和视频..................73
4.1 创建与编辑文本 .................................................... 73
4.1.1 输入文本............................................................................73
4.1.2 文本类型 ...........................................................................74
4.1.3 创建静态文本 ..................................................................74
4.1.4 创建动态文本 ..................................................................74
4.1.5 创建输入文本 ..................................................................75
范例：制作“商品促销”胶囊Banner ..................................75
4.2 添加与编辑声音 .................................................... 78
4.2.1 声音的格式 ......................................................................78
4.2.2 导入声音 ...........................................................................78
4.2.3 添加声音 ...........................................................................78
4.2.4 修改或删除声音.............................................................79
4.2.5 设置声音播放效果 .......................................................79
4.2.6 设置声音同步方式 .......................................................80
4.2.7 设置声音播放次数 ........................................................80
4.2.8 剪辑声音 ...........................................................................80
4.2.9 调整音量 ...........................................................................81
4.2.10 设置声音的属性 ...........................................................81
实战：为“家装节海报”添加音效......................................82
4.3 添加与编辑视频 .................................................... 83
4.3.1 认识视频的格式 .............................................................83
4.3.2 导入视频 ............................................................................83
范例：为水果宣传海报添加视频 .........................................84
4.3.3 用组件载入外部视频 ..................................................85
小测 制作旅游宣传册 .............................................................86
4.4 综合实训：制作网络招聘广告 ............................. 86
4.4.1 实训要求 ............................................................................86
4.4.2 实训思路 ...........................................................................86
4.4.3 制作要点 ...........................................................................87
巩固练习 .................................................................. 88
技能提升 .................................................................. 88
第 5 章  图层与帧 ..............................90
5.1 图层的基本操作 .................................................... 90
5.1.1 图层的类型 .......................................................................90
5.1.2 图层的基本操作 .............................................................91
5.1.3 设置图层显示状态 ........................................................92
5.1.4 修改图层属性 ..................................................................94
5.1.5 文件夹的基本操作 ........................................................94
实战：编辑和管理海报图层 ..................................................95
小测 编辑与管理Banner图层 ...............................................97
5.2 帧的基本操作 ....................................................... 97
5.2.1 帧的基本类型 .................................................................97
5.2.2 认识帧按钮 ......................................................................98
5.2.3 选择帧 ................................................................................98
5.2.4 插入帧 ................................................................................99
5.2.5 复制帧、粘贴帧 .............................................................99
5.2.6 删除帧 ................................................................................99
5.2.7 移动帧 ................................................................................99
5.2.8 转换帧 ................................................................................99
5.2.9 翻转帧 ..............................................................................100
范例：制作谷雨动态宣传海报 ............................................100
5.3 综合实训：制作“口红”产品推广H5页面 ........ 103
5.3.1 实训要求 ..........................................................................103
5.3.2 实训思路 .........................................................................103
5.3.3 制作要点 .........................................................................104
巩固练习 ................................................................ 104
技能提升 ................................................................ 106
第 6 章  元件、实例与库 ................... 107
6.1 元件 ..................................................................... 107
6.1.1 元件的类型 .....................................................................107
6.1.2 创建影片剪辑元件 ......................................................107
6.1.3 创建按钮元件................................................................108
6.1.4 创建图像元件 ................................................................108
6.1.5 转换为元件.....................................................................108
6.1.6 修改元件类型 ...............................................................108
6.1.7 编辑元件 ..........................................................................109
6.1.8 交换元件 .........................................................................109
范例：制作购物卡动画 ...........................................................109
小测 制作生日贺卡 ................................................................114
6.2 实例 ......................................................................114
6.2.1 创建实例 .........................................................................114
6.2.2 编辑实例 .........................................................................115
范例：制作环保海报 ...............................................................117
6.3 库 ......................................................................... 122
6.3.1 认识“库”面板 ............................................................122
6.3.2 新建和管理“库”文件夹 ........................................122
6.3.3 导入外部库 .....................................................................123
范例：制作水果标签 ...............................................................123
小测 制作水蜜桃水果标签 .................................................126
6.4 综合实训：制作旅行宣传海报 ........................... 126
6.4.1 实训要求 ..........................................................................126
6.4.2 实训思路 .........................................................................127
6.4.3 制作要点 .........................................................................127
巩固练习 ................................................................ 128
技能提升 ................................................................ 129
第 7 章  逐帧动画与补间动画............. 130
7.1 逐帧动画 .............................................................. 130
7.1.1 逐帧动画的特点 ............................................................130
7.1.2 转换与形成逐帧动画 .................................................130
范例：制作“TACK”动态标志 ..........................................131
7.1.3 创建逐帧动画 ................................................................134
范例：制作小熊动图 ................................................................134
7.2 补间动画 .............................................................. 135
7.2.1 认识补间动画 ................................................................135
7.2.2 创建补间形状动画 ......................................................136
范例：制作倒计时动画 ...........................................................136
小测 制作动态“开始”按钮..............................................139
7.2.3 创建传统补间动画 ......................................................139
范例：制作动态推文封面 .....................................................139
范例：制作加载动画 ...............................................................141
7.2.4 创建补间动画 ................................................................145
范例：制作游戏场景动效 .....................................................146
小测 制作旋转飞行动画 ......................................................147
7.3 综合实训：制作6 · 18促销弹窗广告 ................... 148
7.3.1 实训要求 ..........................................................................148
7.3.2 实训思路..........................................................................148
7.3.3 制作要点 ..........................................................................148
巩固练习 ................................................................ 149
技能提升 ................................................................ 150
第 8 章  引导动画与遮罩动画............. 151
8.1 引导动画 ...............................................................151
8.1.1 普通引导层 .....................................................................151
8.1.2 运动引导层 .....................................................................152
8.1.3 制作引导动画的注意事项 ........................................152
范例：制作护肤品动态海报 .................................................152
小测 制作纸飞机动画 ...........................................................157
8.2 遮罩动画 ............................................................. 157
8.2.1 认识遮罩动画 ...............................................................157
8.2.2 创建遮罩层 ....................................................................157
8.2.3 创建遮罩动画的注意事项.......................................158
范例：制作游戏宣传MG动画 .............................................158
小测 制作“百叶窗”动画 ...................................................164
8.3 综合实训：制作相机宣传动态海报 ...............................164
8.3.1 实训要求 ..........................................................................164
8.3.2 实训思路 .........................................................................164
8.3.3 制作要点 .........................................................................164
巩固练习 ................................................................ 165
技能提升 ................................................................ 166
第 9 章  骨骼动画与摄像头动画 ......... 167
9.1 骨骼动画 ...............................................................167
9.1.1 添加骨骼 ..........................................................................167
实战：为人物添加骨骼 ...........................................................168
实战：为剪影添加骨骼 ...........................................................169
9.1.2 编辑骨骼 .........................................................................170
9.1.3 创建与编辑骨骼动画 .................................................172
9.1.4 设置骨骼动画属性 ......................................................173
范例：制作非遗宣传海报 ......................................................173
小测 制作跳舞动画 ................................................................176
9.2 摄像头动画 .......................................................... 177
9.2.1 添加摄像头 ....................................................................177
9.2.2 编辑摄像头 ....................................................................177
实战：近距离放大海船场景 ................................................178
9.2.3 图层深度 .........................................................................179
范例：优化行走场景MG动画 .............................................179
9.3 综合实训：制作微博借势营销动画 ................................181
9.3.1 实训要求 ..........................................................................181
9.3.2 实训思路 .........................................................................181
9.3.3 制作要点..........................................................................182
巩固练习 ................................................................ 183
技能提升 ................................................................ 184
第10 章  交互动画 ............................ 185
10.1 脚本 ................................................................... 185
10.1.1 认识ActionScript ..........................................................185
10.1.2 变量与常量 ...................................................................186
10.1.3 数据类型 .......................................................................186
10.1.4 表达式和运算符 ........................................................187
10.1.5 ActionScript的基本语法 ............................................188
10.1.6 ActionScript的常用语句 ............................................189
10.1.7 函数 .................................................................................190
10.1.8 事件 .................................................................................190
10.2 动作 ................................................................... 191
10.2.1 使用“动作”面板 .....................................................191
10.2.2 使用“代码片断”面板 ...........................................192
范例：制作动态风景相册 ......................................................192
10.3 组件 ................................................................... 196
10.3.1 组件的分类 ..................................................................196
10.3.2 组件的基本操作 ........................................................197
10.3.3 认识常用组件 ..............................................................197
范例：制作环保意识调查问卷 ............................................201
小测 制作留言板 .................................................................... 205
10.4 综合实训：制作个人信息登记表 ..................................206
10.4.1 实训要求 ....................................................................... 206
10.4.2 实训思路 ...................................................................... 206
10.4.3 制作要点 ...................................................................... 206
巩固练习 ................................................................ 207
技能提升 ................................................................208
第11章  测试、优化和发布动画 ......... 210
11.1 测试动画 ............................................................ 210
11.1.1 测试ActionScript 3.0动画..........................................210
11.1.2 测试HTML5 Canvas动画 ........................................211
实战：测试“雪夜”动画 .......................................................211
11.2 优化动画 ............................................................ 212
11.2.1 优化动画文件 ..............................................................212
11.2.2 优化动画元素 .............................................................212
11.2.3 优化文本 .......................................................................213
实战：优化“雪夜”动画 .......................................................213
11.3 发布动画 ............................................................ 214
11.3.1 设置动画发布格式 ....................................................214
11.3.2 发布动画 .......................................................................218
实战：发布动态宣传海报 ......................................................218
11.4 综合实训：发布“迷路的小孩”动画 ............... 219
11.4.1 实训要求 ........................................................................219
11.4.2 实训思路 .......................................................................219
11.4.3 制作要点 .......................................................................219
巩固练习 ................................................................ 220
技能提升 ................................................................ 221
第12 章  动图制作实战范例................ 222
12.1 文字类动图—“开学第一课”动图 ................ 222
12.1.1 行业知识 ...................................................................... 222
12.1.2 案例分析 ...................................................................... 223
12.1.3 制作文字动图背景 ................................................... 224
12.1.4 制作文字动图 ............................................................ 224
12.2 表情类动图—“白熊”动态表情 .....................229
12.2.1 行业知识 ...................................................................... 229
12.2.2 案例分析 ...................................................................... 230
12.2.3 绘制“白熊”图形 .................................................... 230
12.2.4 制作“白熊”动效 .....................................................232
12.3 标志类动图——“旅行网”动态标志 .........................234
12.3.1 行业知识 ...................................................................... 234
12.3.2 案例分析 .......................................................................235
12.3.3 绘制“旅行网”标志背景 ......................................236
12.3.4 制作帆船元件 .............................................................237
12.3.5 制作“旅行网”标志动效 ......................................239
巩固练习 ................................................................ 242
技能提升 ................................................................ 242
第13 章  广告动画实战范例................ 243
13.1 App开屏广告—“6·18”天猫开屏广告 ........ 243
13.1.1 行业知识 ........................................................................243
13.1.2 案例分析 .......................................................................245
13.1.3 制作6·18开屏广告的背景 ......................................247
13.1.4 制作小球发射动效 ....................................................252
13.1.5 制作6·18文字和按钮动效 .................................... 254
13.1.6 为6·18开屏广告添加声音 ......................................257
13.2 网幅广告—“小智”音箱网幅广告 ................ 258
13.2.1 行业知识 .......................................................................258
13.2.2 案例分析 ...................................................................... 260
13.2.3 绘制广告背景 .............................................................262
13.2.4 制作扇形元件..............................................................262
13.2.5 制作主体部分 .............................................................263
13.2.6 制作广告文字部分 ................................................... 266
13.2.7 制作广告动效 ..............................................................267
13.3 H5广告—爱利箱包H5广告 ........................... 269
13.3.1 行业知识 .......................................................................269
13.3.2 案例分析 .......................................................................272
13.3.3 制作H5广告封面元件 ..............................................274
13.3.4 制作H5广告内页元件 ..............................................279
13.3.5 制作H5广告尾页元件 ............................................. 282
13.3.6 拼合H5广告 .................................................................283
13.3.7 为H5广告添加声音 .................................................. 284
巩固练习 ................................................................ 285
技能提升 ................................................................ 286
第14 章  网页动画实战范例................ 287
14.1 进入动画——制作“旅行网”网页进入动画 ... 287
14.1.1 行业知识 ....................................................................... 288
14.1.2 案例分析 ...................................................................... 288
14.1.3 制作进入动画背景 ................................................... 289
14.1.4 制作滚动条 ................................................................. 289
14.1.5 制作按钮元件 ............................................................ 290
14.2 首页动画——制作“旅行网”首页动画 ....................292
14.2.1 行业知识 ...................................................................... 292
14.2.2 案例分析 ...................................................................... 294
14.2.3 制作“旅行网”导航栏动效 .................................295
14.2.4 制作“旅行网”Banner动效 .................................. 299
14.2.5 制作“旅行网”相关板块动效 .............................301
14.2.6 制作“旅行网”页尾 ............................................... 304
14.2.7 添加音乐并发布网页 .............................................. 305
巩固练习 ................................................................306
技能提升 ................................................................ 307