萬盛學電腦網

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

Flash 製作晶瑩剔透沙漏翻轉動畫

Flash 向量繪圖與形狀補間打造沙漏翻轉動畫

本教學示範如何使用 Flash 繪圖工具繪製沙漏主體,結合形狀補間與遮罩技術,實現沙粒流動與沙漏 180 度翻轉的循環動畫。

最終效果

沙漏翻轉動畫最終效果

製作要點

  1. 沙漏主體繪製:使用橢圓工具與矩形工具組合繪製沙漏外框,利用漸變填充營造玻璃通透感與高光邊緣。
  2. 沙粒形狀補間:在沙漏上下兩腔建立形狀補間,上腔沙粒從滿到空,下腔從空到滿,關鍵幀間形狀自然變形模擬流動。
  3. 遮罩限制顯示區域:以沙漏內腔形狀為遮罩層,僅顯示腔體內的沙粒動畫,避免溢出。
  4. 翻轉動畫:將整組沙漏元件(含上下腔沙粒動畫)轉為影片剪輯,在主時間軸建立旋轉補間(_rotation: 0 → 180),並同步翻轉沙粒流動方向邏輯(或採用雙組動畫切換)。
  5. 循環無縫:首尾幀狀態一致,配合緩動曲線讓翻轉與沙流節奏協調。

技巧提示

  • 沙粒可用不規則小圓形隨機分佈,形狀補間時 Flash 會自動插值產生「流動感」。
  • 玻璃材質:徑向漸變 + 邊緣高光線條 + 內部微弱反射高光。
  • 翻轉時沙粒物理方向反轉,可在翻轉中點(90°)以 ActionScript 切換上下腔動畫實例,或預製兩組相反流向動畫交替顯示。
copyright © 萬盛學電腦網 all rights reserved