引導層是 Flash 實現「物體沿指定路徑運動」的核心功能。本教學以橢圓元件為例,演示如何建立引導層、繪製路徑、設定補間動畫、調整首尾幀位置,完成一個經典的路徑運動案例。
效果預覽
橢圓元件沿著手繪曲線路徑從起點平滑移動到終點。
製作步驟
- 建立移動元件:新建圖形元件「橢圓」,繪製一個橢圓形狀。
- 設定時間長度:主場景「橢圓層」第 30 幀插入關鍵幀 (F6)。
- 建立經典補間:在第 1 幀右鍵選「創建補間動畫」(或經典補間),此時橢圓位置固定,尚無位移。
第 30 幀插入關鍵幀
右鍵創建補間動畫
- 添加引導層:在「橢圓層」上右鍵→「添加引導層」,自動生成「引導層:橢圖層」。
- 繪製路徑:選中引導層第 1 幀,鉛筆工具(或筆刷/線條工具)繪製任意曲線作為運動路徑。此時會看到橢圖元件自動吸附在路徑起點上。
添加引導層按鈕
引導層上繪製路徑,元件自動吸附起點
繪製完成的路徑曲線
- 調整首尾位置對齊路徑端點:
• 第 1 幀:將橢圓拖動至路徑**起點**端。
• 第 30 幀:將橢圓拖動至路徑**終點**端。
(關鍵步驟:補間動畫會在首尾幀位置之間沿路徑插值。)
- 發布測試:Ctrl+Enter。引導層**不會導出**,僅在編輯時可見。橢圓將沿曲線平滑運動。
關鍵點總結
- 引導層**必須在被引導層之上**,且僅影響緊鄰的下一層(可連續多層被同一引導層引導)。
- 路徑**必須在引導層第 1 幀繪製**,且為單一連續筆畫(不可斷開)。
- 被引導層需為**經典補間動畫**(CS4 之前)或**運動補間**(CS4+ 物件模式),且首尾關鍵幀位置分別對應路徑起終點。
- 路徑可為開放曲線或閉合環路(閉合則形成循環運動)。
- 發布 SWF 時引導層自動隱藏,不增加檔案體積。
進階應用
- 多物件同路徑錯時運動:同一引導層引導多層,各層關鍵幀錯開幀號。
- 路徑漸變寬度/顏色:引導層路徑無法直接控制寬度/顏色,需配合遮罩或程式碼實現。
- AS3 程式化路徑:使用
fl.motion.MotionPath 或自定義貝塞爾曲線類實現更複雜的路徑控制(速度曲線、朝向對齊、多路徑切換)。