Metlivi 部落格

如何在 After Effects 中為橡皮管肢體新增寬度控制以呈現縮短透視

若要為橡皮管肢體新增寬度控制,請將描邊寬度和兩端的錐化寬度分別設為滑桿。接著配合肢體姿勢調整這些控制項:縮短可見延伸長度,確立哪一端較靠近觀眾,並調整寬度變化,以強化這個方向。

本教學適用於使用 After Effects 原生形狀圖層肢體的角色動畫師,也包含 Rubberhose 3 hose。目標是建立可重複使用的厚度控制項,用於角色以風格化方式轉向觀眾或背向觀眾。以下流程結合文件記載的控制項和示範性姿勢測試;建議數值僅供繪圖判斷時參考。

2026年10月29日閱讀時間 7 分鐘作者:Metlivi Editorial Team
第 1 節

1. 將肢體彎曲與肢體厚度分開控制

首先找出會改變中心線的屬性,以及會改變輪廓的屬性。在 Rubberhose 3 中,Hose length 會決定 hose 變直時控制器之間的距離。Direction 控制 hose 的彎曲方式,而 Battle Axe 特別建議動畫師為 Direction 製作動畫,以表現朝向或背離攝影機的動作。這些都是實用的姿勢控制項,但不能取代對可見寬度的控制。Battle Axe:控制項

Battle Axe 說明,hose 是形狀圖層,其外觀可結合描邊、填色、圖層樣式和效果。它也區分了樣式預設與彎曲預設:彎曲預設不會改變厚度。此設定請先使用單一道描邊呈現簡單的 hose,讓寬度控制項有明確的作用對象。Battle Axe:樣式

使用三個可獨立調整的值:最大描邊寬度、起點寬度百分比和終點寬度百分比。分開控制這些值,就能在不重做錐化的情況下改變整體厚度,也能反轉視覺上的深度方向,而不必反轉肢體路徑。

第 2 節

2. 準備簡單的肢體並確認路徑方向

變更骨架前,先儲存一份專案工作副本。選擇一條肢體,並設為能清楚看見完整輪廓的中性姿勢。如果裝飾細節讓輪廓難以判斷,請暫時使用純色樣式。

展開 hose 圖層的 Contents,找出實際呈現肢體的描邊。稍微調整寬度,確認可見結果後再復原,以此辨識描邊。如果外觀由多道描邊構成,請先判斷哪一道代表主體,再繼續操作。

不要假設路徑起點就是肩膀或臀部。請實際測試:調整一端的錐化寬度,觀察哪一端產生變化。將對應關係記在控制器名稱中,例如「起點寬度 — 肩膀」和「終點寬度 — 手腕」。這個小檢查能避免之後調反。

若要建立新的原生形狀圖層測試,請繪製一條開放的曲線路徑,並加上描邊、不加填色。若使用現有 hose,請保留其產生的路徑和骨架連線。目標是改變路徑周圍的呈現屬性,同時保留可用的姿勢系統。

第 3 節

3. 連接滑桿前先設定錐化

在可見描邊下方展開 Taper。After Effects 提供 Start Length 和 End Length 來定義受影響的區段,並提供 Start Width 和 End Width 來調整兩端的厚度。如果對應的錐化長度為零,端點寬度就不會產生可見的錐化效果。使用百分比長度單位,轉變範圍便會依據路徑長度調整。Adobe:如何讓形狀描邊產生錐化效果

請先使用以下初始設定:

  • 將 Length Units 設為 Percentage。
  • 將 Start Length 和 End Length 各設為 50%。
  • 將 Start Width 和 End Width 設為 100%。
  • 將 Start Ease 和 End Ease 設為零,讓初始轉變簡單明確。

這是建議的起始輪廓,並非骨架的必要規格。中性的端點值可作為基準,方便你之後加入錐化。控制項運作後,再依角色輪廓調整轉變長度和緩動。第一次姿勢測試時請固定這些設定,以便單獨判斷寬度變化。

第 4 節

4. 新增並連接三個供動畫師使用的滑桿

建立一個名為「Limb Width Controls」的空物件圖層。透過 Effect > Expression Controls > Slider Control 套用三個 Slider Control 效果。將效果重新命名,並輸入以下初始值。Adobe 支援在空物件上放置運算式控制項,並從其他圖層的屬性參照這些控制項。Adobe:使用運算式控制項

滑桿名稱 初始值 目標屬性
Maximum Width 32 Stroke Width
Start Width Percent 100 Taper > Start Width
End Width Percent 100 Taper > End Width

對每個目標屬性,在 Windows 上按住 Alt 並點擊其碼錶,或在 macOS 上按住 Option 並點擊,以啟用運算式。將運算式的拾取鞭拖到相應滑桿的數值上。對三個屬性重複操作,並在繼續之前確認每個連線都正確。

使用拾取鞭讓 After Effects 依照實際的圖層和效果名稱建立參照。請在連接前先重新命名控制項;若要建立多個控制圖層,請為每條肢體使用不同名稱。Adobe 建議使用描述性效果名稱,並說明連結的運算式控制項可以設為關鍵影格。Adobe:使用運算式控制項

分別測試每個滑桿。Maximum Width 應會改變主描邊的厚度。Start Width Percent 應會影響已確認的起點,End Width Percent 則應影響另一端。開始製作動畫前,請將兩個端點滑桿都設回 100。此流程使用介面連線,不需要自訂指令碼。

第 5 節

5. 用三種刻意區分的姿勢測試縮短透視

先建立三個停格姿勢,再潤飾轉場。以下數值是示範性的設計輸入,並非測量所得的透視結果。這些數值假設路徑從肩膀起始、以手腕結束,且錐化長度已依上述方式設定。

測試姿勢 Maximum Width Start Width Percent End Width Percent 繪圖意圖
側向中性姿勢 32 100 100 建立正常輪廓
手腕朝觀眾靠近 44 65 100 強調手腕端
手腕逐漸遠離 32 100 65 強調肩膀端

製作手腕靠近觀眾的姿勢時,請在構圖中讓手腕靠近肩膀,以縮短肢體的可見延伸長度。調整彎曲程度,讓縮短後的輪廓看起來明確,再加入寬度差異。請在手部可見的情況下判斷結果,因為手的大小和遮擋關係有助於傳達預期方向。

製作手腕遠離觀眾的姿勢時,請反轉寬度強調方向,並重新考慮手相對於角色的位置。單純交換兩個寬度值,可能會讓姿勢變得模糊。請檢查整體輪廓,包括肢體從軀幹伸出的位置,以及與手部銜接的位置。

在動畫設計上,請避免預設由兩個控制器之間的距離自動驅動寬度。端點距離較短可能代表多種姿勢,包括側向彎曲。獨立的寬度控制項能保留你選擇預期深度感的彈性。

如果必須大幅改變寬度,姿勢才看得懂,請先重新檢視中心線和遮擋關係。使用厚度來強化清楚易懂的繪圖。持續調整這三個停格姿勢,直到每個姿勢在預期觀看尺寸下都清楚易讀。

第 6 節

6. 製作控制項動畫,同時避免厚度脈動

確認停格姿勢效果良好後,請在相應的姿勢時間為三個滑桿設定關鍵影格。先預覽緩慢的轉場。仔細檢查姿勢之間的影格,程度不亞於檢查端點:即使兩張繪圖單獨看起來都很可信,中間的輪廓仍可能顯得不自然。

實用的檢查順序是位置、彎曲、寬度輪廓,最後是時間安排。如果肢體在轉向前就開始膨脹,請移動或放緩寬度變化。如果靠近觀眾的一端變寬,但可見延伸長度維持不變,請檢查動作是否需要更明確的縮短階段。

在整個轉場期間檢查手部或腳部的銜接。手腕變寬而手部大小不變,可能會形成意料之外的領口狀形狀。若繪圖需要,請調整相鄰圖稿,或減少局部寬度變化。請以肢體整體輪廓判斷,而不是單獨評估 hose。

不要預設每條肢體都套用相同的寬度動畫。先完成一段代表性動作,再將其作為設定參考。每條肢體仍需各自決定姿勢和輪廓。

第 7 節

7. 排查常見的寬度控制問題

症狀 檢查項目 實用的下一步
端點滑桿似乎沒有作用 對應的錐化長度和所選描邊 使用非零長度,並確認選取的是可見描邊
變化的是錯誤的一端 實際路徑方向 修正控制器標籤或連線
寬度參照顯示錯誤 圖層和效果名稱 使用拾取鞭重新連接
肢體中段看起來膨脹 最大寬度和錐化轉變 降低最大寬度,或重新塑造轉變
縮短後的姿勢仍然模糊 中心線、端點圖稿和遮擋關係 在加大錐化前先重畫姿勢
改變樣式後寬度控制失效 接收運算式的描邊 檢查並重新連接預定的呈現屬性

動作完成後,請保留樣式以供重複使用。Battle Axe 支援儲存和複製 hose 樣式,但依賴該設定前,請先在另一條 hose 上測試:確認其寬度參照指向該肢體預期使用的控制項。Battle Axe:樣式

實用的完成骨架可讓你立即恢復中性厚度、強調任一端,並在不重建寬度設定的情況下修改姿勢。保持三個控制項簡單易用,在深度方向上兩種情況都進行測試,並依角色實際呈現的尺寸調整輪廓。

第 8 節

資料來源

相關閱讀

繼續探索這個主題