Flash 形狀補間與圖層疊加實現水滴落下、濺射、水面波動綜合動畫

以四圖層結構分離「水滴下落」、「濺射動畫」、「水面波動」、「音效」，展示 Flash 幀動畫與形狀補間結合的基礎動畫製作流程。

圖層結構與步驟

1. 新建 4 圖層（自下而上）：海水、濺起水、水滴聲音、水滴。
   
2. 水滴層：繪製下落序列
   • 第 1 幀繪製水滴初始形狀（頂部）。
   • 後續幀繪製水滴下落中間形態（拉長、變細）。
     
3. 海水層：波動形狀補間
   • 第 1 幀繪製藍色矩形 (無描邊)，轉為「圖形」元件，設定透明度 (如 50%)。
   • 為製造流動感，將圖形稍微向右偏移。
   • 適當幀 (如第 30 幀) 插入關鍵幀，位置向左移動，中間套用形狀補間，形成循環流動。
     
4. 濺起水層：撞擊瞬間動畫
   • 第 10 幀 (水滴落下觸水時刻) 插入空白關鍵幀。
   • 在該幀繪製水花濺射形狀 (放射狀線條/不規則形狀)，後續幀逐漸消失/縮小。
     
5. 水滴聲音層：在第 10 幀同步放入水滴音效 (MP3)，同步屬性設為「Stream」或「Event」。

關鍵技巧總結

• 圖層分離：水滴、濺射、水面、聲音各自獨立圖層，互不干擾，易於調整時機。
• 形狀補間用於有機變形：水面波動、濺射擴散消失，皆為形狀層級變化，非剛體位移。
• 透明度疊加：海水半透明疊加在水滴下方，形成「水滴穿過水面」視覺。
• 聲音同步：關鍵幀精準放置音效，增強真實感。

延伸優化

• 水滴下落可用「引導層」路徑控制軌跡更自然。
• 濺射粒子化：拆分為多個小水滴元件，各自隨機角度/速度飛散 (需 AS 輔助)。
• 水面倒影：複製水滴元件垂直翻轉、降低 Alpha、模糊濾鏡，同步動畫。
• 循環優化：首尾幀狀態一致，設定循環播放。