移动互联网之路——APP交互动画设计从入门到精通

第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章　辅助设计软件基础知识
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中的图层与时间轴
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章　制作关键帧动画
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章　交互动画制作中蒙版的使用
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章　制作文字动画
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章　色彩校正特效与抠像技术
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章　跟踪、稳定、表达式与特效
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章　交互动画的渲染输出
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