第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
· · · · · · (收起)