UI动效设计与制作（全彩慕课版）-图书-人邮教育社区

内容摘要

本书全面系统地介绍了UI 动效的相关知识点和基本设计技巧，包括初识UI 动效、After Effects
软件基础、UI 基础动效制作、H5 界面动效制作、Web 界面动效制作和App 界面动效制作等内容。除
第1 章外，全书内容介绍均以课堂案例为主线，每个案例都有详细的操作步骤及实际应用环境展示，
学生通过实操可以快速熟悉UI 动效制作并领会其中的设计思路。在主要章节的最后还安排了课堂练
习和课后习题，可以拓展学生对UI 动效制作的实际应用能力。
本书可作为高职高专院校数字媒体艺术类专业课程的教材，也可供初学者自学参考。

案例展示

第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