Flash 打造會「搖頭晃腦」的卡通角色頭像

利用自由變形工具的傾斜、縮放與位移，配合補間動畫與緩動曲線，製作出頭部各部位（帽子、髮絲、臉龐）協調搖擺的循環動畫。關鍵在於「注冊點」精準設定與「相位差」設計。

效果預覽

製作流程

1. 元件化與注冊點設定
   • 所有可動部位（帽子前/後片、髮絲、臉部等）皆轉為影片剪輯元件。
   • 進入各元件編輯模式，將注冊點（中心十字）移至該部位的自然旋轉中心（如帽子底部中心、髮絲根部）。
     
   • 建議角色設計為四分之三側面或正面，便於表現立體搖擺。
2. 建立循環關鍵幀結構
   • 時間軸後方（如第 30 幀）全圖層插入關鍵幀（F6），確保首尾狀態一致，利於無縫循環。
   • 在首尾中點（如第 15 幀）全圖層插入關鍵幀，作為最大幅度搖擺極值。
     
3. 中間幀編輯：傾斜、縮放、位移組合
   • 鎖定非編輯圖層，選取目標元件實例。
   • 使用自由變形工具（Q）進行傾斜：帽子前後片同選同傾，保持協調。
     
   • 右側髮絲：從下方傾斜，同時向右水平縮放放寬，產生「繞過臉部向觀眾側轉」的視覺欺騙。
     
   • 每個部位給予不同幅度的相位差：幅度、方向、時機微異，避免機械同步感。
     
   • 小髮絲可定位至頭部另一側，增強球體旋轉感。
4. 套用緩動曲線
   • 開啟動作面板 > 緩動，為補間段套用「S 型」緩動曲線（進出緩動），避免勻速機械感。
     
   • 直線緩動 = 無緩動；S 型 = 自然加速減速。

成功關鍵：角色設計

• 風格越簡單，動畫越容易控制；解剖結構越複雜，搖擺協調難度指數級上升。
• 扁平化、幾何化的設計語言最適合此類「剛體變形」搖擺動畫。

延伸應用

同原理可應用於：呼吸起伏、風吹動畫、懸浮漂浮、彈跳壓縮等所有「非剛體形變」循環動畫。