本書由淺入深地講解After Effects中常見的動效設計類型,它們的應用領域涵蓋品牌標志、網(wǎng)頁界面、App界面、圖標、插畫、表情包等,可幫助讀者掌握After Effects的基本操作,培養(yǎng)讀者將After Effects動效應用到各個設計領域的能力。本書共8章,主要內(nèi)容包括After Effects動效設計快速入門、圖層的基本操作、圖層的高級功能與類型、動畫的制作、蒙版與遮罩、常用的內(nèi)置特效、表達式的應用、綜合項目等。
本書是一本專門為After Effects動效設計初學者量身打造的學習用書,可作為UI設計、動畫制作、視覺傳達等相關專業(yè)的課程教材,也適合動效設計愛好者、動效設計從業(yè)者閱讀參考。
(1)零基礎、入門級講解。
本書從零開始,深入淺出地講解After Effects軟件中常用工具及命令的基本操作,并結合實際案例展示工具及命令的應用場景,達到“學以致用,用以促學”的學習目的。
(2)實用、精美的UI動效設計案例。
本書以動態(tài)Logo、MG動畫、App界面動效等為范例,幫助讀者快速熟悉軟件的操作,鞏固UI動效設計的理論基礎。
(3)輕松擁有海量資源。
本書提供演示案例中使用的素材文件及效果圖,配套的教學PPT、教學視頻等。
(4)在線視頻助力高效學習。
本書提供便捷的學習體驗,讀者可以直接訪問課工場官網(wǎng)教材專區(qū)下載書中所需的案例素材,也可掃描二維碼觀看書中配套的視頻。
肖睿,課工場創(chuàng)始人,北京大學教育學博士,北京大學軟件學院特約講師,北京大學學習科學實驗室特約顧問。作為北大青鳥 Aptech 的聯(lián)合創(chuàng)始人,歷任學術總監(jiān)、研究院院長、公司副總裁等核心崗位,擁有20多年的IT職業(yè)教育產(chǎn)品管理和企業(yè)管理經(jīng)驗。于2015年創(chuàng)辦課工場,兼任總經(jīng)理,旨在為大學生提供更可靠的 IT 就業(yè)教育及服務。
第 1章 After Effects 動效設計快速入門 1
1.1 After Effects 概述 2
1.1.1 After Effects 的主要功能 2
1.1.2 After Effects 的應用領域 2
1.1.3 After Effects 對硬件的要求 2
1.2 After Effects 的工作界面 3
1.2.1 標準工作界面 3
1.2.2 工具欄 4
1.2.3 “項目”面板 5
1.2.4 “合成”面板 6
1.2.5 “時間軸”面板 7
1.2.6 其他面板 8
1.3 After Effects 的工作流程9
1.3.1 素材的導入與管理 10
1.3.2 創(chuàng)建項目合成 13
1.3.3 添加特效 15
1.3.4 設置動畫關鍵幀 17
1.3.5 預覽畫面 17
1.3.6 渲染輸出 17
1.3.7 演示案例:制作時鐘指針旋轉動畫 20
課堂練習:制作CD旋轉動畫 23
本章小結23
課后練習:制作星球旋轉動畫 23
第 2章 After Effects 中圖層的基本操作 25
2.1 圖層概述26
2.1.1 圖層的種類26
2.1.2 圖層的創(chuàng)建方法 27
2.2 圖層的基本操作 30
2.2.1 圖層的排列、對齊與分布 30
2.2.2 設置圖層時間 31
2.2.3 拆分圖層 32
2.2.4 提升與提取圖層 33
2.2.5 排序圖層 35
2.2.6 父子圖層 36
2.2.7 演示案例:制作游戲開始界面動畫 36
2.3 圖層的基本屬性41
2.3.1 錨點屬性 41
2.3.2 位置屬性 41
2.3.3 縮放屬性 42
2.3.4 旋轉屬性 42
2.3.5 不透明度屬性 43
2.3.6 演示案例:制作熱氣球加載界面動效43
課堂練習: 制作自行車前進的動畫48
本章小結48
課后練習:制作計時器序列圖層動畫48
第3章 After Effects 中圖層的高級功能與類型49
3.1 動效設計中常用的圖層高級功能50
3.1.1 圖層的時間控制 50
3.1.2 圖層樣式 51
3.1.3 圖層的混合模式 54
3.1.4 演示案例:制作手機安全衛(wèi)士類App 界面動效. 64
3.2 動效設計中的文本圖層.70
3.2.1 文本圖層的創(chuàng)建與修改70
3.2.2 文本圖層的屬性 71
3.2.3 創(chuàng)建文字形狀圖層72
3.2.4 文本動畫 72
3.2.5 演示案例:制作下載圖標加載動效 75
3.3 動效設計中的形狀圖層.79
3.3.1 形狀圖層的創(chuàng)建 79
3.3.2 形狀圖層的描邊與填充80
3.3.3 形狀圖層的屬性 80
3.3.4 演示案例:制作Z 字形加載動畫 82
課堂練習:制作雷達角度漸變動畫83
本章小結84
課后練習:制作登錄頁面加載動畫84
第4章 After Effects 中動畫的制作85
4.1 關鍵幀86
4.1.1 關鍵幀的概念及形成條件86
4.1.2 關鍵幀的基本操作86
4.1.3 關鍵幀的基本類型89
4.2 圖表編輯器90
4.2.1 圖表編輯器的基本操作90
4.2.2 圖表編輯器的功能介紹90
4.2.3 常見的動畫形式 91
4.2.4 演示案例:制作音樂類App 界面動效. 92
4.3 嵌套關系96
4.3.1 嵌套的方法 96
4.3.2 折疊變換/ 連續(xù)柵格化97
4.3.3 演示案例:制作KPI 數(shù)據(jù)展示頁面 98
課堂練習: 制作Banner 滑動頁面102
本章小結102
課后練習: 制作4 個小球同時落地的動畫102
第5章 After Effects 中的蒙版與遮罩103
5.1 蒙版104
5.1.1 蒙版的概念 104
5.1.2 蒙版的創(chuàng)建與修改104
5.1.3 蒙版的屬性 110
5.1.4 蒙版的布爾運算111
5.1.5 演示案例:利用蒙版制作變形表情包 114
5.2 遮罩117
5.2.1 遮罩的概念 117
5.2.2 遮罩建立的條件117
5.2.3 遮罩的特點 118
5.2.4 遮罩的類型 118
5.2.5 演示案例:利用軌道遮罩制作宇宙飛船動畫119
課堂練習:制作幾何圖形變形動畫123
本章小結123
課后練習:利用蒙版遮罩制作爆笑蟲子動畫124
第6章 After Effects 中常用的內(nèi)置特效125
6.1 特效126
6.1.1 特效的概念 126
6.1.2 特效的基本操作126
6.2 動效設計中常用的內(nèi)置特效130
6.2.1 顏色校正/ 模擬/ 透視的應用 130
6.2.2 過渡/ 風格化/ 生成的應用 137
6.2.3 扭曲/ 文本/ 模糊和銳化的應用 143
6.2.4 演示案例:制作金融類App 界面動效147
課堂練習: 制作藥水圖標界面動效151
本章小結152
課后練習: 制作計步器App 界面動效.152
第7章 After Effects 中表達式的應用153
7.1 表達式簡介154
7.1.1 表達式的概念 154
7.1.2 表達式的基本操作154
7.1.3 表達式的基本語法157
7.2 動效設計中常用的表達式157
7.2.1 循環(huán)表達式 157
7.2.2 彈性表達式 158
7.2.3 索引表達式 158
7.2.4 時間表達式 159
7.2.5 抖動表達式 159
7.2.6 演示案例:制作企業(yè)動態(tài)Logo 160
課堂練習: 使用彈性表達式制作榨果汁動畫166
本章小結167
課后練習: 制作互聯(lián)網(wǎng)行業(yè)就業(yè)數(shù)據(jù)MG 動畫167
第8章 綜合項目:制作悅聽App界面動效168
8.1 界面動效的相關理論169
8.1.1 界面動效的價值169
8.1.2 界面動效的設計原則170
8.1.3 界面動效的應用場景171
8.1.4 動效在App 設計中的關鍵用途 173
8.2 悅聽App 界面動效設計174
8.2.1 悅聽App 項目背景及項目需求介紹174
8.2.2 悅聽App 啟動圖標動效設計 175
8.2.3 悅聽App 引導頁動效設計 177
8.2.4 悅聽App 內(nèi)容頁動效設計 183
8.2.5 悅聽App 動態(tài)二維碼設計 186
課堂練習:制作悅聽App 樂庫界面動效189
本章小結189
課后練習:制作悅聽App 項目展示動效189