本书全面系统地介绍UI动效设计与制作的相关知识点和基本技巧,包括初识UI动效、After Effects软件基础、UI基础动效制作、H5界面动效制作、Web界面动效制作和App界面动效制作等内容。
除第1章外,全书内容均以课堂案例为主线,每个案例都有详细的操作步骤及实际应用环境展示,学生通过实操可以快速熟悉UI动效制作并领会其中的设计思路。在主要章节的最后,本书还安排了课堂练习和课后习题,可以拓展学生对UI动效制作的实际应用能力。
本书可作为高等院校、高职高专院校数字媒体艺术类专业课程的教材,也可供初学者自学参考。
Step1精选基础知识,快速了解短视频的基础与推广
Step2 知识点解析 课堂案例,熟悉设计思路,掌握制作方法
Step3 课后习题,拓展应用能力
配套所有案例的素材及最终效果文件,案例操作视频(扫描书中二维码即可观看),全书8章PPT课件、教学大纲、教学教案
1.周学军,江西现代职业技术学院教授,江西师范大学计算机科学教育专业本科、同济大学软件工程专业硕士,江西省高校教学名师、江西省中青年骨干教师。获批省级精品(资源)课程4门,编写出版教材16本(主编4本)。
2.杨彧,江西现代职业技术学院设计学院副院长、副教授、在读博士,职业院校信息化教学指导委员会委员,江西省技术能手、江西省高等职业教育教学专家库入库专家。主持省级精品在线开放课程《UI界面设计》、《企业形象设计》两门。
目录
第 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