移動互聯(lián)網(wǎng)之路：APP交互動畫設(shè)計從入門到精通 After Effects篇

第1章　交互動畫設(shè)計的基礎(chǔ)知識1.1　交互設(shè)計與交互動畫 11.1.1　交互設(shè)計概述 11.1.2　關(guān)于交互動畫設(shè)計 21.2　交互動畫實現(xiàn)法則 31.2.1　易用性 31.2.2　有效性 41.2.3　高效性 51.2.4　容錯性 61.3　不同領(lǐng)域中的交互動畫 61.3.1　網(wǎng)頁設(shè)計中的交互動畫 71.3.2　軟件界面中的交互動畫 71.4　交互動畫展示 81.5　After Effects基礎(chǔ)知識 81.5.1　了解視頻的相關(guān)術(shù)語 91.5.2　了解After Effects 111.5.3　 After Effects的應(yīng)用領(lǐng)域 121.6　After Effects與交互動畫設(shè)計 161.6.1　常見的交互動畫效果 17實例1　制作簡單的位移效果交互動畫 181.6.2　保存與格式的輸出 201.7　本章小結(jié) 201.8　課后練習(xí) 21第2章　輔助設(shè)計軟件基礎(chǔ)知識2.1　安裝軟件的系統(tǒng)要求 22實例2　安裝并啟動After Effects CC 232.2　After Effects CC界面介紹 252.2.1　如何切換工作區(qū) 262.2.2　工具欄的使用 272.2.3　“項目”面板 272.2.4　“合成”窗口 282.2.5　“時間軸”面板 282.2.6　使用菜單欄 292.2.7　“信息”面板 322.2.8　“對齊”面板 322.2.9　“音頻”面板 332.2.10　“預(yù)覽”面板 332.2.11　“效果和預(yù)設(shè)”面板 332.2.12　“圖層”面板 342.2.13　“效果控件”面板 342.2.14　“字符”面板 352.3　After Effects的基礎(chǔ)操作 352.3.1　項目文件的基礎(chǔ)操作 352.3.2　導(dǎo)入素材的文件 372.3.3　素材的基本操作 40實例3　圖形之間的相互轉(zhuǎn)換 442.3.4　輔助功能的使用 48實例4　在三維視圖模式中編輯圖像 542.3.5　After Effects中的基本工作流程 56實例5　制作簡單的交互動畫 562.4　本章小結(jié) 622.5　課后練習(xí) 62第3章　使用After Effects中的圖層與時間軸3.1　圖層的類型 633.1.1　素材圖層 633.1.2　文本圖層 64實例6　交互動畫制作中文本圖層的使用 643.1.3　純色圖層 69實例7　創(chuàng)建純色背景 703.1.4　燈光圖層 72實例8　交互動畫制作中燈光圖層的使用 743.1.5　攝像機圖層 79實例9　交互動畫制作中攝像機的使用 793.1.6　空對象圖層 813.1.7　形狀圖層 813.1.8　調(diào)整圖層 823.1.9　 Adobe Photoshop File(Photoshop文件層) 82實例10　制作iOS 9關(guān)閉后臺操作動畫效果 833.2　圖層的基本操作 923.2.1　創(chuàng)建層 923.2.2　選擇層 923.2.3　刪除層 933.2.4　改變層上下順序 933.2.5　復(fù)制替換層 94實例11　素材自動適合圖像尺寸 953.2.6　序列層 963.2.7　圖層與圖層對齊和自動分布功能 973.2.8　為圖層添加標(biāo)記 973.3　圖層的基本屬性 993.3.1　錨點 993.3.2　位置 1003.3.3　縮放 1003.3.4　旋轉(zhuǎn) 1013.3.5　不透明度 1013.4　圖層的混合模式 1023.4.1　圖層混合模式的使用方法 1023.4.2　圖層混合模式的類型 103實例12　制作簡單的APP加載動畫 1043.5　認(rèn)識“時間軸”面板 1113.5.1　“音頻/視頻”控制選項 1123.5.2　“圖層”控制選項 1123.5.3　“轉(zhuǎn)換面板”控制選項 1123.5.4　“模式”控制選項 1133.5.5　Parent(父子鏈接)控制選項 1143.5.6　“時間拉伸”控制選項 1143.6　創(chuàng)建時間軸特效 1143.6.1　顛倒時間 1143.6.2　使用入點和出點控制面板 1153.6.3　應(yīng)用重置時間命令 1163.6.4　倒退播放 1163.6.5　延長時間 1163.6.6　停止時間 1173.7　本章小結(jié) 1173.8　課后練習(xí) 118第4章　制作關(guān)鍵幀動畫4.1　關(guān)鍵幀的概念與基本操作 1194.1.1　什么是關(guān)鍵幀 1194.1.2　創(chuàng)建關(guān)鍵幀 120實例13　交互動畫制作中如何創(chuàng)建關(guān)鍵幀 1204.1.3　選擇關(guān)鍵幀 1224.1.4　移動關(guān)鍵幀 1234.1.5　復(fù)制關(guān)鍵幀 124實例14　交互動畫制作中的關(guān)鍵幀復(fù)制 1244.1.6　刪除關(guān)鍵幀 1264.2　制作圖層屬性動畫 1274.2.1　變換選項 1274.2.2　位移關(guān)鍵幀動畫 129實例15　交互動畫制作中的位移關(guān)鍵幀 1294.2.3　縮放關(guān)鍵幀 131實例16　制作縮放關(guān)鍵幀動畫 1314.2.4　翻轉(zhuǎn)關(guān)鍵幀 133實例17　交互動畫制作中的翻轉(zhuǎn)關(guān)鍵幀 1334.2.5　旋轉(zhuǎn)關(guān)鍵幀 134實例18　交互動畫制作中的旋轉(zhuǎn)關(guān)鍵幀 1354.2.6　淡入淡出動畫 136實例19　制作交互動畫中的淡入淡出效果 1364.3　使用曲線編輯器 1374.4　制作APP常用手勢動畫 138實例20　常見的手勢APP動畫 1384.5　本章小結(jié) 1454.6　課后練習(xí) 145第5章　交互動畫制作中蒙版的使用5.1　使用After Effects中的蒙版 1475.1.1　使用矩形工具創(chuàng)建矩形蒙版 148實例21　交互動畫制作中的矩形蒙版 1495.1.2　使用橢圓工具創(chuàng)建橢圓形蒙版 150實例22　交互動畫制作中的橢圓蒙版 1515.1.3　使用鋼筆工具創(chuàng)建自由形狀蒙版 153實例23　交互動畫制作中的自由形狀蒙版 1535.1.4　使用橡皮擦工具創(chuàng)建自由形狀蒙版 155實例24　交互動畫制作中橡皮擦工具的使用 1555.2　修改與設(shè)置蒙版 1585.2.1　選擇節(jié)點 1585.2.2　移動節(jié)點 1595.2.3　使用鋼筆工具進行修改 1605.2.4　鎖定蒙版 1615.2.5　變換蒙版 1625.2.6　設(shè)置蒙版的屬性 1635.2.7　制作淡入動畫效果 165實例25　制作淡入動畫效果 1655.3　實現(xiàn)微信交互動畫效果 168實例26　實現(xiàn)微信交互動畫效果 1695.4　本章小結(jié) 1755.5　課后練習(xí) 175第6章　制作文字動畫6.1　輸入文字 1776.1.1　通過文本圖層創(chuàng)建點文字 178實例27　交互動畫制作中文本圖層的使用 1786.1.2　通過文字工具創(chuàng)建點文字 180實例28　交互動畫制作中創(chuàng)建點文字 1806.1.3　創(chuàng)建段落文字 182實例29　交互動畫制作中創(chuàng)建段落文字 1826.1.4　點文字與段落文字相互轉(zhuǎn)換 184實例30　點文字與段落文字的轉(zhuǎn)換 1846.2　設(shè)置文字屬性 1856.2.1　設(shè)置字符屬性 1866.2.2　設(shè)置段落屬性 1866.3　文字的動畫屬性 1866.3.1　動畫 187實例31　制作文字動畫效果 1876.3.2　源文本 1906.3.3　動畫選擇器 1926.3.4　路徑 1926.3.5　文本動畫預(yù)設(shè) 1936.4　制作文字特效 1956.4.1　基礎(chǔ)文字特效 1956.4.2　路徑文字特效 1956.4.3　數(shù)字特效 1956.4.4　時間碼特效 1966.4.5　簡單文字動畫 196實例32　制作簡單的QQ發(fā)表心情動畫效果 1976.5　制作交互動畫 205實例33　制作簡單的APP交互動畫效果 2056.6　本章小結(jié) 2126.7　課后練習(xí) 212第7章　色彩校正特效與摳像技術(shù)7.1　如何應(yīng)用色彩調(diào)整 2147.2　色彩校正特效 2147.2.1　CC Color Neutralizer(CC色彩調(diào)和) 2157.2.2　CC Color Offset(CC色彩偏移) 2167.2.3　CC Kernel(CC顆粒) 2167.2.4　CC Toner(CC色調(diào)) 2177.2.5　PS任意映射 2187.2.6　保留顏色 2197.2.7　更改為顏色和更改顏色 2197.2.8　廣播顏色和黑白顏色 2217.2.9　灰度系數(shù)/基值/增益和可選顏色 2227.2.10　亮度和對比度以及曝光度 2247.2.11　曲線和三色調(diào) 2257.2.12　色調(diào)、色調(diào)均化和色光 2267.2.13　色階和色階(單獨控件) 2287.2.14　色相/飽和度 2307.2.15　通道混合器和顏色鏈接 2317.2.16　顏色平衡和顏色平衡(HLS) 2327.2.17　顏色穩(wěn)定器和陰影/高光 2347.2.18　照片濾鏡 2357.2.19　自動對比度、色階和顏色 2357.2.20　自然飽和度 2377.3　色彩校正特效的應(yīng)用 238實例34　交互動畫制作中色彩校正的應(yīng)用 2387.4　了解摳像的應(yīng)用 2477.5　鍵控摳像技術(shù) 2477.5.1　CC Simple Wire Removal(CC線性擦除) 2487.5.2　顏色差值鍵 2497.5.3　顏色范圍 2497.5.4　差值遮罩 2507.5.5　提取 2517.5.6　內(nèi)部/外部鍵 2527.5.7　線性顏色鍵控 2537.5.8　高級溢出抑制器 2547.5.9　Keylight(外掛鍵控) 2557.6　摳像技術(shù)的應(yīng)用 256實例35　掌握簡單的摳像技術(shù) 2567.7　本章小結(jié) 2587.8　課后練習(xí) 258第8章　跟蹤、穩(wěn)定、表達式與特效8.1　跟蹤與穩(wěn)定的應(yīng)用 2608.1.1　認(rèn)識“跟蹤器”面板 2608.1.2　跟蹤范圍框 2618.2　搖擺器 2628.3　運動草圖 262實例36　運動草圖實現(xiàn)的加載動畫效果 2638.4　了解表達式 2678.4.1　復(fù)制應(yīng)用表達式 2678.4.2　將表達式轉(zhuǎn)化為關(guān)鍵幀 2678.5　表達式的操作 2688.5.1　添加表達式 2688.5.2　編輯表達式 2698.5.3　刪除表達式 2698.5.4　保存和調(diào)整表達式 2698.5.5　為表達式添加注釋 2708.5.6　表達式中的量 270實例37　交互動畫制作中表達式的使用 2718.6　表達式語言菜單 2768.7　使用After Effects中的特效 2778.7.1　了解內(nèi)置特效與使用方法 2778.7.2　了解內(nèi)置特效組 2788.7.3　了解應(yīng)用模擬特效 282實例38　交互動畫中特效的使用 2838.8　本章小結(jié) 2918.9　課后練習(xí) 291第9章　交互動畫的渲染輸出9.1　什么是渲染動畫 2939.2　渲染工作區(qū) 293實例39　手動調(diào)整渲染工作區(qū) 2949.3　“渲染隊列”面板 2969.4　渲染設(shè)置 2989.5　輸出設(shè)置 2999.6　動畫的輸出 300實例40　輸出標(biāo)準(zhǔn)的QuickTime格式文件 3009.7　利用Photoshop生成最終動畫 302實例41　生成最終的GIF 格式動畫 3029.8　課后練習(xí) 304