Flash 向量繪圖與形狀補間打造沙漏翻轉動畫
本教學示範如何使用 Flash 繪圖工具繪製沙漏主體,結合形狀補間與遮罩技術,實現沙粒流動與沙漏 180 度翻轉的循環動畫。
最終效果
製作要點
- 沙漏主體繪製:使用橢圓工具與矩形工具組合繪製沙漏外框,利用漸變填充營造玻璃通透感與高光邊緣。
- 沙粒形狀補間:在沙漏上下兩腔建立形狀補間,上腔沙粒從滿到空,下腔從空到滿,關鍵幀間形狀自然變形模擬流動。
- 遮罩限制顯示區域:以沙漏內腔形狀為遮罩層,僅顯示腔體內的沙粒動畫,避免溢出。
- 翻轉動畫:將整組沙漏元件(含上下腔沙粒動畫)轉為影片剪輯,在主時間軸建立旋轉補間(_rotation: 0 → 180),並同步翻轉沙粒流動方向邏輯(或採用雙組動畫切換)。
- 循環無縫:首尾幀狀態一致,配合緩動曲線讓翻轉與沙流節奏協調。
技巧提示
- 沙粒可用不規則小圓形隨機分佈,形狀補間時 Flash 會自動插值產生「流動感」。
- 玻璃材質:徑向漸變 + 邊緣高光線條 + 內部微弱反射高光。
- 翻轉時沙粒物理方向反轉,可在翻轉中點(90°)以 ActionScript 切換上下腔動畫實例,或預製兩組相反流向動畫交替顯示。