做短視頻片頭、字幕條、個(gè)人作品集開(kāi)場(chǎng)時(shí)很多人都想讓標(biāo)題文字“彈”出來(lái)。這個(gè)效果看起來(lái)高級(jí)但大多數(shù)人第一次做的時(shí)候得到的卻是另一種結(jié)果文字要么直愣愣地砸進(jìn)畫(huà)面要么像果凍一樣抖了半天停不下來(lái)。造成這種差距的原因不是軟件操作不熟練而是沒(méi)有理解彈性動(dòng)畫(huà)的本質(zhì)。文字彈性入場(chǎng)動(dòng)畫(huà)的質(zhì)量不取決于關(guān)鍵幀的數(shù)量而取決于速度變化模型——也就是文字在單位時(shí)間內(nèi)如何從快到慢、再到輕微回彈的過(guò)程。這里可以直接給一個(gè)明確判斷掌握文本動(dòng)畫(huà)器、關(guān)鍵幀速度曲線(xiàn)、表達(dá)式這三種主流實(shí)現(xiàn)方式你就能應(yīng)對(duì) 90% 的標(biāo)題動(dòng)效需求。至于用哪種主要看你是在做批量字幕、單條精品片頭還是團(tuán)隊(duì)協(xié)作模板。這篇文章會(huì)圍繞“文字彈性入場(chǎng)”這個(gè)具體效果先從原理講起再分別給出三種完整可復(fù)制的制作流程最后補(bǔ)充渲染輸出、常見(jiàn)問(wèn)題和工程規(guī)范。無(wú)論你是剛開(kāi)始接觸 After Effects 的新手還是做過(guò)一段時(shí)間動(dòng)效但總感覺(jué)“彈性不夠自然”的設(shè)計(jì)師都能從里面找到可以直接落地的操作路徑。1. 這篇文章真正要解決的問(wèn)題先說(shuō)一個(gè)很多教程沒(méi)有講透的痛點(diǎn)為什么跟著網(wǎng)上視頻一步一步做關(guān)鍵幀也打了命令也對(duì)得上最終效果還是不對(duì)原因通常有三個(gè)。第一個(gè)原因是只做了“位移”或“縮放”關(guān)鍵幀沒(méi)有處理速度變化。AE 默認(rèn)給關(guān)鍵幀加的是線(xiàn)性速度說(shuō)白了就是“勻速運(yùn)動(dòng)”。文字從 A 點(diǎn)勻速移動(dòng)到 B 點(diǎn)中間沒(méi)有任何加速減速看起來(lái)就會(huì)像幻燈片切換而不是有彈性的運(yùn)動(dòng)。第二個(gè)原因是時(shí)間節(jié)奏不對(duì)。彈性動(dòng)畫(huà)的核心是“快進(jìn)、減速、越過(guò)目標(biāo)、回彈、停住”。很多人把關(guān)鍵幀之間的時(shí)間間隔拉得又長(zhǎng)又均勻于是彈跳速度全被拖慢了視覺(jué)上就變成了“文字在抖”而不是“文字彈進(jìn)來(lái)”。第三個(gè)原因是忽略了模糊補(bǔ)償。真實(shí)世界里的快速運(yùn)動(dòng)會(huì)給眼睛留下殘影也就是運(yùn)動(dòng)模糊。如果文字高速?zèng)_進(jìn)畫(huà)面卻完全不帶模糊眼睛會(huì)覺(jué)得很“跳”動(dòng)作越猛越不自然。這個(gè)問(wèn)題在下文會(huì)專(zhuān)門(mén)展開(kāi)。圍繞這些問(wèn)題這篇文章要解決的其實(shí)是三件事。第一幫你建立對(duì)彈性動(dòng)畫(huà)的正確認(rèn)知它不是“關(guān)鍵幀多一些”就行而是要控制好速度曲線(xiàn)與回彈模型。第二給你三條可落地的實(shí)現(xiàn)路徑文本動(dòng)畫(huà)器適合快速批量處理曲線(xiàn)編輯器適合精細(xì)控制表達(dá)式適合做統(tǒng)一模板和復(fù)雜節(jié)奏。第三把渲染輸出、故障排查和項(xiàng)目規(guī)范一并說(shuō)清楚讓你做完效果之后能順利導(dǎo)出也方便后續(xù)在團(tuán)隊(duì)里復(fù)用。2. 文字彈性入場(chǎng)動(dòng)畫(huà)的核心概念與適用場(chǎng)景2.1 關(guān)鍵幀與插值A(chǔ)E 里的所有動(dòng)畫(huà)都建立在關(guān)鍵幀之上。關(guān)鍵幀記錄某個(gè)屬性在某一時(shí)間點(diǎn)的值A(chǔ)E 會(huì)自動(dòng)計(jì)算兩個(gè)關(guān)鍵幀之間的過(guò)渡值這個(gè)過(guò)程叫插值。插值有線(xiàn)性插值和貝塞爾插值之分。線(xiàn)性插值意味著速度恒定貝塞爾插值則可以讓速度變化。彈性入場(chǎng)動(dòng)畫(huà)之所以看起來(lái)有生命力靠的就是中間那一段“先加速后減速再回彈”的非線(xiàn)性速度變化。理解了這一點(diǎn)你就知道真正的動(dòng)畫(huà)質(zhì)感來(lái)自“關(guān)鍵幀之間”而不是“關(guān)鍵幀本身”。2.2 緩動(dòng)、速度曲線(xiàn)與圖表編輯器在 AE 中按 F9 會(huì)給關(guān)鍵幀添加“緩動(dòng)”也就是讓動(dòng)畫(huà)在開(kāi)始和結(jié)束位置速度變慢。但只加緩動(dòng)還不夠因?yàn)閺椥詣?dòng)畫(huà)需要一個(gè)越過(guò)目標(biāo)值再回彈的過(guò)程單純緩動(dòng)只能做到“慢-快-慢”做不到“先沖過(guò)頭再回來(lái)”。這時(shí)需要打開(kāi)圖表編輯器把關(guān)鍵幀從“值圖”切換到“速度圖”。速度圖上的曲線(xiàn)高度代表速度大小曲線(xiàn)形狀代表加速減速過(guò)程。彈性入場(chǎng)動(dòng)畫(huà)的典型速度形態(tài)是起步極快然后快速下降接近停頓時(shí)速度出現(xiàn)短促的反向波動(dòng)。這部分在第五章會(huì)給出具體調(diào)整方法。2.3 彈性動(dòng)畫(huà)的物理原理彈性視覺(jué)效果的底層原理可以類(lèi)比成一個(gè)彈簧連著一個(gè)小球。你把小球拉出去松手后它會(huì)快速?zèng)_向平衡位置因?yàn)樗袘T性會(huì)沖過(guò)頭然后被彈簧拉回來(lái)再次沖過(guò)去每次幅度越來(lái)越小直到最終穩(wěn)定。對(duì)應(yīng)到 AE 參數(shù)上就是三個(gè)詞速度、振幅、衰減。速度決定沖刺快慢振幅決定回彈幅度衰減決定回彈多久停止。明白了這個(gè)模型你就不會(huì)把彈性動(dòng)畫(huà)當(dāng)成“幾個(gè)縮放關(guān)鍵幀”來(lái)理解了。2.4 文本動(dòng)畫(huà)器是什么在 AE 中文本圖層右側(cè)有一個(gè)“動(dòng)畫(huà)”按鈕點(diǎn)開(kāi)后會(huì)列出“縮放、透明度、模糊、位置”等屬性。這些屬性是專(zhuān)門(mén)針對(duì)文字設(shè)計(jì)的動(dòng)畫(huà)器可以對(duì)整段文字或部分文字做動(dòng)畫(huà)配合“范圍選擇器”可以實(shí)現(xiàn)逐字入場(chǎng)、隨機(jī)延遲等效果。文本動(dòng)畫(huà)器里的“縮放”和圖層本身的“縮放”很容易混淆。圖層縮放影響整個(gè)圖層文本動(dòng)畫(huà)器里的縮放則作用于每個(gè)字符個(gè)體而且可以配合“字符偏移”“模糊”等屬性做組合效果這是制作文字入場(chǎng)動(dòng)畫(huà)非常高效的路徑。2.5 使用模糊補(bǔ)償提升質(zhì)感電影和相機(jī)拍攝中快速運(yùn)動(dòng)的物體必然產(chǎn)生運(yùn)動(dòng)模糊。AE 中可以通過(guò)“圖層 啟用運(yùn)動(dòng)模糊”讓 AE 自動(dòng)計(jì)算運(yùn)動(dòng)模糊但對(duì)文字動(dòng)畫(huà)器里的模糊屬性來(lái)說(shuō)更常見(jiàn)的是手動(dòng)添加“模糊”動(dòng)畫(huà)器讓文字從模糊到清晰模擬快速運(yùn)動(dòng)的視覺(jué)殘留。使用模糊補(bǔ)償?shù)恼_思路是文字高速?zèng)_入畫(huà)面時(shí)模糊值較高文字接近停穩(wěn)時(shí)模糊值歸零。這種“由虛入實(shí)”的轉(zhuǎn)換會(huì)大大提升彈性動(dòng)作的順滑感。2.6 三種實(shí)現(xiàn)路徑對(duì)比實(shí)現(xiàn)方式上手難度控制精度適合場(chǎng)景文本動(dòng)畫(huà)器快速?gòu)椥缘椭信孔帜?、信息條、快速出片關(guān)鍵幀速度曲線(xiàn)中高片頭主標(biāo)題、需要精確節(jié)奏的單條動(dòng)畫(huà)表達(dá)式慣性彈性中高極高團(tuán)隊(duì)模板、復(fù)雜逐字動(dòng)畫(huà)、統(tǒng)一動(dòng)效規(guī)范3. AE 環(huán)境準(zhǔn)備與項(xiàng)目基礎(chǔ)設(shè)置3.1 軟件版本與運(yùn)行環(huán)境本文的操作邏輯適用于 After Effects 近幾年的常見(jiàn)版本從 AE CC 2019 到 Adobe 當(dāng)前訂閱版都可以完成。具體菜單名稱(chēng)可能隨版本有細(xì)微變化請(qǐng)以你安裝的版本界面為準(zhǔn)。下面內(nèi)容不依賴(lài)第三方腳本或插件只使用 AE 內(nèi)置功能。操作系統(tǒng)使用 Windows 或 macOS 都可以建議電腦內(nèi)存不低于 16GB因?yàn)槲淖謴椥詣?dòng)畫(huà)本身不復(fù)雜但如果你同時(shí)打開(kāi)多個(gè)合成并開(kāi)啟運(yùn)動(dòng)模糊預(yù)覽負(fù)載會(huì)明顯上升。3.2 新建合成與參數(shù)建議打開(kāi) AE 后按 CtrlN 新建合成。如果你做的是橫版視頻標(biāo)題可以按下面參數(shù)設(shè)置寬1920高1080幀速率25 或 30時(shí)長(zhǎng)2 到 3 秒時(shí)長(zhǎng)建議不要設(shè)得太長(zhǎng)。彈性入場(chǎng)動(dòng)畫(huà)通常在 1 秒內(nèi)完成主體動(dòng)作留出 2 秒到 3 秒是為了給結(jié)束后的停頓和調(diào)整留出空間。時(shí)長(zhǎng)太長(zhǎng)反而會(huì)讓你在預(yù)覽時(shí)不容易檢查節(jié)奏。3.3 創(chuàng)建文字圖層與字體選擇在工具欄選擇文字工具在畫(huà)面中心單擊輸入你的標(biāo)題文字。字符面板里建議優(yōu)先選擇較粗的黑體、標(biāo)題體或無(wú)襯線(xiàn)粗體比如思源黑體 Bold、阿里巴巴普惠體 Bold 等。粗體字在縮放和模糊過(guò)程中不容易產(chǎn)生邊緣破損彈性形變時(shí)視覺(jué)也更清楚。細(xì)體字不是說(shuō)不能用而是彈性效果會(huì)被削弱。因?yàn)榧?xì)體字筆畫(huà)太細(xì)縮放回彈時(shí)觀(guān)眾的注意力更多地落在“字形變化”上而不是“運(yùn)動(dòng)節(jié)奏”上。3.4 預(yù)覽與緩存設(shè)置在開(kāi)始動(dòng)手做動(dòng)畫(huà)前先做兩個(gè)設(shè)置打開(kāi)“首選項(xiàng) 預(yù)覽”把預(yù)覽分辨率設(shè)置為“自適應(yīng)”這樣在預(yù)覽卡頓時(shí) AE 會(huì)自動(dòng)降低分辨率保證流暢回放。同時(shí)按住 CtrlAlt/ 可以切換到完整分辨率查看細(xì)節(jié)。定期清理緩存也很重要。AE 的磁盤(pán)緩存累積過(guò)多會(huì)導(dǎo)致預(yù)覽越來(lái)越卡。路徑在“編輯 清理 所有內(nèi)存與磁盤(pán)緩存”。做動(dòng)畫(huà)途中如果預(yù)覽掉幀明顯先清一次緩存再繼續(xù)。4. 方法一用文本動(dòng)畫(huà)器快速制作彈性入場(chǎng)這個(gè)方法適合需要快速出效果、批量處理字幕條的場(chǎng)景。你不需要手動(dòng)打一堆關(guān)鍵幀也不需要寫(xiě)表達(dá)式全部操作集中在文本圖層的動(dòng)畫(huà)器面板里。4.1 步驟一添加縮放、透明度與模糊動(dòng)畫(huà)器選中文字圖層在右側(cè)“文本”區(qū)域點(diǎn)擊“動(dòng)畫(huà)”按鈕分別添加以下三個(gè)屬性縮放透明度模糊添加完成后文字圖層下面會(huì)出現(xiàn)三個(gè)對(duì)應(yīng)的動(dòng)畫(huà)器每個(gè)動(dòng)畫(huà)器都帶有一個(gè)“范圍選擇器”。這個(gè)范圍選擇器控制動(dòng)畫(huà)器影響哪些文字。4.2 步驟二設(shè)置起始狀態(tài)選中“縮放動(dòng)畫(huà)器”把時(shí)間指針拉到第 0 幀將縮放值設(shè)為 0%。把時(shí)間指針拉到第 10 幀到第 15 幀之間將縮放值設(shè)為 100%。這樣文字就會(huì)從無(wú)到有地放大出現(xiàn)。選中“透明度動(dòng)畫(huà)器”同樣在第 0 幀設(shè)為 0%在第 10 幀到第 15 幀設(shè)為 100%。透明度和縮放配合文字出現(xiàn)時(shí)就不會(huì)有生硬的“放大鏡感”而是更柔和的入場(chǎng)。選中“模糊動(dòng)畫(huà)器”在第 0 幀設(shè)為 20 到 40在第 12 幀到第 18 幀設(shè)為 0。模糊的作用是制造高速運(yùn)動(dòng)的視覺(jué)殘影讓文字看起來(lái)像快速?zèng)_進(jìn)畫(huà)面的而不是原地放大。4.3 步驟三把動(dòng)畫(huà)變成“彈性入場(chǎng)”到這一步文字只是普通的淡入放大還沒(méi)有彈性。真正讓它“彈”起來(lái)的方法是調(diào)整范圍選擇器的“高級(jí)”選項(xiàng)。在范圍選擇器面板里展開(kāi)“高級(jí)”找到“形狀”選項(xiàng)將它從默認(rèn)的“方形”改為“上平”或“三角形”。然后回到時(shí)間軸把范圍選擇器的“起始”或“結(jié)束”屬性打上關(guān)鍵幀從 0% 變化到 100%。這會(huì)讓每一個(gè)文字按照順序入場(chǎng)而不是整段文字同時(shí)出現(xiàn)。配合前面設(shè)置的縮放和模糊文字就像一個(gè)個(gè)被彈簧彈進(jìn)來(lái)而且還能保留逐字錯(cuò)落的節(jié)奏感。4.4 方法一的適用邊界文本動(dòng)畫(huà)器適合快速出片和批量制作但它對(duì)“精確回彈過(guò)程”的控制不夠細(xì)。比如你想讓文字先沖到 120%再回到 100%再掉到 95%再回到 100%用文本動(dòng)畫(huà)器就不如關(guān)鍵幀曲線(xiàn)來(lái)得直接。另外文本動(dòng)畫(huà)器制作時(shí)要注意動(dòng)畫(huà)器的“縮放”和“透明度”默認(rèn)作用于整個(gè)字符范圍。如果你只想讓前兩個(gè)字入場(chǎng)動(dòng)畫(huà)另外的字靜止需要調(diào)整范圍選擇器的起始和結(jié)束值或者單獨(dú)拆分文本。這個(gè)細(xì)節(jié)在批量處理時(shí)最容易踩坑。5. 方法二用關(guān)鍵幀速度曲線(xiàn)精確控制彈性如果你要做的是一條精品片頭主標(biāo)題希望每一幀的回彈都精準(zhǔn)那就需要直接在“圖表編輯器”里控制速度曲線(xiàn)。這個(gè)方法不復(fù)雜但需要理解前面講的“速度曲線(xiàn)決定動(dòng)畫(huà)質(zhì)感”的原理。5.1 步驟一給圖層縮放打基礎(chǔ)關(guān)鍵幀選中文字圖層按 S 鍵展開(kāi)縮放屬性。在第 0 幀設(shè)置縮放為 0%在第 12 幀設(shè)置縮放為 110%在第 18 幀設(shè)置為 100%。這里用 110% 而不是直接到 100%是因?yàn)閺椥詣?dòng)畫(huà)需要“沖過(guò)頭”的過(guò)程。如果你一開(kāi)始就停在 100%后面就沒(méi)有回彈空間了。第 18 幀設(shè)為 100% 是第一次回彈到正常大小。對(duì)這兩個(gè)關(guān)鍵幀按 F9 添加緩動(dòng)讓動(dòng)畫(huà)避免勻速運(yùn)動(dòng)。5.2 步驟二打開(kāi)圖表編輯器調(diào)整速度曲線(xiàn)選中縮放的三個(gè)關(guān)鍵幀點(diǎn)擊時(shí)間軸面板上方的“圖表編輯器”按鈕把顯示模式切換到“編輯速度圖表”。在速度圖表中你會(huì)看到一條速度曲線(xiàn)。默認(rèn)的緩動(dòng)曲線(xiàn)是“開(kāi)始慢、中間快、結(jié)尾慢”。彈性入場(chǎng)應(yīng)該改成“起步極快快速下降結(jié)尾有小幅反向波動(dòng)”。具體操作是選中第一個(gè)關(guān)鍵幀的速度手柄向右上方拖讓動(dòng)畫(huà)一開(kāi)始速度就很高然后讓中間段速度快速下降后段保留一個(gè)微小的反向速度波峰這個(gè)反向波峰就是回彈動(dòng)作的來(lái)源。如果覺(jué)得手動(dòng)拉曲線(xiàn)不好控制可以回到“值圖”直接在第 12 幀和第 18 幀之間再加一個(gè)關(guān)鍵幀把縮放值在 18 幀附近設(shè)為 92%隨后在第 22 幀回到 100%。5.3 步驟三組合偏移與回彈關(guān)鍵幀一個(gè)更實(shí)用的做法是手動(dòng)搭建完整的回彈關(guān)鍵幀序列。以縮放屬性為例第 0 幀0%第 10 幀120%第 14 幀95%第 18 幀102%第 22 幀100%這個(gè)序列模擬的就是“沖過(guò)頭-反向修正-再微幅沖過(guò)-穩(wěn)定”的彈性過(guò)程。每個(gè)關(guān)鍵幀之間依然要加緩動(dòng)并且要保證關(guān)鍵幀之間的時(shí)間間隔是遞減的。也就是說(shuō)第 0 幀到第 10 幀之間是快速?zèng)_刺后面第 10 幀到第 14 幀的修正時(shí)間更短這樣回彈才會(huì)顯得干脆。5.4 速度曲線(xiàn)與位置屬性結(jié)合如果只對(duì)縮放做彈性文字看起來(lái)是在原地“長(zhǎng)大”缺少橫向沖入畫(huà)面的速度感。更好的做法是給“位置”屬性也做類(lèi)似的關(guān)鍵幀序列讓文字從畫(huà)面左側(cè)或上方快速?zèng)_進(jìn)來(lái)落點(diǎn)位置時(shí)有一個(gè)微小的反向偏移再回到最終位置。位置屬性的彈性尤其適合片頭標(biāo)題。文字從左側(cè)沖入、越過(guò)中線(xiàn)、稍微往回彈一點(diǎn)、最終停住這種運(yùn)動(dòng)和相機(jī)鏡頭語(yǔ)言里的“定位”很像視覺(jué)上更專(zhuān)業(yè)。5.5 方法二的關(guān)鍵提醒圖表編輯器里調(diào)整的是速度不是數(shù)值。很多人第一次打開(kāi)圖表編輯器時(shí)試圖直接拖動(dòng)曲線(xiàn)上的點(diǎn)來(lái)修改關(guān)鍵幀位置結(jié)果發(fā)現(xiàn)畫(huà)面中文字的數(shù)值并沒(méi)有變其實(shí)是因?yàn)楫?dāng)前處于“速度圖”模式。要修改屬性數(shù)值需要切回“值圖”模式或者在時(shí)間軸中選中關(guān)鍵幀后直接輸入數(shù)值。6. 方法三用表達(dá)式實(shí)現(xiàn)真正的慣性彈性前兩種方法適合手動(dòng)控制但如果你負(fù)責(zé)維護(hù)團(tuán)隊(duì)模板或者需要讓 20 行文字都自動(dòng)帶上統(tǒng)一的彈性入場(chǎng)手動(dòng)打關(guān)鍵幀就不現(xiàn)實(shí)了。這時(shí)表達(dá)式的價(jià)值就體現(xiàn)出來(lái)了。AE 表達(dá)式基于 JavaScript 語(yǔ)法。它的用途不是替代關(guān)鍵幀而是讓某個(gè)屬性在關(guān)鍵幀驅(qū)動(dòng)的基礎(chǔ)上自動(dòng)疊加額外的計(jì)算規(guī)則。下面給出三個(gè)實(shí)際工作中經(jīng)常用到的表達(dá)式。6.1 位置慣性彈性表達(dá)式選中文字圖層的“位置”屬性按住 Alt 鍵點(diǎn)擊屬性左邊的秒表在表達(dá)式編輯框中粘貼下面內(nèi)容// 位置屬性慣性彈性表達(dá)式 amp 6; freq 2; decay 5; n 0; if (numKeys 0) { n nearestKey(time).index; if (key(n).time time) { n--; } } if (n 0) { t 0; } else { t time - key(n).time; } if (n 0) { v velocityAtTime(key(n).time - thisComp.frameDuration / 10); value v * amp * Math.sin(freq * t * 2 * Math.PI) / Math.exp(decay * t); } else { value; }使用這組表達(dá)式時(shí)你只需要給位置屬性打兩個(gè)關(guān)鍵幀一個(gè)代表起始位置一個(gè)代表結(jié)束位置。AE 會(huì)自動(dòng)計(jì)算關(guān)鍵幀瞬間的速度然后模擬出“沖過(guò)頭、回彈、衰減”的慣性運(yùn)動(dòng)。amp 控制回彈幅度f(wàn)req 控制回彈頻率decay 控制衰減速度。6.2 縮放彈性表達(dá)式如果你想做文字放大入場(chǎng)的彈性效果可以在縮放屬性上添加表達(dá)式// 縮放屬性彈性表達(dá)式 freq 3; decay 5; n 0; if (numKeys 0) { n nearestKey(time).index; if (key(n).time time) { n--; } } if (n 0) { t 0; } else { t time - key(n).time; } if (n 0) { v velocityAtTime(key(n).time - thisComp.frameDuration / 10); amp 0.12; value v * amp * Math.sin(freq * t * 2 * Math.PI) / Math.exp(decay * t); } else { value; }縮放表達(dá)式的用法和位置表達(dá)式一樣。區(qū)別在于 amp 取一個(gè)較小的值例如 0.12因?yàn)榭s放的屬性值基數(shù)比位置小直接套用位置表達(dá)式的大 amp 會(huì)導(dǎo)致縮放瘋狂抖動(dòng)。6.3 隨機(jī)延遲逐字入場(chǎng)如果文本有很多字你希望每個(gè)字按隨機(jī)順序彈跳入場(chǎng)可以配合文本動(dòng)畫(huà)器或?qū)Χ鄠€(gè)文本圖層的“縮放入場(chǎng)”動(dòng)畫(huà)做延遲。下面表達(dá)式可以讓每個(gè)文字或圖層按自身索引獲得不同延遲// 隨機(jī)延遲彈性表達(dá)式 delay random(0, 0.6); t time - delay; if (t 0) { amp 5; freq 2; decay 4; value amp * Math.sin(freq * t * 2 * Math.PI) / Math.exp(decay * t); } else { value; }這個(gè)表達(dá)式通常配合“縮放”屬性使用。注意隨機(jī)函數(shù) random() 的種子是圖層索引所以每個(gè)圖層的延遲時(shí)間都不同看起來(lái)就會(huì)產(chǎn)生錯(cuò)落的入場(chǎng)感。6.4 表達(dá)式調(diào)試與參數(shù)調(diào)整表達(dá)式寫(xiě)完后如果屬性名稱(chēng)左邊出現(xiàn)黃色感嘆號(hào)說(shuō)明表達(dá)式報(bào)錯(cuò)了。雙擊表達(dá)式文字AE 會(huì)高亮報(bào)錯(cuò)位置常見(jiàn)問(wèn)題是中文標(biāo)點(diǎn)、屬性名不匹配或者 velocityAtTime 寫(xiě)法被系統(tǒng)識(shí)別錯(cuò)誤。調(diào)整參數(shù)時(shí)建議從小到大嘗試。amp 太大、decay 太小會(huì)導(dǎo)致文字長(zhǎng)時(shí)間晃動(dòng)amp 太小、decay 太大則幾乎看不到回彈。從實(shí)際項(xiàng)目經(jīng)驗(yàn)看位置表達(dá)式的 amp 在 4 到 8、decay 在 4 到 6 之間比較常見(jiàn)縮放表達(dá)式的 amp 在 0.08 到 0.15、decay 在 3 到 5 之間比較穩(wěn)妥。7. 渲染輸出與效果驗(yàn)證7.1 預(yù)覽階段如何判斷動(dòng)畫(huà)是否成功寫(xiě)完動(dòng)畫(huà)后按空格鍵播放預(yù)覽。判斷彈性動(dòng)畫(huà)做得好不好不要只看“有沒(méi)有彈跳”要按下面標(biāo)準(zhǔn)逐項(xiàng)檢查文字進(jìn)入畫(huà)面的前段是否足夠快。如果起步慢彈性感會(huì)被削弱。回彈次數(shù)是否控制在兩到三次。太多顯得拖沓太少顯得生硬。文字最終是否穩(wěn)定停住。如果到最后一幀還在緩慢晃動(dòng)說(shuō)明衰減參數(shù)不夠。模糊是否只在運(yùn)動(dòng)過(guò)程中出現(xiàn)。如果停頓后還有模糊說(shuō)明模糊關(guān)鍵幀沒(méi)有歸零。預(yù)覽默認(rèn)可能只播放一次。如果你想循環(huán)播放檢查節(jié)奏可以把時(shí)間軸預(yù)覽面板的播放模式設(shè)為“循環(huán)”。7.2 渲染輸出的標(biāo)準(zhǔn)步驟動(dòng)畫(huà)確認(rèn)無(wú)誤后選中目標(biāo)合成按 CtrlM 添加到渲染隊(duì)列。在輸出模塊中根據(jù)用途選擇格式視頻平臺(tái)發(fā)布通常使用 H.264擴(kuò)展名為 .mp4后續(xù)進(jìn) Premiere Pro 剪輯可以使用 QuickTime 或 H.264需要透明背景的標(biāo)題動(dòng)畫(huà)必須使用帶 Alpha 通道的格式例如 QuickTime Animation 編碼或 ProRes 4444輸出模塊中選擇“RGBAlpha”渲染時(shí)記得看輸出模塊里的“音頻輸出”是否勾選。很多人做完動(dòng)畫(huà)發(fā)現(xiàn)導(dǎo)出的視頻沒(méi)有聲音排查時(shí)往往會(huì)忽略渲染隊(duì)列的輸出模塊實(shí)際上問(wèn)題就出在這里。7.3 效果驗(yàn)證清單檢查項(xiàng)預(yù)期結(jié)果播放速度前段快速?zèng)_入后段平滑衰減回彈幅度兩次到三次微幅回彈后穩(wěn)定文字穩(wěn)定性最后一幀完全靜止無(wú)晃動(dòng)模糊使用運(yùn)動(dòng)中清晰停止后無(wú)殘影殘留導(dǎo)出格式根據(jù)用途選擇 H.264 或帶 Alpha 通道格式音頻輸出模塊勾選音頻導(dǎo)出的文件有聲音8. 常見(jiàn)問(wèn)題與排查方法問(wèn)題現(xiàn)象可能原因排查方式解決方案文字沒(méi)有彈跳效果只設(shè)置了關(guān)鍵幀數(shù)值沒(méi)有調(diào)整速度曲線(xiàn)或表達(dá)式未生效查看圖表編輯器中速度曲線(xiàn)形狀檢查表達(dá)式是否報(bào)錯(cuò)給關(guān)鍵幀添加緩動(dòng)并拉出速度手柄確認(rèn)表達(dá)式已啟用預(yù)覽非?？D合成分辨率過(guò)大、緩存不足、運(yùn)動(dòng)模糊全開(kāi)查看預(yù)覽分辨率和緩存占用降低預(yù)覽分辨率到 1/2 或 1/4清理內(nèi)存與磁盤(pán)緩存回彈幅度過(guò)大或持續(xù)抖動(dòng)amp 過(guò)大、decay 過(guò)小或關(guān)鍵幀間距不均勻調(diào)整表達(dá)式參數(shù)或檢查關(guān)鍵幀間距減小 amp、增大 decay讓回彈關(guān)鍵幀間距逐次縮短文本動(dòng)畫(huà)器只影響部分文字范圍選擇器的起始和結(jié)束只覆蓋了部分字符檢查范圍選擇器中“起始/結(jié)束/偏移”的值將起始設(shè)為 0、結(jié)束設(shè)為 100%逐字動(dòng)畫(huà)時(shí)錯(cuò)開(kāi)偏移導(dǎo)出視頻沒(méi)有聲音輸出模塊未包含音頻在渲染隊(duì)列中檢查輸出模塊設(shè)置重新添加輸出模塊勾選音頻輸出H.264 導(dǎo)出透明背景變黑H.264 不支持 Alpha 通道檢查輸出格式和通道設(shè)置改用 QuickTime Animation 或 ProRes 4444選擇 RGBAlpha表達(dá)式出現(xiàn)黃色感嘆號(hào)語(yǔ)法錯(cuò)誤、中文標(biāo)點(diǎn)、屬性名不匹配雙擊表達(dá)式查看報(bào)錯(cuò)位置檢查括號(hào)、分號(hào)、引號(hào)改為英文標(biāo)點(diǎn)另一臺(tái)電腦打開(kāi)工程字體缺失字體沒(méi)有隨工程一起保存查看缺少字體的提示將標(biāo)題文字轉(zhuǎn)為形狀圖層或使用“收集文件”打包工程9. 最佳實(shí)踐與工程建議9.1 命名與圖層管理無(wú)論動(dòng)畫(huà)長(zhǎng)短都要養(yǎng)成給文字圖層和合成命名的習(xí)慣。看起來(lái)是小事但當(dāng)你把一個(gè) 20 秒的視頻拆成幾十個(gè)合成時(shí)命名混亂會(huì)浪費(fèi)大量時(shí)間。建議命名格式標(biāo)題_01_入場(chǎng)、字幕_02_強(qiáng)調(diào)把位置信息和用途都寫(xiě)進(jìn)去。9.2 用預(yù)合成隔離動(dòng)畫(huà)把文字彈性入場(chǎng)動(dòng)畫(huà)單獨(dú)放到一個(gè)預(yù)合成中而不是直接在主合成里堆大量關(guān)鍵幀和表達(dá)式。這樣做的好處是主合成保持簡(jiǎn)潔后續(xù)調(diào)整時(shí)長(zhǎng)、縮放、位置時(shí)不會(huì)影響已經(jīng)做好的動(dòng)畫(huà)結(jié)構(gòu)。預(yù)合成后要特別注意“時(shí)間重映射”和“圖層大小”。如果在主合成拉伸預(yù)合成的時(shí)長(zhǎng)預(yù)合成里的動(dòng)畫(huà)速度也會(huì)變化所以正式項(xiàng)目中建議先確認(rèn)總時(shí)長(zhǎng)再調(diào)整。9.3 節(jié)奏設(shè)計(jì)要克制彈性動(dòng)畫(huà)很討喜但濫用會(huì)讓視頻顯得廉價(jià)。實(shí)際項(xiàng)目中主標(biāo)題的彈性入場(chǎng)時(shí)間最好控制在 0.3 到 0.5 秒內(nèi)完成主體動(dòng)效后續(xù)停留時(shí)間留給觀(guān)眾閱讀文字。不要把每個(gè)字都做成夸張的果凍抖動(dòng)那種風(fēng)格只適合特定娛樂(lè)化場(chǎng)景。比較好的做法是主標(biāo)題用位置縮放彈性字幕條用透明度輕微縮放正文內(nèi)容盡量不要用彈性動(dòng)畫(huà)。動(dòng)畫(huà)服務(wù)于閱讀節(jié)奏這一點(diǎn)比技巧更重要。9.4 保存動(dòng)畫(huà)預(yù)設(shè)與模板如果你發(fā)現(xiàn)自己經(jīng)常需要做同一種文字彈性入場(chǎng)可以把文本圖層的動(dòng)畫(huà)器設(shè)置保存為動(dòng)畫(huà)預(yù)設(shè)。操作方式是選中圖層上的效果或動(dòng)畫(huà)器點(diǎn)擊“動(dòng)畫(huà) 將動(dòng)畫(huà)保存為預(yù)設(shè)”預(yù)設(shè)會(huì)出現(xiàn)在“效果和預(yù)設(shè)”面板中。團(tuán)隊(duì)協(xié)作時(shí)建議把常用的彈性表達(dá)式整理成一個(gè)文檔統(tǒng)一 amp、freq、decay 的參數(shù)范圍。這樣不同設(shè)計(jì)師做出來(lái)的彈性動(dòng)畫(huà)節(jié)奏一致項(xiàng)目整體風(fēng)格才能統(tǒng)一。9.5 性能優(yōu)化文字彈性動(dòng)畫(huà)本身不復(fù)雜但如果合成里同時(shí)存在多個(gè)文字圖層、多個(gè)模糊動(dòng)畫(huà)器和運(yùn)動(dòng)模糊預(yù)覽壓力會(huì)成倍增長(zhǎng)。制作過(guò)程中可以暫時(shí)關(guān)閉圖層顯示或關(guān)閉運(yùn)動(dòng)模糊最后渲染前再統(tǒng)一打開(kāi)。渲染時(shí)如果提示內(nèi)存不足優(yōu)先清理磁盤(pán)緩存并把渲染隊(duì)列里的“渲染設(shè)置”調(diào)整為“最佳設(shè)置”。不要一邊預(yù)覽一邊渲染AE 在渲染時(shí)又會(huì)重新計(jì)算緩存容易拖慢整體速度。9.6 關(guān)于字體與跨平臺(tái)協(xié)作在不同電腦間傳遞工程時(shí)最容易出問(wèn)題的就是字體。文字彈性動(dòng)畫(huà)依賴(lài)文本屬性一旦字體缺失AE 會(huì)自動(dòng)替換字體字形和字重都可能變化動(dòng)畫(huà)效果也隨之改變。穩(wěn)妥的做法有兩種一種是把標(biāo)題文字轉(zhuǎn)換成形狀圖層轉(zhuǎn)換后文字不再支持編輯但外形完全保留另一種是使用 Adobe Fonts 同步字體保證所有打開(kāi)工程的人使用同一款字體。如果只是在內(nèi)部協(xié)作統(tǒng)一團(tuán)隊(duì)字體庫(kù)是更好的方案。10. 總結(jié)與后續(xù)學(xué)習(xí)方向文字彈性入場(chǎng)動(dòng)畫(huà)看似是一個(gè)細(xì)小效果但它背后涉及的關(guān)鍵幀插值、速度曲線(xiàn)、慣性回彈和模糊補(bǔ)償是整個(gè)運(yùn)動(dòng)圖形設(shè)計(jì)的基礎(chǔ)邏輯。掌握這個(gè)效果不僅意味著你能做出一個(gè)好看的片頭更重要的是你開(kāi)始理解“動(dòng)畫(huà)質(zhì)感來(lái)自速度變化”這件事。做完這個(gè)效果后下一步可以繼續(xù)研究擠壓與拉伸Squash Stretch、路徑緩動(dòng)、蒙版文字出場(chǎng)以及攝像機(jī)運(yùn)動(dòng)。當(dāng)你意識(shí)到彈性動(dòng)畫(huà)只是“重力與慣性”在二維畫(huà)面中的一種投影時(shí)你對(duì) AE 里幾乎所有動(dòng)畫(huà)效果的理解都會(huì)上一個(gè)臺(tái)階。下次做片頭時(shí)可以先把文字當(dāng)成一顆系在彈簧上的小球想清楚它從哪里來(lái)、要停在哪里、允許反彈幾次然后再打開(kāi) AE。這個(gè)思路比記住任何快捷鍵都管用。