After Effects UI动效设计案例教程/肖睿 何晶 王小涛

第 1章 After Effects 动效设计快速入门 1
1．1　After Effects 概述　2
1．1．1　After Effects 的主要功能　2
1．1．2　After Effects 的应用领域　2
1．1．3　After Effects 对硬件的要求　2
1．2　After Effects 的工作界面　3
1．2．1　标准工作界面　3
1．2．2　工具栏　4
1．2．3　“项目”面板　5
1．2．4　“合成”面板　6
1．2．5　“时间轴”面板　7
1．2．6　其他面板　8
1．3　After Effects 的工作流程9
1．3．1　素材的导入与管理　10
1．3．2　创建项目合成　13
1．3．3　添加特效　15
1．3．4　设置动画关键帧　17
1．3．5　预览画面　17
1．3．6　渲染输出　17
1．3．7　演示案例：制作时钟指针旋转动画　20
课堂练习：制作CD旋转动画　23
本章小结23
课后练习：制作星球旋转动画　23

第　2章 After Effects 中图层的基本操作　25
2．1　图层概述26
2．1．1　图层的种类26
2．1．2　图层的创建方法　27
2．2　图层的基本操作　30
2．2．1　图层的排列、对齐与分布　30
2．2．2　设置图层时间　31
2．2．3　拆分图层　32
2．2．4　提升与提取图层　33
2．2．5　排序图层　35
2．2．6　父子图层　36
2．2．7　演示案例：制作游戏开始界面动画　36
2．3　图层的基本属性41
2．3．1　锚点属性　41
2．3．2　位置属性　41
2．3．3　缩放属性　42
2．3．4　旋转属性　42
2．3．5　不透明度属性　43
2．3．6　演示案例：制作热气球加载界面动效43
课堂练习：　制作自行车前进的动画48
本章小结48
课后练习：制作计时器序列图层动画48

第3章　After Effects 中图层的高级功能与类型49
3．1　动效设计中常用的图层高级功能50
3．1．1　图层的时间控制　50
3．1．2　图层样式　51
3．1．3　图层的混合模式　54
3．1．4　演示案例：制作手机安全卫士类App 界面动效．　64
3．2　动效设计中的文本图层．70
3．2．1　文本图层的创建与修改70
3．2．2　文本图层的属性　71
3．2．3　创建文字形状图层72
3．2．4　文本动画　72
3．2．5　演示案例：制作下载图标加载动效　75
3．3　动效设计中的形状图层．79
3．3．1　形状图层的创建　79
3．3．2　形状图层的描边与填充80
3．3．3　形状图层的属性　80
3．3．4　演示案例：制作Z 字形加载动画　82
课堂练习：制作雷达角度渐变动画83
本章小结84
课后练习：制作登录页面加载动画84

第4章　After Effects 中动画的制作85
4．1　关键帧86
4．1．1　关键帧的概念及形成条件86
4．1．2　关键帧的基本操作86
4．1．3　关键帧的基本类型89
4．2　图表编辑器90
4．2．1　图表编辑器的基本操作90
4．2．2　图表编辑器的功能介绍90
4．2．3　常见的动画形式　91
4．2．4　演示案例：制作音乐类App 界面动效．　92
4．3　嵌套关系96
4．3．1　嵌套的方法　96
4．3．2　折叠变换/ 连续栅格化97
4．3．3　演示案例：制作KPI 数据展示页面　98
课堂练习：　制作Banner 滑动页面102
本章小结102
课后练习：　制作4 个小球同时落地的动画102

第5章　After Effects 中的蒙版与遮罩103
5．1　蒙版104
5．1．1　蒙版的概念　104
5．1．2　蒙版的创建与修改104
5．1．3　蒙版的属性　110
5．1．4　蒙版的布尔运算111
5．1．5　演示案例：利用蒙版制作变形表情包　114
5．2　遮罩117
5．2．1　遮罩的概念　117
5．2．2　遮罩建立的条件117
5．2．3　遮罩的特点　118
5．2．4　遮罩的类型　118
5．2．5　演示案例：利用轨道遮罩制作宇宙飞船动画119
课堂练习：制作几何图形变形动画123
本章小结123
课后练习：利用蒙版遮罩制作爆笑虫子动画124

第6章　After Effects 中常用的内置特效125
6．1　特效126
6．1．1　特效的概念　126
6．1．2　特效的基本操作126
6．2　动效设计中常用的内置特效130
6．2．1　颜色校正/ 模拟/ 透视的应用　130
6．2．2　过渡/ 风格化/ 生成的应用　137
6．2．3　扭曲/ 文本/ 模糊和锐化的应用　143
6．2．4　演示案例：制作金融类App 界面动效147
课堂练习：　制作药水图标界面动效151
本章小结152
课后练习：　制作计步器App 界面动效．152

第7章　After Effects 中表达式的应用153
7．1　表达式简介154
7．1．1　表达式的概念　154
7．1．2　表达式的基本操作154
7．1．3　表达式的基本语法157
7．2　动效设计中常用的表达式157
7．2．1　循环表达式　157
7．2．2　弹性表达式　158
7．2．3　索引表达式　158
7．2．4　时间表达式　159
7．2．5　抖动表达式　159
7．2．6　演示案例：制作企业动态Logo　160
课堂练习：　使用弹性表达式制作榨果汁动画166
本章小结167
课后练习：　制作互联网行业就业数据MG 动画167

第8章　综合项目：制作悦听App界面动效168
8．1　界面动效的相关理论169
8．1．1　界面动效的价值169
8．1．2　界面动效的设计原则170
8．1．3　界面动效的应用场景171
8．1．4　动效在App 设计中的关键用途　173
8．2　悦听App 界面动效设计174
8．2．1　悦听App 项目背景及项目需求介绍174
8．2．2　悦听App 启动图标动效设计　175
8．2．3　悦听App 引导页动效设计　177
8．2．4　悦听App 内容页动效设计　183
8．2．5　悦听App 动态二维码设计　186
课堂练习：制作悦听App　乐库界面动效189
本章小结189
课后练习：制作悦听App　项目展示动效189