UI动效大爆炸 After Effects移动UI动效制作学习手册PDF|Epub|txt|kindle电子书版本网盘下载

UI动效大爆炸 After Effects移动UI动效制作学习手册PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

01初识UI动效13

1.1认识UI14

1.1.1UI操作系统的发展简介14

1.1.2 UED团队的构成与介绍17

1.1.3 UI的应用领域分析18

1.1.4 UI设计师的自我修养25

1.2认识UI动效28

1.2.1孕育中的UI动效29

1.2.2 UI动效行业的现状与发展30

1.2.3 UI动效的应用领域分析32

1.2.4让设计有意义地存在37

1.3如何玩转UI动效38

1.3.1系统设备的准备38

1.3.2我的切身学习体会39

1.3.3螺旋提升计划40

1.3.4建造你的灵感弹药库42

1.3.5如何正确看待“审美”44

1.3.6嘿！你着什么急44

1.4 UI动效制作的工具介绍45

1.4.1二维/原型类动画工具45

1.4.2 3D类动画工具49

1.4.3 After Effects52

02动手之前先动脑——如何提炼你的设计思维55

2.1全局考量56

2.1.1设计师和美工，仅一步之遥56

2.1.2“先整体后局部”的思考程序57

2.1.3美观，不代表一定优质58

2.1.4设计该有温度59

2.2如何构思你的动效方案59

2.2.1你真的懂得如何去“看”吗60

2.2.2绘制你的动画分镜头62

2.2.3可行性评估65

2.2.4可拓展性和品牌感66

2.2.5构思期间的进展同步66

2.3思维导图构建和灵感提炼67

2.3.1什么是思维导图67

2.3.2如何绘制你的思维导图71

2.3.3养成灵感提炼的习惯72

03教你如何快速玩转After Effects——五大学习阶段全修炼73

3.1半小时，熟悉After Effects系统的基本操作74

3.1.1认识After Effects的基本面板74

3.1.2如何将PSD文件导入After Effects75

3.1.3如何将AI文件导入After Effects77

3.1.4如何将Sketch文件导入After Effects80

3.1.5新建工程文件与相关参数设置83

3.1.6顶部工具栏的认识84

3.1.7图层编辑区域的介绍84

3.1.8红条出现，别慌87

3.2一小时，熟悉界面基本操作技巧88

3.2.1新建固态层（Solid Layer）88

3.2.2“嵌套”功能的使用89

3.2.3创建“父子关联”90

3.2.4 SHY和SOLO91

3.2.5关于“MASK”（遮罩）功能的介绍94

3.2.6 3D Layer（3D层）99

3.2.7实战：After Effects摄像机的操作101

3.3两小时，学会形状图层的运用101

3.3.1如何创建Shape Layer102

3.3.2 Contents属性的使用103

3.3.3关于路径图形的创建114

3.3.4 Anchor Point（图层轴心点）115

3.3.5如何创建文字层116

3.3.6 Null Object（空对象）的创建和使用117

3.3.7“木偶图钉”工具的使用118

3.3.8图层的复制、截断和去首尾处理120

3.4一小时，让你的UI动起来122

3.4.1帧与关键帧122

3.4.2关键帧的创建与使用123

3.4.3曲线动画效果的制作126

3.5聊聊渲染130

3.5.1After Effects渲染面板的介绍130

3.5.2不同的渲染输出方式介绍132

04动效大爆炸——H5动效的实现方式与Material Design动画原则135

4.1了解HTML5136

4.1.1什么是HTML5136

4.1.2前端工程师的介绍138

4.1.3动画实现大揭秘1：原生动画139

4.1.4动画实现大揭秘2： CSS3动画145

4.1.5动画实现大揭秘3： CSS2＋JavaScript149

4.1.6动画实现大揭秘4： Canvas＋SVG150

4.1.7动画实现大揭秘5： WebGL154

4.1.8动画实现大揭秘6：另辟蹊径156

4.2 Material Design动画，你必须要知道的160

4.2.1什么是Material Design动画160

4.2.2影响Material Design动画的客观属性161

4.2.3 Material Design的动画表现形式163

4.2.4 Material Design动画设计的注意事项168

05游戏有外挂，动效有脚本——不同动效插件的介绍与使用方法173

5.1概述174

5.2 Shape Fusion（融合效果脚本插件）174

5.2.1Shape Fusion的安装与加载方法175

5.2.2 Shape Fusion的使用与操作流程176

5.3 Mt.Mograph Motion（图形动画脚本插件）178

5.3.1面板区域的介绍179

5.3.2动画命令的介绍180

5.4 Bodymovin（After Effects动画转HTML5的脚本插件）185

5.4.1关于Lottie工具的介绍186

5.4.2 Bodymovin的安装与加载方式186

5.4.3如何在Bodymovin中完成动画的渲染输出189

06手把手教你玩动效——动效制作方法的视频全解析193

6.1概述194

6.2基础篇194

6.21水波纹加载动画195

6.2.2界面构成五部曲196

6.2.3 LOGO诞生记197

6.2.4圆环波普棉花糖198

6.2.5线体ICON变形计199

6.2.6水滴融合Loading（有插件＋无插件双实现版本）200

6.2.7灵动的文字百叶窗201

6.2.8生长的自行车202

6.2.9液态流体的LOGO203

6.3进阶篇204

6.3.1图形切割204

6.3.2 2D卡通的爆炸LOGO206

6.3.3电击的LOGO207

6.3.4动感涂鸦字体LOGO208

6.3.5 HUD炫动光环209

6.4高级篇210

6.4.1Hologram全息手表演示动效211

6.4.2 QQ会员15周年加速特权篇动效方案212

6.4.3粒子LOGO动画213

07踏上不归路，就请坚持到底215

7.1自学，究竟有多难216

7.2关于Performance Flow（演绎过程）220

7.3我的个人学习建议222

后记224