第1章 交互动画设计基础知识 1
1.1交互设计与交互动画 1
1.1.1交互设计概述 1
1.1.2关于交互动画设计 2
1.2交互动画实现法则 3
1.2.1易用性 3
1.2.2有效性 4
1.2.3高效性 5
1.2.4容错性 6
1.3不同领域中的交互动画 6
1.3.1网页设计中的交互动画 7
1.3.2软件界面中的交互动画 7
1.4交互动画展示 8
1.5 After Effects基础知识 8
1.5.1了解视频的相关术语 9
1.5.2了解After Effects 11
1.5.3 After Effects的应用领域 12
1.6 After Effects与交互动画设计 16
1.6.1常见的交互动画效果 17
实例1制作简单的位移效果交互动画 18
1.6.2保存与格式的输出 20
1.7本章小结 20
1.8课后练习 21
第2章 辅助设计软件基础知识 22
2.1安装软件的系统要求 22
实例2安装并启动After Effects CC 23
2.2 After Effects CC界面介绍 25
2.2.1如何切换工作区 26
2.2.2工具栏的使用 27
2.2.3“项目”面板 27
2.2.4“合成”窗口 28
2.2.5“时间轴”面板 28
2.2.6使用菜单栏 29
2.2.7“信息”面板 32
2.2.8“对齐”面板 32
2.2.9“音频”面板 33
2.2.10“预览”面板 33
2.2.11“效果和预设”面板 33
2.2.12“图层”面板 34
2.2.13“效果控件”面板 34
2.2.14“字符”面板 35
2.3 After Effects的基础操作 35
2.3.1项目文件的基础操作 35
2.3.2导入素材的文件 37
2.3.3素材的基本操作 40
实例3图形之间的相互转换 44
2.3.4辅助功能的使用 48
实例4在三维视图模式中编辑图像 54
2.3.5 After Effects中的基本工作流程 56
实例5制作简单的交互动画 56
2.4本章小结 62
2.5课后练习 62
第3章 使用After Effects中的图层与时间轴 63
3.1图层的类型 63
3.1.1素材图层 63
3.1.2文本图层 64
实例6交互动画制作中文本图层的使用 64
3.1.3纯色图层 69
实例7创建纯色背景 70
3.1.4灯光图层 72
实例8交互动画制作中灯光图层的使用 74
3.1.5摄像机图层 79
实例9交互动画制作中摄像机的使用 79
3.1.6空对象图层 81
3.1.7形状图层 81
3.1.8调整图层 82
3.1.9 Adobe Photoshop File （Photoshop文件层） 82
实例10制作iOS 9关闭后台操作动画效果 83
3.2图层的基本操作 92
3.2.1创建层 92
3.2.2选择层 92
3.2.3删除层 93
3.2.4改变层上下顺序 93
3.2.5复制替换层 94
实例11素材自动适合图像尺寸 95
3.2.6序列层 96
3.2.7图层与图层对齐和自动分布功能 97
3.2.8为图层添加标记 97
3.3图层的基本属性 99
3.3.1锚点 99
3.3.2位置 100
3.3.3缩放 100
3.3.4旋转 101
3.3.5不透明度 101
3.4图层的混合模式 102
3.4.1图层混合模式的使用方法 102
3.4.2图层混合模式的类型 103
实例12制作简单的APP加载动画 104
3.5认识“时间轴”面板 111
3.5.1“音频/视频”控制选项 112
3.5.2“图层”控制选项 112
3.5.3“转换面板”控制选项 112
3.5.4“模式”控制选项 113
3.5.5 Parent（父子链接）控制选项 114
3.5.6“时间拉伸”控制选项 114
3.6创建时间轴特效 114
3.6.1颠倒时间 114
3.6.2使用入点和出点控制面板 115
3.6.3应用重置时间命令 116
3.6.4倒退播放 116
3.6.5延长时间 116
3.6.6停止时间 117
3.7本章小结 117
3.8课后练习 118
第4章 制作关键帧动画 119
4.1关键帧的概念与基本操作 119
4.1.1什么是关键帧 119
4.1.2创建关键帧 120
实例13交互动画制作中如何创建关键帧 120
4.1.3选择关键帧 122
4.1.4移动关键帧 123
4.1.5复制关键帧 124
实例14交互动画制作中的关键帧复制 124
4.1.6删除关键帧 126
4.2制作图层属性动画 127
4.2.1变换选项 127
4.2.2位移关键帧动画 129
实例15 交互动画制作中的位移关键帧 129
4.2.3缩放关键帧 131
实例16制作缩放关键帧动画 131
4.2.4翻转关键帧 133
实例17交互动画制作中的翻转关键帧 133
4.2.5旋转关键帧 134
实例18交互动画制作中的旋转关键帧 135
4.2.6淡入淡出动画 136
实例19制作交互动画中的淡入淡出效果 136
4.3使用曲线编辑器 137
4.4制作APP常用手势动画 138
实例20常见的手势APP动画 138
4.5本章小结 145
4.6课后练习 145
第5章 交互动画制作中蒙版的使用 147
5.1使用After Effects中的蒙版 147
5.1.1使用矩形工具创建矩形蒙版 148
实例21交互动画制作中的矩形蒙版 149
5.1.2使用椭圆工具创建椭圆形蒙版 150
实例22交互动画制作中的椭圆蒙版 151
5.1.3使用钢笔工具创建自由形状蒙版 153
实例23交互动画制作中的自由形状蒙版 153
5.1.4使用橡皮擦工具创建自由形状蒙版 155
实例24交互动画制作中橡皮擦工具的使用 155
5.2修改与设置蒙版 158
5.2.1选择节点 158
5.2.2移动节点 159
5.2.3使用钢笔工具进行修改 160
5.2.4锁定蒙版 161
5.2.5变换蒙版 162
5.2.6设置蒙版的属性 163
5.2.7制作淡入动画效果 165
实例25制作淡入动画效果 165
5.3实现微信交互动画效果 168
实例26实现微信交互动画效果 169
5.4本章小结 175
5.5课后练习 175
第6章 制作文字动画 177
6.1输入文字 177
6.1.1通过文本图层创建点文字 178
实例27交互动画制作中文本图层的使用 178
6.1.2通过文字工具创建点文字 180
实例28交互动画制作中创建点文字 180
6.1.3创建段落文字 182
实例29交互动画制作中创建段落文字 182
6.1.4点文字与段落文字相互转换 184
实例30点文字与段落文字的转换 184
6.2设置文字属性 185
6.2.1设置字符属性 186
6.2.2设置段落属性 186
6.3文字的动画属性 186
6.3.1动画 187
实例31制作文字动画效果 187
6.3.2源文本 190
6.3.3动画选择器 192
6.3.4路径 192
6.3.5文本动画预设 193
6.4制作文字特效 195
6.4.1基础文字特效 195
6.4.2路径文字特效 195
6.4.3数字特效 195
6.4.4时间码特效 196
6.4.5简单文字动画 196
实例32制作简单的QQ发表心情动画效果 197
6.5制作交互动画 205
实例33制作简单的APP交互动画效果 205
6.6本章小结 212
6.7课后练习 212
第7章 色彩校正特效与抠像技术 214
7.1如何应用色彩调整 214
7.2色彩校正特效 214
7.2.1 CC Color Neutralizer （CC色彩调和） 215
7.2.2 CC Color Offset （CC色彩偏移） 216
7.2.3 CC Kernel（CC颗粒） 216
7.2.4 CC Toner（CC色调） 217
7.2.5 PS任意映射 218
7.2.6保留颜色 219
7.2.7更改为颜色和更改颜色 219
7.2.8广播颜色和黑白颜色 221
7.2.9灰度系数/基值/增益和可选颜色 222
7.2.10亮度和对比度以及曝光度 224
7.2.11曲线和三色调 225
7.2.12色调、色调均化和色光 226
7.2.13色阶和色阶（单独控件） 228
7.2.14色相/饱和度 230
7.2.15通道混合器和颜色链接 231
7.2.16颜色平衡和颜色平衡（HLS） 232
7.2.17颜色稳定器和阴影/高光 234
7.2.18照片滤镜 235
7.2.19自动对比度、色阶和颜色 235
7.2.20自然饱和度 237
7.3色彩校正特效的应用 238
实例34交互动画制作中色彩校正的应用 238
7.4了解抠像的应用 247
7.5键控抠像技术 247
7.5.1 CC Simple Wire Removal（CC线性擦除） 248
7.5.2颜色差值键 249
7.5.3颜色范围 249
7.5.4差值遮罩 250
7.5.5提取 251
7.5.6内部/外部键 252
7.5.7线性颜色键控 253
7.5.8高级溢出抑制器 254
7.5.9 Keylight（外挂键控） 255
7.6抠像技术的应用 256
实例35掌握简单的抠像技术 256
7.7本章小结 258
7.8课后练习 258
第8章 跟踪、稳定、表达式与特效 260
8.1跟踪与稳定的应用 260
8.1.1认识“跟踪器”面板 260
8.1.2跟踪范围框 261
8.2摇摆器 262
8.3运动草图 262
实例36运动草图实现的加载动画效果 263
8.4了解表达式 267
8.4.1复制应用表达式 267
8.4.2将表达式转化为关键帧 267
8.5表达式的操作 268
8.5.1添加表达式 268
8.5.2编辑表达式 269
8.5.3删除表达式 269
8.5.4保存和调整表达式 269
8.5.5为表达式添加注释 270
8.5.6表达式中的量 270
实例37交互动画制作中表达式的使用 271
8.6表达式语言菜单 276
8.7使用After Effects中的特效 277
8.7.1了解内置特效与使用方法 277
8.7.2了解内置特效组 278
8.7.3了解应用模拟特效 282
实例38交互动画中特效的使用 283
8.8本章小结 291
8.9课后练习 291
第9章 交互动画的渲染输出 293
9.1什么是渲染动画 293
9.2渲染工作区 293
实例39手动调整渲染工作区 294
9.3“渲染队列”面板 296
9.4渲染设置 298
9.5输出设置 299
9.6动画的输出 300
实例40输出标准的QuickTime格式文件 300
9.7利用Photoshop生成最终动画 302
实例41生成最终的GIF格式动画 302
9.8课后练习 304