萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Flash 教學

Flash 基礎動畫:引導層製作路徑動畫完整教學

引導層是 Flash 實現「物體沿指定路徑運動」的核心功能。本教學以橢圓元件為例,演示如何建立引導層、繪製路徑、設定補間動畫、調整首尾幀位置,完成一個經典的路徑運動案例。

效果預覽

橢圓元件沿著手繪曲線路徑從起點平滑移動到終點。

製作步驟

  1. 建立移動元件:新建圖形元件「橢圓」,繪製一個橢圓形狀。
  2. 設定時間長度:主場景「橢圓層」第 30 幀插入關鍵幀 (F6)。
  3. 建立經典補間:在第 1 幀右鍵選「創建補間動畫」(或經典補間),此時橢圓位置固定,尚無位移。

第 30 幀插入關鍵幀

右鍵創建補間動畫

  1. 添加引導層:在「橢圓層」上右鍵→「添加引導層」,自動生成「引導層:橢圖層」。
  2. 繪製路徑:選中引導層第 1 幀,鉛筆工具(或筆刷/線條工具)繪製任意曲線作為運動路徑。此時會看到橢圖元件自動吸附在路徑起點上。

添加引導層按鈕

引導層上繪製路徑,元件自動吸附起點

繪製完成的路徑曲線

  1. 調整首尾位置對齊路徑端點:
     • 第 1 幀:將橢圓拖動至路徑**起點**端。
     • 第 30 幀:將橢圓拖動至路徑**終點**端。
    (關鍵步驟:補間動畫會在首尾幀位置之間沿路徑插值。)
  2. 發布測試:Ctrl+Enter。引導層**不會導出**,僅在編輯時可見。橢圓將沿曲線平滑運動。

關鍵點總結

  • 引導層**必須在被引導層之上**,且僅影響緊鄰的下一層(可連續多層被同一引導層引導)。
  • 路徑**必須在引導層第 1 幀繪製**,且為單一連續筆畫(不可斷開)。
  • 被引導層需為**經典補間動畫**(CS4 之前)或**運動補間**(CS4+ 物件模式),且首尾關鍵幀位置分別對應路徑起終點。
  • 路徑可為開放曲線或閉合環路(閉合則形成循環運動)。
  • 發布 SWF 時引導層自動隱藏,不增加檔案體積。

進階應用

  • 多物件同路徑錯時運動:同一引導層引導多層,各層關鍵幀錯開幀號。
  • 路徑漸變寬度/顏色:引導層路徑無法直接控制寬度/顏色,需配合遮罩或程式碼實現。
  • AS3 程式化路徑:使用 fl.motion.MotionPath 或自定義貝塞爾曲線類實現更複雜的路徑控制(速度曲線、朝向對齊、多路徑切換)。
copyright © 萬盛學電腦網 all rights reserved