第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 AfterEffects基礎知識8
1.5.1 了解視頻的相關術語9
1.5.2 了解AfterEffects11
1.5.3 AfterEffects的應用領域12
1.6 AfterEffects與交互動畫設計16
1.6.1 常見的交互動畫效果17
實例1 制作簡單的位移效果交互動畫18
1.6.2 保存與格式的輸出20
1.7 本章小結20
1.8 課后練習21
第2章 輔助設計軟件基礎知識
2.1 安裝軟件的系統要求22
實例2 安裝并啟動AfterEffectsCC23
2.2 AfterEffectsCC界面介紹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 AfterEffects的基礎操作35
2.3.1 項目文件的基礎操作35
2.3.2 導入素材的文件37
2.3.3 素材的基本操作40
實例3 圖形之間的相互轉換44
2.3.4 輔助功能的使用48
實例4 在三維視圖模式中編輯圖像54
2.3.5 AfterEffects中的基本工作流程56
實例5 制作簡單的交互動畫56
2.4 本章小結62
2.5 課后練習62
第3章 使用AfterEffects中的圖層與時間軸
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 AdobePhotoshopFile(Photoshop文件層)82
實例10 制作iOS9關閉后臺操作動畫效果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 使用AfterEffects中的蒙版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 CCColorNeutralizer(CC色彩調和)215
7.2.2 CCColorOffset(CC色彩偏移)216
7.2.3 CCKernel(CC顆粒)216
7.2.4 CCToner(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 CCSimpleWireRemoval(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 使用AfterEffects中的特效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