如何編輯縮放緩動而不扭曲角色比例

縮放會控制各軸向的尺寸。當水平與垂直縮放使用相同的倍率時，角色會保留其長寬比。若倍率不同，形狀就會改變。MDN 的技術文件將這種差異描述為等比例縮放與非等比例縮放。MDN：scale() CSS 函式

緩動控制動畫值在關鍵影格之間如何變化。假設兩個軸都從 80% 開始，並以 100% 結束。如果水平縮放已達 96%，垂直縮放卻仍是 88%，角色相對於高度就會暫時變寬。端點看起來可能正確，但轉場過程仍會明顯拉伸。

若角色一開始沒有失真，整段轉場中 X 與 Y 縮放值相同，就能維持其比例。更一般地說，應保留核准的基準比例：如果準備好的素材刻意以不相等的縮放值開始，就讓兩者乘上相同的變動倍率。不要自動將基準值改成相等數字。

先另存工作副本，並找出控制整個角色的變形。本操作示範以單一 2D 角色圖層為起點，其外觀在參考尺寸下已正確。如果圖稿由多個部分組成，先為整體尺寸變化建立共用變形；否則只編輯身體，可能會改變身體相對於臉部或配件的尺寸。

在 After Effects 中選取角色圖層，按 S 顯示「縮放」。輸入等比例的尺寸變化時，請啟用縮放值旁的「保持比例」圖示。Adobe 特別針對連動縮放編輯說明了此控制項。Adobe：在 After Effects 中調整圖層屬性

變更任何設定前，先記錄核准的起始值、結束值和關鍵影格時間，也檢查現有的中間關鍵影格。將連動控制項視為編輯輔助工具，並確認動畫各處的實際數值，不要假設啟用後就修復了先前的編輯。

微調時間之前，先決定放大的原點。After Effects 會以圖層錨點為中心縮放。錨點置中適合以中心向外放大；錨點設在底部中央，則適合讓角色放大時在視覺上仍保持站穩。Adobe：圖層錨點

使用「數值圖表」檢視尺寸，並使用「速度圖表」塑造尺寸變化的速度。Adobe 將數值圖表定義為屬性值隨時間的變化，將速度圖表定義為這些值的變化率。請從圖表編輯器的選項中明確選取圖表，而不要沿用預設檢視。Adobe：After Effects 動畫基本概念

在數值圖表中，一起檢查所有相關的縮放分量。基準值相等時，在等比例縮放動畫中，它們的曲線應全程重合。曲線之間若有間距，就是檢查對應影格的好線索。若核准的基準值不相等，請比較比例變化，而不要期待曲線重合。

若想改變加速或停頓的感覺，同時保留相同的關鍵影格尺寸，請使用速度圖表。每次進行有意義的調整後，再切回數值圖表。如此便能分開檢查兩件事：時間感是否恰當，以及尺寸比例是否正確。

使用以下受控範例：比例正確的 2D 角色在 12 格內，從 80%、80% 放大到 100%、100%。這些是示範設定，並非必要的時間長度或尺寸範圍。

1. 選取角色圖層，顯示「縮放」，並啟用「保持比例」。
2. 將第一個「縮放」關鍵影格設為 80%、80%，並將第二個關鍵影格設在 12 格之後，設為 100%、100%。
3. 同時選取兩個「縮放」關鍵影格，套用 動畫 > 關鍵影格輔助 > 緩入緩出。
4. 開啟圖表編輯器，選擇 編輯速度圖表。
5. 一起選取縮放關鍵影格。小幅調整控制柄，並一致地調整相關分量。
6. 切換至 編輯數值圖表，檢查關鍵影格之間的軸向數值。

「緩入緩出」會讓選取的關鍵影格以零速度作為轉場起點。如需更精準的調整，請使用 動畫 > 關鍵影格速度 編輯進入或離開速度及影響度。Adobe 說明，水平移動速度控制柄會改變它對相鄰關鍵影格的影響度。Adobe：在 After Effects 中套用與控制速度變化

在此範例中，可嘗試快速放大後再用較長時間停穩。調整最後一個關鍵影格的進入影響度，預覽效果，並與原始版本比較。這一輪先固定端點尺寸與 12 格的時間長度，才能單獨評估緩動變化。

如果調整後角色出現拉伸，請復原該變更，並檢查選取了哪些分量。繼續之前，再次檢查中間值與端點。Adobe 的圖表編輯器教學示範了如何選取關鍵影格、顯示控制柄、調整速度圖表並預覽結果。Adobe：使用圖表編輯器在關鍵影格之間建立動態移動

如果曲線難以比較，請使用比例變化測試。在選定影格，將各軸目前的縮放值除以核准的基準縮放值。若尺寸變化等比例，兩個結果應相同。這項測試直接來自對兩個尺寸套用相同倍率的原理。

狀態	X 縮放	Y 縮放	X ÷ 基準 X	Y ÷ 基準 Y	解讀
核准的基準值	80%	80%	1.00	1.00	參考形狀
正確的中間影格	92%	92%	1.15	1.15	比例維持不變
失真的中間影格	96%	88%	1.20	1.10	水平方向增長較多
核准的端點	100%	100%	1.25	1.25	參考比例恢復

在失真的範例中，寬高比會乘上 96 ÷ 88 ≈ 1.091。因此，相較於基準值，角色的寬度約增加 9.1%。這些數值是示範算術，並非取自特定動畫的測量結果。

若刻意採用 120%、100% 的不相等基準值，等比例放大 1.10 倍會得到 132%、110%。兩個軸都增大了 10%，因此核准的外觀得以保留。若將端點改成 132%、132%，就會改變原有比例。

再次調整緩動之前，先根據可見症狀找出原因。暫停在某個影格，分辨問題是形狀改變、位置偏移，還是影像細節變化。

症狀	下一步檢查
轉場期間寬度與高度分歧	比較該時間點的軸向數值、中間關鍵影格和曲線控制柄。
角色放大時整體移動	檢查錨點和位置動畫。
只有某個角色部位的相對尺寸改變	檢查該部位的變形和角色共用變形。
角色在停穩前變得過大	檢查數值圖表是否超出目標尺寸。
輪廓比例維持不變，但邊緣變得粗糙	檢查來源圖稿的解析度和放大幅度。

如果兩個軸一起超出目標尺寸，暫時的尺寸過衝仍可維持比例。請另外判斷動畫中是否需要這個較大的尺寸。如果需求是簡單的放大後停止，請讓縮放值保持在選定的起始與結束範圍內。

放大點陣圖也可能改變圖稿的觀感，而不影響其比例。Adobe 指出，大幅放大點陣圖圖層可能會讓像素變得粗糙，縮小則可能使影像變柔和。調整緩動無法修正這類來源細節問題。Adobe：縮放或翻轉圖層

檢查起始影格、數個中間影格、尺寸最大的影格和端點。縮放變化最快或形狀似乎改變的地方，要更密集地檢查。抽樣影格有助於找出問題；檢視完整曲線，則能發現樣本影格之間的差異。

接著，以預期的播放速率預覽。Adobe 的圖表編輯器教學建議查看資訊面板，確認預覽是否以即時速度播放，因為預覽尚未完成時，較難判斷時間感。Adobe：預覽並調整圖表編輯器動畫

角色達到預期尺寸、在整段轉場中維持核准的比例，且加速與停穩效果都符合預期時，即可完成。以共用縮放倍率作為整體原則，用圖表檢查時間變化，並在接受編輯前確認中間影格的形狀。

• Adobe — 在 After Effects 中調整圖層屬性
• Adobe — After Effects 動畫基本概念
• Adobe — 在 After Effects 中套用與控制速度變化
• Adobe — 使用圖表編輯器在關鍵影格之間建立動態移動
• MDN — scale() CSS 函式