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