本书由浅入深地讲解After Effects中常见的动效设计类型,它们的应用领域涵盖品牌标志、网页界面、App界面、图标、插画、表情包等,可帮助读者掌握After Effects的基本操作,培养读者将After Effects动效应用到各个设计领域的能力。本书共8章,主要内容包括After Effects动效设计快速入门、图层的基本操作、图层的高级功能与类型、动画的制作、蒙版与遮罩、常用的内置特效、表达式的应用、综合项目等。
本书是一本专门为After Effects动效设计初学者量身打造的学习用书,可作为UI设计、动画制作、视觉传达等相关专业的课程教材,也适合动效设计爱好者、动效设计从业者阅读参考。
(1)零基础、入门级讲解。
本书从零开始,深入浅出地讲解After Effects软件中常用工具及命令的基本操作,并结合实际案例展示工具及命令的应用场景,达到“学以致用,用以促学”的学习目的。
(2)实用、精美的UI动效设计案例。
本书以动态Logo、MG动画、App界面动效等为范例,帮助读者快速熟悉软件的操作,巩固UI动效设计的理论基础。
(3)轻松拥有海量资源。
本书提供演示案例中使用的素材文件及效果图,配套的教学PPT、教学视频等。
(4)在线视频助力高效学习。
本书提供便捷的学习体验,读者可以直接访问课工场官网教材专区下载书中所需的案例素材,也可扫描二维码观看书中配套的视频。
肖睿,课工场创始人,北京大学教育学博士,北京大学软件学院特约讲师,北京大学学习科学实验室特约顾问。作为北大青鸟 Aptech 的联合创始人,历任学术总监、研究院院长、公司副总裁等核心岗位,拥有20多年的IT职业教育产品管理和企业管理经验。于2015年创办课工场,兼任总经理,旨在为大学生提供更可靠的 IT 就业教育及服务。
第 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