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