After Effects UI動(dòng)效設(shè)計(jì)案例教程
定 價(jià):69.8 元
- 作者:肖睿 何晶 王小濤
- 出版時(shí)間:2021/1/1
- ISBN:9787115547958
- 出 版 社:人民郵電出版社
- 中圖法分類:TP391.413
- 頁(yè)碼:190
- 紙張:
- 版次:01
- 開(kāi)本:16開(kāi)
本書(shū)由淺入深地講解After Effects中常見(jiàn)的動(dòng)效設(shè)計(jì)類型,它們的應(yīng)用領(lǐng)域涵蓋品牌標(biāo)志、網(wǎng)頁(yè)界面、App界面、圖標(biāo)、插畫(huà)、表情包等,可幫助讀者掌握After Effects的基本操作,培養(yǎng)讀者將After Effects動(dòng)效應(yīng)用到各個(gè)設(shè)計(jì)領(lǐng)域的能力。本書(shū)共8章,主要內(nèi)容包括After Effects動(dòng)效設(shè)計(jì)快速入門(mén)、圖層的基本操作、圖層的高級(jí)功能與類型、動(dòng)畫(huà)的制作、蒙版與遮罩、常用的內(nèi)置特效、表達(dá)式的應(yīng)用、綜合項(xiàng)目等。
本書(shū)是一本專門(mén)為After Effects動(dòng)效設(shè)計(jì)初學(xué)者量身打造的學(xué)習(xí)用書(shū),可作為UI設(shè)計(jì)、動(dòng)畫(huà)制作、視覺(jué)傳達(dá)等相關(guān)專業(yè)的課程教材,也適合動(dòng)效設(shè)計(jì)愛(ài)好者、動(dòng)效設(shè)計(jì)從業(yè)者閱讀參考。
(1)零基礎(chǔ)、入門(mén)級(jí)講解。
本書(shū)從零開(kāi)始,深入淺出地講解After Effects軟件中常用工具及命令的基本操作,并結(jié)合實(shí)際案例展示工具及命令的應(yīng)用場(chǎng)景,達(dá)到“學(xué)以致用,用以促學(xué)”的學(xué)習(xí)目的。
(2)實(shí)用、精美的UI動(dòng)效設(shè)計(jì)案例。
本書(shū)以動(dòng)態(tài)Logo、MG動(dòng)畫(huà)、App界面動(dòng)效等為范例,幫助讀者快速熟悉軟件的操作,鞏固UI動(dòng)效設(shè)計(jì)的理論基礎(chǔ)。
(3)輕松擁有海量資源。
本書(shū)提供演示案例中使用的素材文件及效果圖,配套的教學(xué)PPT、教學(xué)視頻等。
(4)在線視頻助力高效學(xué)習(xí)。
本書(shū)提供便捷的學(xué)習(xí)體驗(yàn),讀者可以直接訪問(wèn)課工場(chǎng)官網(wǎng)教材專區(qū)下載書(shū)中所需的案例素材,也可掃描二維碼觀看書(shū)中配套的視頻。
肖睿,課工場(chǎng)創(chuàng)始人,北京大學(xué)教育學(xué)博士,北京大學(xué)軟件學(xué)院特約講師,北京大學(xué)學(xué)習(xí)科學(xué)實(shí)驗(yàn)室特約顧問(wèn)。作為北大青鳥(niǎo) Aptech 的聯(lián)合創(chuàng)始人,歷任學(xué)術(shù)總監(jiān)、研究院院長(zhǎng)、公司副總裁等核心崗位,擁有20多年的IT職業(yè)教育產(chǎn)品管理和企業(yè)管理經(jīng)驗(yàn)。于2015年創(chuàng)辦課工場(chǎng),兼任總經(jīng)理,旨在為大學(xué)生提供更可靠的 IT 就業(yè)教育及服務(wù)。
第 1章 After Effects 動(dòng)效設(shè)計(jì)快速入門(mén) 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)畫(huà)關(guān)鍵幀 17
1.3.5 預(yù)覽畫(huà)面 17
1.3.6 渲染輸出 17
1.3.7 演示案例:制作時(shí)鐘指針旋轉(zhuǎn)動(dòng)畫(huà) 20
課堂練習(xí):制作CD旋轉(zhuǎn)動(dòng)畫(huà) 23
本章小結(jié)23
課后練習(xí):制作星球旋轉(zhuǎn)動(dòng)畫(huà) 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 演示案例:制作游戲開(kāi)始界面動(dòng)畫(huà) 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)畫(huà)48
本章小結(jié)48
課后練習(xí):制作計(jì)時(shí)器序列圖層動(dòng)畫(huà)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)畫(huà) 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)畫(huà) 82
課堂練習(xí):制作雷達(dá)角度漸變動(dòng)畫(huà)83
本章小結(jié)84
課后練習(xí):制作登錄頁(yè)面加載動(dòng)畫(huà)84
第4章 After Effects 中動(dòng)畫(huà)的制作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 常見(jiàn)的動(dòng)畫(huà)形式 91
4.2.4 演示案例:制作音樂(lè)類App 界面動(dòng)效. 92
4.3 嵌套關(guān)系96
4.3.1 嵌套的方法 96
4.3.2 折疊變換/ 連續(xù)柵格化97
4.3.3 演示案例:制作KPI 數(shù)據(jù)展示頁(yè)面 98
課堂練習(xí): 制作Banner 滑動(dòng)頁(yè)面102
本章小結(jié)102
課后練習(xí): 制作4 個(gè)小球同時(shí)落地的動(dòng)畫(huà)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)畫(huà)119
課堂練習(xí):制作幾何圖形變形動(dòng)畫(huà)123
本章小結(jié)123
課后練習(xí):利用蒙版遮罩制作爆笑蟲(chóng)子動(dòng)畫(huà)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 過(guò)渡/ 風(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á)式簡(jiǎn)介154
7.1.1 表達(dá)式的概念 154
7.1.2 表達(dá)式的基本操作154
7.1.3 表達(dá)式的基本語(yǔ)法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)畫(huà)166
本章小結(jié)167
課后練習(xí): 制作互聯(lián)網(wǎng)行業(yè)就業(yè)數(shù)據(jù)MG 動(dòng)畫(huà)167
第8章 綜合項(xiàng)目:制作悅聽(tī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)用場(chǎng)景171
8.1.4 動(dòng)效在App 設(shè)計(jì)中的關(guān)鍵用途 173
8.2 悅聽(tīng)App 界面動(dòng)效設(shè)計(jì)174
8.2.1 悅聽(tīng)App 項(xiàng)目背景及項(xiàng)目需求介紹174
8.2.2 悅聽(tīng)App 啟動(dòng)圖標(biāo)動(dòng)效設(shè)計(jì) 175
8.2.3 悅聽(tīng)App 引導(dǎo)頁(yè)動(dòng)效設(shè)計(jì) 177
8.2.4 悅聽(tīng)App 內(nèi)容頁(yè)動(dòng)效設(shè)計(jì) 183
8.2.5 悅聽(tīng)App 動(dòng)態(tài)二維碼設(shè)計(jì) 186
課堂練習(xí):制作悅聽(tīng)App 樂(lè)庫(kù)界面動(dòng)效189
本章小結(jié)189
課后練習(xí):制作悅聽(tīng)App 項(xiàng)目展示動(dòng)效189