After Effects 移动UI动效设计 案例精粹

目 录
PRAT 1 移动UI动态效果与After Effects概述 1
1 移动UI动态效果设计概述 1
1.1 UI和UE的基本概念 1
1.2 用户体验的5个层级 2
1.3 用户体验的需求层次 3
1.4 移动 UI交互设计中动态体验表达 4
1.5 动态界面的切换方式 8
2 After Effects概述 8
2.1 After Effects软件简述 8
2.2 After Effects软件应用特点 9
2.3 After Effects的工作界面 10
2.4 After Effects动画制作应用 13
2.5 After Effects的层模式 15
2.6 After Effects插值 19
2.7 After Effects插件 20
2.8 渲染与导出 21

PRAT 2 制作加载进度动态效果 22
案例1 制作简单的加载进度条动态效果 22
案例2 制作一个具有电极效果的进度条 33
案例3 制作彩虹效果圆形装载动态效果 43
案例4 制作光盘装载动态效果 51
案例5 制作环形旋转加载动态效果 58
案例6 制作六边形装载动态效果 64
PRAT 3 制作图标动态效果 70
案例7 制作一个简单的由圆形变换成衣服图标的动态效果 70
案例8 制作可爱的咖啡杯图标动态效果 79
案例9 制作回收站图标动态效果 89
案例10 制作开心太阳图标动态效果 107
案例11 制作一个天气图标的动态效果 115

PRAT 4 制作动态标志 124
案例12 制作一个平移效果的动态标志 124
案例13 制作一个旋转效果的动态标志 129
案例14 制作火箭上升的动态标志 140
案例15 制作一个文字弹出的动态标志 145

PRAT 5 质感与特效动态效果 151
案例16 制作水波纹动态效果的图标 151
案例17 制作栅格化苹果图标动态效果 166
案例18 制作数字倒数变形图标 180
案例19 制作时钟律动动态效果 198

PRAT 6 手机界面动态效果制作 204
案例20 制作太阳升起手机界面动态效果 205
案例21 制作星空效果手机界面动态效果 212
案例22 制作向上滑动的手机界面动态效果 227
案例23 制作手机图标动态效果 238
案例24 制作手机延迟动态效果 255