發表於2024-11-27
本書內容豐富、條理清晰,通過9章的內容,為讀者全麵、係統地介紹瞭交互動畫製作的基礎知識以及使用AfterEffectsCC進行交互動畫製作的方法和技巧,采用理論知識和實例相結閤的方法,使知識融會貫通。
●語言通俗易懂,實例圖文同步,涉及大量交互動畫製作的知識講解,幫助讀者深入瞭解交互動畫。
●實例涉及麵廣,幾乎涵蓋瞭交互動畫製作中大部分的效果,每種效果通過實際操作講解和具體製作過程幫助讀者掌握交互動畫製作中的要點。
●注重交互動畫製作中軟件操作和案例製作技巧的歸納總結,整個講解過程中穿插瞭操作和知識點提示等,使讀者更好地學習相關知識。
●每一個實例的製作過程都配有相應的素材、源文件和視頻教程,幫助讀者輕鬆掌握。
本書介紹瞭APP交互動畫的製作方法,具體操作時以After Effects CC為主要軟件,輸齣時結閤Photoshop CC進行全方位的學習。全書內容由淺入深,采用知識點和實例相結閤的方法,在介紹After Effects CC基礎知識的同時,著重講解瞭交互動畫的製作技巧。
全書共分9章,分彆為交互動畫設計的基礎知識、輔助設計軟件基礎知識、使用After Effects中的圖層與時間軸、製作關鍵幀動畫、交互動畫製作中濛版的使用、製作文字動畫、色彩校正特效與摳像技術、交互動畫的渲染輸齣等。
本書附贈1張DVD光盤,其中不僅提供瞭書中所有實例的源文件和素材,還提供瞭所有實例的教學視頻,以幫助讀者迅速掌握使用After Effects CC進行APP交互動畫製作的精髓,可以讓新手能夠零起步,進而跨入高手行列。
本書案例豐富、講解細緻,適閤有一定After Effects軟件操作基礎的交互動畫設計初學者以及相關從業人員閱讀,也可作為各大院校相關設計專業的參考教材使用。
李萬軍,北京市骨乾教師,中國商業統計學會理事。從事交互設計工作多年。熟知交互設計在APP設計中的應用。有著豐富的設計基礎。並參與多個大型網站項目的開發。Adobe認證講師。並編寫齣版相關教材多本。並在多傢設計公司任職設計總監。
第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
1.1 交互設計與交互動畫
隨著人們逐漸依賴於互聯網,越來越多的人使用手機、平闆等移動設備訪問互聯網。這些設備便成為讓互聯網與人進行交互的媒介,於是手機係統的人機交互體驗就變得越來越重要。本章首先對交互設計及交互式動畫的基礎進行瞭解,從而為後麵的交互動畫設計和製作打下良好的基礎。
1.1.1 交互設計概述
什麼是交互設計?交互設計定義瞭兩個或多個互動的個體之間交流的結構和內容,使之相互配閤,共同達成某種目的。這些個體指的是人及其使用的産品和接受的服務。交互設計努力去創造和建立的是人與産品及服務之間的有意義的關係。
從設計師的角度來說,通過交互設計可以讓産品更加易用,可以讓用戶在使用産品的時候更加愉悅,滿足用戶的目標和用戶的期望。交互設計師通過瞭解“人”本身的心理和行為特點,結閤自己的靈感,設計齣各種有效的交互方式。
交互設計來源於生活且高於生活。交互設計應該智能化,能夠幫助人們分析、思考和簡化。
……
After Effects CC是Adobe公司推齣的視頻編輯及特效製作軟件,其功能非常強大,應用範圍很廣,使用After Effects CC可以閤成和製作電影、廣告、演示視頻,以及進行欄目包裝等。After Effects CC在目前較為流行的交互動畫製作中使用也變得越來越廣泛。
After Effects CC保留瞭Adobe係列軟件優秀的兼容性,在其中可以非常方便地導入Photoshop文件,並保留圖層,還可以高保真地輸齣交互動畫文件。同時由於使用該軟件可以實現更多的效果,能夠更好地錶達齣交互設計師所想的效果,也能夠很好地將這種效果展現給研發人員,這樣會使團隊閤作更加完美。
本書內容
本書內容通俗易懂,從交互動畫設計的基礎知識作為切入點,詳細講述如何使用After Effects CC製作APP交互動畫,大部分知識點結閤案例的實際操作,使得學習過程不再枯燥乏味。本書內容章節安排如下。
第1章 交互動畫設計的基礎知識,主要介紹交互設計與交互動畫、交互動畫實現法則、不同領域中的交互動畫、交互動畫展示,並瞭解After Effects 以及其與交互動畫設計的聯係。
第2章 輔助設計軟件基礎,主要講解安裝軟件的係統要求、After Effects CC的界麵以及After Effects 的基礎操作。
第3章 使用After Effects中的圖層與時間軸,主要講解圖層的類型、圖層的基本操作、圖層的基本屬性、圖層的混閤模式以及時間軸特效的使用。
第4章 製作關鍵幀動畫,主要講解關鍵幀的概念與基本操作、製作圖層屬性動畫、使用麯綫編輯器,以及如何製作APP中常用的手勢動畫。
第5章 交互動畫製作中濛版的使用,主要講解After Effects CC中的濛版創建、修改和設置。
第6章 製作文字動畫,主要講解輸入文字、設置文字屬性、文字的動畫屬性以 移動互聯網之路:APP交互動畫設計從入門到精通 After Effects篇(附光盤) 下載 mobi epub pdf txt 電子書 格式
移動互聯網之路:APP交互動畫設計從入門到精通 After Effects篇(附光盤) 下載 mobi pdf epub txt 電子書 格式 2024
移動互聯網之路:APP交互動畫設計從入門到精通 After Effects篇(附光盤) 下載 mobi epub pdf 電子書哈哈哈哈哈物美價廉
評分東西收到以後馬上查看,發現與圖片描述一緻,超級喜歡,賣傢發貨速度很快,服務也很到位,給老闆點個贊,下次還會來購買!東西收到以後馬上查看,發現與圖片描述一緻,超級喜歡,賣傢發貨速度很快,服務也很到位,給老闆點個贊,下次還會來購買!
評分很好,從中學到瞭很多
評分很好,從中學到瞭很多
評分適閤入門學習
評分還可以吧,正在學習,沒什麼太大感覺
評分整套書講解比較係統,適閤入門,內容實用
評分東西收到以後馬上查看,發現與圖片描述一緻,超級喜歡,賣傢發貨速度很快,服務也很到位,給老闆點個贊,下次還會來購買!東西收到以後馬上查看,發現與圖片描述一緻,超級喜歡,賣傢發貨速度很快,服務也很到位,給老闆點個贊,下次還會來購買!
評分書不錯,很有幫助
移動互聯網之路:APP交互動畫設計從入門到精通 After Effects篇(附光盤) mobi epub pdf txt 電子書 格式下載 2024