本教程展示如何運用 Flash 的「自由變形工具」配合補間動畫，以 2.5D 偽立體手法繪製一隻猴子從 3/4 側面轉向正面（或另一側面）的轉身動畫。核心在於將角色拆解為獨立元件，透過旋轉、傾斜、縮放模擬透視變化，再輔以漸變填充強化體積感。

效果預覽

核心原理：2.5D 偽立體拆解法

傳統逐幀手繪轉身需極強繪畫功底，而 2.5D 法將角色拆解為「頭部、五官、身體、四肢、尾巴」等獨立元件，僅通過剛體變換（旋轉/傾斜/縮放/位移）模擬透視變化，再配合漸變填充表現光影，即可在極低繪畫負擔下產生準 3D 效果。

分步實作指南

階段 1：關鍵姿態佈局（A 點 → B 點）

1. A 點（起始姿態）：第 1 幀佈置角色 3/4 側面姿態。所有元件置於各自圖層，轉換為「圖形元件」（便於後續變形）。
2. B 點（結束姿態）：在最後一幀（如第 30 幀）佈置目標姿態（如正面或反側面）。此處不畫中間過渡，只定最終位置。

階段 2：逐元件變換匹配 B 點

在 A 點選中所有元件 → 右鍵「建立補間動畫」 → 移至 B 點幀，逐一微調：

部位	變換重點	透視原則
嘴巴	縮放 + 傾斜	張合度配合轉向，側面變窄
鼻子、眼睛、瞳孔、眉毛	位移 + 縮放 + 旋轉	雙眼間距變化模擬透視；瞳孔位置決定視線方向
頭部、頭髮	整體旋轉 + 位移	轉向時可見髮量變化（如左轉見更多左髮）
耳朵	關鍵參考點	轉向時一側耳朵露出更多，另一側被遮擋，強化立體感
身體、腿、尾巴	整體旋轉 + 逐部位微調	鎖定頭部圖層，選中身體以下元件整體旋轉，再微調腿尾
手臂、手	旋轉中心點設於抓握點	將手臂旋轉中心移至手部，旋轉時手位置固定，模擬抓藤

階段 3：微調與漸變強化體積感

1. 播放動畫（Ctrl+Enter），觀察中間過渡是否自然，必要時在中間幀插入關鍵幀微調。
2. 漸變填充技巧：為頭部、身體、四肢元件套用「放射狀漸變」，用「填充變形工具」將漸變中心偏移至光源方向，瞬間提升立體質感。（詳見「使用漸變」章節）
3. 最終在所有圖層套用補間動畫，發布預覽。

進階技巧：複用與變體

• 建立角色模板：將拆解好的元件結構（圖層、元件、註冊點）存為範本，新角色只需替換元件內部圖形。
• 表情變化植入：在關鍵幀用「交換元件」切換眼部/嘴部元件，同步實現轉身+表情變化。
• 動態光影：配合 AS3 在 ENTER_FRAME 中動態調整漸變中心座標，隨轉向實時移動高光位置。

常見問題與對策

問題	原因	對策
中間過渡扭曲、斷裂	元件註冊點未對齊關鍵關節	轉換元件前，用「自由變形工具」將中心點拖至關節旋轉中心（如肩、肘、頸）
透視感不強、像紙片翻轉	缺乏縮放/傾斜變化、無漸變光影	強制添加「近大遠小」縮放；套用放射漸變並偏移中心
手臂脫離身體	手臂旋轉中心點設錯	雙擊手臂元件，將中心點移至手掌抓握點

總結

2.5D 技法的精髓在於「剛體拆解 + 變換模擬透視 + 光影修飾」。本教程以猴子轉身為例，演示了從關鍵姿態佈局、逐元件變換、漸變強化的完整流程。掌握此法，配合「交換元件」處理表情、「同步控制」處理嵌套動畫，即可高效產出具備準 3D 質感的角色動畫，極適合中小團隊、獨立開發者在 Flash/Animate 環境下快速產出優質內容。