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

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