目录
第 1章 初识UI动效
1.1 UI动效的基本概念 2
1.2 UI动效的价值表现 2
1.3 UI动效的设计原则 4
1.4 UI动效的应用领域 8
1.5 制作UI动效的常用软件 9
1.6 UI动效的设计流程 9
第 2章 After Effects软件基础
2.1 After Effects工作界面 12
2.2 After Effects工作流程 17
2.2.1 导入素材 18
2.2.2 新建合成 20
2.2.3 管理素材 21
2.2.4 制作动画 27
2.2.5 保存预览 29
2.2.6 渲染导出 30
2.3 课堂案例—食品餐饮图标素材导入 36
2.4 课堂训练—食品餐饮图标文件保存 37
2.5 课后习题—食品餐饮图标渲染导出 37
第3章 UI基础动效制作
3.1 基础属性动效 40
3.1.1 课堂案例—食品餐饮Loading动效制作 40
3.1.2 课堂训练—文化传媒闪屏页动效制作 52
3.1.3 课后习题—电商平台Banner动效制作 52
3.2 文本图层动效 53
3.2.1 课堂案例—服装饰品Banner文字动效制作 53
3.2.2 课堂训练—文化传媒H5首页文字动效制作 62
3.2.3 课后习题—电商平台引导页文字动效制作 62
3.3 形状图层动效 63
3.3.1 课堂案例—旅游出行图标动效制作 63
3.3.2 课堂训练—电商平台图标动效制作 74
3.3.3 课后习题—电商平台下拉刷新动效制作 74
3.4 蒙版 遮罩动效 75
3.4.1 课堂案例—食品餐饮动态图标制作 75
3.4.2 课堂训练—食品餐饮活动页动效制作 87
3.4.3 课后习题—电商平台闪屏页动效制作 88
3.5 内置特效动效 89
3.5.1 课堂案例—IT互联网饼形图组件制作 89
3.5.2 课堂训练—文化传媒闪屏页动效制作 95
3.5.3 课后习题—文化传媒H5首页文字动效制作 96
3.6 表达式控制动效 97
3.6.1 课堂案例—IT互联网开关控件动效制作 97
3.6.2 课堂训练—食品餐饮活动页动效制作 112
3.6.3 课后习题—旅游出行二维码动效制作 113
3.7 三维效果动效 113
3.7.1 课堂案例—教育咨询闪屏页动效制作 113
3.7.2 课堂训练—食品餐饮图标动效制作 121
3.7.3 课后习题—文化传媒Loading动效制作 122
3.8 人物绑定动效 122
3.8.1 课堂案例—电子数码缺省页动效制作 122
3.8.2 课堂训练—旅游出行空状态动效制作 134
3.8.3 课后习题—文化传媒表情包动效制作 135
第4章 H5界面动效制作
4.1 课堂案例—旅游出行H5界面动效制作 137
4.1.1 导入素材 137
4.1.2 动画制作 138
4.1.3 文件保存 169
4.1.4 渲染导出 169
4.2 课堂训练—汽车工业H5界面动效制作 171
4.3 课后习题—文化传媒H5界面动效制作 172
第5章 Web界面动效制作
5.1 课堂案例—家居装修Web界面动效制作 174
5.1.1 导入素材 174
5.1.2 动画制作 175
5.1.3 文件保存 204
5.1.4 渲染导出 204
5.2 课堂训练—ARTSY家居装修Web界面动效制作 205
5.3 课后习题—Easy Life家居装修Web界面动效制作 206
第6章 App界面动效制作
6.1 课堂案例—旅游出行App界面制作 208
6.1.1 导入素材 208
6.1.2 动画制作 209
6.1.3 文件保存 236
6.1.4 渲染导出 237
6.2 课堂训练—电商平台App界面制作 238
6.3 课后习题—食品餐饮App界面制作 239
展开