第1章 初识 UI动效 1
1.1 UI动效的基本概念 2
1.2 UI动效的价值表现 2
1.3 UI动效的设计原则 4
1.4 UI动效的应用领域 16
1.5 UI动效的常用软件 18
1.6 UI动效的设计流程 18
第2章 After Effects软件基础 20
2.1 After Effects工作界面 21
2.2 After Effects工作流程 27
2.2.1 导入素材 28
2.2.2 新建合成 31
2.2.3 管理素材 33
2.2.4 制作动画 39
2.2.5保存预览 42
2.2.6 渲染导出 44
2.3 课堂案例-食品餐饮图标素材导入 51
2.4 课堂练习-食品餐饮图标文件保存 52
2.5 课后习题-食品餐饮图标渲染导出 52
第3章 UI基础动效制作 54
3.1 基础属性动效 55
3.1.1 课堂案例-食品餐饮Loading动效制作 55
3.1.2 课堂练习-文化传媒闪屏页动效制作 66
3.1.3 课后习题-电商平台Banner动效制作 66
3.2 文本图层动效 67
3.2.1 课堂案例-服装饰品Banner文字动效制作 67
3.2.2 课堂练习-文化传媒H5首页文字动效制作 75
3.2.3 课后习题-电商平台引导页文字动效制作 75
3.3 形状图层动效 76
3.3.1 课堂案例——旅游出行图标动效制作 76
3.3.2 课堂练习-电商平台图标动效制作 87
3.3.3 课后习题-电商平台下拉刷新动效制作 87
3.4 蒙板遮罩动效 88
3.4.1 食品餐饮MG动态图标制作 88
3.4.2课堂案例-食品餐饮活动页动效制作 99
3.4.3 课堂案例-电商平台闪屏页动效制作 99
3.5 内置特效动效 100
3.5.1 课堂案例——IT互联网饼形图组件制作 100
3.5.2 课堂练习-文化传媒闪屏页动效制作 106
3.5.3 课后习题-文化传媒H5首页动效制作 107
3.6 表达式控制动效 107
3.6.1 课堂案例-IT互联网开关控件动效制作 107
3.6.2 课堂练习-食品餐饮活动页动效制作 121
3.6.3 课后习题-旅游出行二维码动效制作 122
3.7 三维效果动效 122
3.7.1 课堂案例-文化传媒Loading动效制作 122
3.7.2 课堂案例-教育咨询闪屏页动效制作 131
3.7.3 课堂案例-食品餐饮图标动效制作 132
3.8 人物绑定动效 132
3.8.1 课堂案例-电子数码缺省页动效制作 133
3.8.2 课堂案例-旅游出行MG空状态动效制作 144
3.8.3 课堂案例-文化传媒表情包动效制作 145
第4章 H5界面动效制作 145
4.1 课堂案例-旅游出行H5界面动效制作 146
4.1.1 导入素材 146
4.1.2 动画制作 146
4.1.3 文件保存 176
4.1.4 渲染导出 176
4.2 课堂练习-汽车工业H5界面动效制作 178
4.3 课后习题-文化传媒H5界面动效制作 178
第5章 Web界面动效制作 180
5.1 课堂案例-家居装修Web界面动效制作 181
5.1.1 导入素材 181
5.1.2 动画制作 181
5.1.3 文件保存 209
5.1.4 渲染导出 209
5.2 课堂练习-家居装修Web界面动效制作 211
5.3 课后习题-家居装修Web界面动效制作 211
第6章 App界面动效制作 213
6.1 课堂案例-旅游出行App界面制作 214
6.1.1 导入素材 214
6.1.2 动画制作 214
6.1.3 文件保存 239
6.1.4 渲染导出 240
6.2 课堂练习-电商平台App界面制作 241
6.3 课后习题-食品餐饮App界面制作 241