移動互聯網之路：APP交互動畫設計從入門到精通(After Effects篇)

第1章 交互動畫設計的基礎知識
1.1 交互設計與交互動畫 1
1.1.1 交互設計概述 1
1.1.2 關於交互動畫設計 2
1.2 交互動畫實現法則 3
1.2.1 易用性 3
1.2.2 有效性 4
1.2.3 高效性 5
1.2.4 容錯性 6
1.3 不同領域中的交互動畫 6
1.3.1 網頁設計中的交互動畫 7
1.3.2 軟件界面中的交互動畫 7
1.4 交互動畫展示 8
1.5 After Effects基礎知識 8
1.5.1 了解視頻的相關術語 9
1.5.2 了解After Effects 11
1.5.3 After Effects的應用領域 12
1.6 After Effects與交互動畫設計 16
1.6.1 常見的交互動畫效果 17
實例1 制作簡單的位移效果交互動畫 18
1.6.2 保存與格式的輸出 20
1.7 本章 小結 20
1.8 課后練習 21

第2章 輔助設計軟件基礎知識
2.1 安裝軟件的系統要求 22
實例2 安裝並啟動After Effects CC 23
2.2 After Effects CC界面介紹 25
2.2.1 如何切換工作區 26
2.2.2 工具欄的使用 27
2.2.3 「項目」面板 27
2.2.4 「合成」窗口 28
2.2.5 「時間軸」面板 28
2.2.6 使用菜單欄 29
2.2.7 「信息」面板 32
2.2.8 「對齊」面板 32
2.2.9 「音頻」面板 33
2.2.10 「預覽」面板 33
2.2.11 「效果和預設」面板 33
2.2.12 「圖層」面板 34
2.2.13 「效果控件」面板 34
2.2.14 「字符」面板 35
2.3 After Effects的基礎操作 35
2.3.1 項目文件的基礎操作 35
2.3.2 導入素材的文件 37
2.3.3 素材的基本操作 40
實例3 圖形之間的相互轉換 44
2.3.4 輔助功能的使用 48
實例4 在三維視圖模式中編輯圖像 54
2.3.5 After Effects中的基本工作流程 56
實例5 制作簡單的交互動畫 56
2.4 本章 小結 62
2.5 課后練習 62

第3章 使用After Effects中的圖層與時間軸
3.1 圖層的類型 63
3.1.1 素材圖層 63
3.1.2 文本圖層 64
實例6 交互動畫制作中文本圖層的使用 64
3.1.3 純色圖層 69
實例7 創建純色背景 70
3.1.4 燈光圖層 72
實例8 交互動畫制作中燈光圖層的使用 74
3.1.5 攝像機圖層 79
實例9 交互動畫制作中攝像機的使用 79
3.1.6 空對象圖層 81
3.1.7 形狀圖層 81
3.1.8 調整圖層 82
3.1.9 Adobe Photoshop File（Photoshop文件層） 82
實例10 制作iOS 9關閉后台操作動畫效果 83
3.2 圖層的基本操作 92
3.2.1 創建層 92
3.2.2 選擇層 92
3.2.3 刪除層 93
3.2.4 改變層上下順序 93
3.2.5 復制替換層 94
實例11 素材自動適合圖像尺寸 95
3.2.6 序列層 96
3.2.7 圖層與圖層對齊和自動分布功能 97
3.2.8 為圖層添加標記 97
3.3 圖層的基本屬性 99
3.3.1 錨點 99
3.3.2 位置 100
3.3.3 縮放 100
3.3.4 旋轉 101
3.3.5 不透明度 101
3.4 圖層的混合模式 102
3.4.1 圖層混合模式的使用方法 102
3.4.2 圖層混合模式的類型 103
實例12 制作簡單的APP加載動畫 104
3.5 認識「時間軸」面板 111
3.5.1 「音頻／視頻」控制選項 112
3.5.2 「圖層」控制選項 112
3.5.3 「轉換面板」控制選項 112
3.5.4 「模式」控制選項 113
3.5.5 Parent（父子鏈接）控制選項 114
3.5.6 「時間拉伸」控制選項 114
3.6 創建時間軸特效 114
3.6.1 顛倒時間 114
3.6.2 使用入點和出點控制面板 115
3.6.3 應用重置時間命令 116
3.6.4 倒退播放 116
3.6.5 延長時間 116
3.6.6 停止時間 117
3.7 本章 小結 117
3.8 課后練習 118

第4章 制作關鍵幀動畫
4.1 關鍵幀的概念與基本操作 119
4.1.1 什麼是關鍵幀 119
4.1.2 創建關鍵幀 120
實例13 交互動畫制作中如何創建關鍵幀 120
4.1.3 選擇關鍵幀 122
4.1.4 移動關鍵幀 123
4.1.5 復制關鍵幀 124
實例14 交互動畫制作中的關鍵幀復制 124
4.1.6 刪除關鍵幀 126
4.2 制作圖層屬性動畫 127
4.2.1 變換選項 127
4.2.2 位移關鍵幀動畫 129
實例15 交互動畫制作中的位移關鍵幀 129
4.2.3 縮放關鍵幀 131
實例16 制作縮放關鍵幀動畫 131
4.2.4 翻轉關鍵幀 133
實例17 交互動畫制作中的翻轉關鍵幀 133
4.2.5 旋轉關鍵幀 134
實例18 交互動畫制作中的旋轉關鍵幀 135
4.2.6 淡入淡出動畫 136
實例19 制作交互動畫中的淡入淡出效果 136
4.3 使用曲線編輯器 137
4.4 制作APP常用手勢動畫 138
實例20 常見的手勢APP動畫 138
4.5 本章 小結 145
4.6 課后練習 145

第5章 交互動畫制作中蒙版的使用
5.1 使用After Effects中的蒙版 147
5.1.1 使用矩形工具創建矩形蒙版 148
實例21 交互動畫制作中的矩形蒙版 149
5.1.2 使用橢圓工具創建橢圓形蒙版 150
實例22 交互動畫制作中的橢圓蒙版 151
5.1.3 使用鋼筆工具創建自由形狀蒙版 153
實例23 交互動畫制作中的自由形狀蒙版 153
5.1.4 使用橡皮擦工具創建自由形狀蒙版 155
實例24 交互動畫制作中橡皮擦工具的使用 155
5.2 修改與設置蒙版 158
5.2.1 選擇節點 158
5.2.2 移動節點 159
5.2.3 使用鋼筆工具進行修改 160
5.2.4 鎖定蒙版 161
5.2.5 變換蒙版 162
5.2.6 設置蒙版的屬性 163
5.2.7 制作淡入動畫效果 165
實例25 制作淡入動畫效果 165
5.3 實現微信交互動畫效果 168
實例26 實現微信交互動畫效果 169
5.4 本章 小結 175
5.5 課后練習 175

第6章 制作文字動畫
6.1 輸入文字 177
6.1.1 通過文本圖層創建點文字 178
實例27 交互動畫制作中文本圖層的使用 178
6.1.2 通過文字工具創建點文字 180
實例28 交互動畫制作中創建點文字 180
6.1.3 創建段落文字 182
實例29 交互動畫制作中創建段落文字 182
6.1.4 點文字與段落文字相互轉換 184
實例30 點文字與段落文字的轉換 184
6.2 設置文字屬性 185
6.2.1 設置字符屬性 186
6.2.2 設置段落屬性 186
6.3 文字的動畫屬性 186
6.3.1 動畫 187
實例31 制作文字動畫效果 187
6.3.2 源文本 190
6.3.3 動畫選擇器 192
6.3.4 路徑 192
6.3.5 文本動畫預設 193
6.4 制作文字特效 195
6.4.1 基礎文字特效 195
6.4.2 路徑文字特效 195
6.4.3 數字特效 195
6.4.4 時間碼特效 196
6.4.5 簡單文字動畫 196
實例32 制作簡單的QQ發表心情動畫效果 197
6.5 制作交互動畫 205
實例33 制作簡單的APP交互動畫效果 205
6.6 本章 小結 212
6.7 課后練習 212

第7章 色彩校正特效與摳像技術
7.1 如何應用色彩調整 214
7.2 色彩校正特效 214
7.2.1 CC Color Neutralizer（CC色彩調和） 215
7.2.2 CC Color Offset（CC色彩偏移） 216
7.2.3 CC Kernel（CC顆粒） 216
7.2.4 CC Toner（CC色調） 217
7.2.5 PS任意映射 218
7.2.6 保留顏色 219
7.2.7 更改為顏色和更改顏色 219
7.2.8 廣播顏色和黑白顏色 221
7.2.9 灰度系數／基值／增益和可選顏色 222
7.2.10 亮度和對比度以及曝光度 224
7.2.11 曲線和三色調 225
7.2.12 色調、色調均化和色光 226
7.2.13 色階和色階（單獨控件） 228
7.2.14 色相／飽和度 230
7.2.15 通道混合器和顏色鏈接 231
7.2.16 顏色平衡和顏色平衡（HLS） 232
7.2.17 顏色穩定器和陰影／高光 234
7.2.18 照片濾鏡 235
7.2.19 自動對比度、色階和顏色 235
7.2.20 自然飽和度 237
7.3 色彩校正特效的應用 238
實例34 交互動畫制作中色彩校正的應用 238
7.4 了解摳像的應用 247
7.5 鍵控摳像技術 247
7.5.1 CC Simple Wire Removal（CC線性擦除） 248
7.5.2 顏色差值鍵 249
7.5.3 顏色范圍 249
7.5.4 差值遮罩 250
7.5.5 提取 251
7.5.6 內部／外部鍵 252
7.5.7 線性顏色鍵控 253
7.5.8 高級溢出抑制器 254
7.5.9 Keylight（外掛鍵控） 255
7.6 摳像技術的應用 256
實例35 掌握簡單的摳像技術 256
7.7 本章 小結 258
7.8 課后練習 258

第8章 跟蹤、穩定、表達式與特效
8.1 跟蹤與穩定的應用 260
8.1.1 認識「跟蹤器」面板 260
8.1.2 跟蹤范圍框 261
8.2 搖擺器 262
8.3 運動草圖 262
實例36 運動草圖實現的加載動畫效果 263
8.4 了解表達式 267
8.4.1 復制應用表達式 267
8.4.2 將表達式轉化為關鍵幀 267
8.5 表達式的操作 268
8.5.1 添加表達式 268
8.5.2 編輯表達式 269
8.5.3 刪除表達式 269
8.5.4 保存和調整表達式 269
8.5.5 為表達式添加注釋 270
8.5.6 表達式中的量 270
實例37 交互動畫制作中表達式的使用 271
8.6 表達式語言菜單 276
8.7 使用After Effects中的特效 277
8.7.1 了解內置特效與使用方法 277
8.7.2 了解內置特效組 278
8.7.3 了解應用模擬特效 282
實例38 交互動畫中特效的使用 283
8.8 本章 小結 291
8.9 課后練習 291

第9章 交互動畫的渲染輸出
9.1 什麼是渲染動畫 293
9.2 渲染工作區 293
實例39 手動調整渲染工作區 294
9.3 「渲染隊列」面板 296
9.4 渲染設置 298
9.5 輸出設置 299
9.6 動畫的輸出 300
實例40 輸出標准的QuickTime格式文件 300
9.7 利用Photoshop生成最終動畫 302
實例41 生成最終的GIF 格式動畫 302
9.8 課后練習 304

After Effects CC是Adobe公司推出的視頻編輯及特效制作軟件，其功能非常強大，應用范圍很廣，使用After Effects CC可以合成和制作電影、廣告、演示視頻，以及進行欄目包裝等。After Effects CC在目前較為流行的交互動畫制作中使用也變得越來越廣泛。