本教學以豐富截圖示範摺扇(含檀木無扇面款)自動展開動畫的製作,涵蓋向量繪圖、位圖填充、多層補間動畫與遮罩應用四大核心技巧。
核心知識點
- Flash 向量繪圖技巧:用筆刷/鋼筆工具勾勒扇骨、扇面曲線,善用對齊面板精確置中、分佈。
- 位圖填充與調整:扇面匯入紋理圖片(木紋、布紋),用油漆桶工具選位圖填充,配合漸變變形工具調整紋理角度、縮放貼合扇面形狀。
- 多層元件補間動畫:每根扇骨獨立圖層,設定不同旋轉中心點,套用旋轉補間;扇面同步縮放、透明度漸變,營造展開立體感。
- 遮罩應用:以扇骨外圍形狀作遮罩層,限制扇面顯示範圍,避免展開過程穿模。
製作流程概覽(配合原教學截圖步驟)
- 新建文件,設定舞台尺寸與背景。
- 繪製扇骨基礎形狀,轉為影片剪輯,設定旋轉中心於底部樞紐。
- 複製扇骨實例,排列成閉合狀態,利用對齊面板平均分佈角度。
- 建立扇面影片剪輯,套用位圖填充並調整紋理。
- 時間軸上設置關鍵幀:第 1 幀全閉合,第 20 幀全展開,中間套用移動/旋轉/縮放補間。
- 添加遮罩層確保扇面不超出扇骨包圍範圍。
- 測試調整緩動曲線(Ease in/out)使動作更自然。
- 發布 SWF,或匯出 GIF/視頻分享。
原教學包含多張關鍵步驟截圖(工具面板設定、層級結構、關鍵幀屬性),建議對照操作。檀木扇無扇面版本只需保留扇骨動畫,移除扇面層即可。
此範例完整展示了「向量結構 + 位圖皮膚 + 補間動畫 + 遮罩」的 Flash 經典製作管線,可延伸應用於傘、翅膀、機械臂等展開收合動畫。