Flash 遮罩技法打造 3D 視差感地球儀自轉動畫

利用「遮罩層僅顯示其下層遮罩形狀內容」的特性，疊加正反兩面地圖動畫，配合漸變球體高光，以 2D 手法模擬 3D 地球儀自轉效果。檔案極小、無需 3D 引擎。

最終效果

素材準備

1. 新建檔：80×80 px，黑背景。
2. 前景球殼：Ctrl+F8 新增「圖形」元件「前景」，圓形工具畫圓，徑向漸變填充（中心透明 Alpha 0%，邊緣深藍），用「漸變變形工具」將漸變中心偏移至左上，製造球體立體感。
3. 基礎圓形：新增「圖形」元件「圓形」，純色填充（任意色），作為遮罩形狀。
4. 世界地圖：新增「圖形」元件「地圖」，鉛筆工具勾勒簡化世界地圖（或匯入位圖打散扣圖），油漆桶填綠色，刪除描邊，複製一份並排（雙地圖無縫循環）。

動畫製作

1. 主場景圖層結構（自下而上）：
   1. 圖層1「前景」：拖入「前景」元件，第 50 幀插入幀（F5）。
   2. 圖層2「圓形1」：拖入「圓形」對齊前景，第 50 幀插入幀。
   3. 圖層3「正面地圖」：第 1 幀關鍵幀放入「地圖」，非洲略超出圓形右邊；第 25 幀關鍵幀移至美洲置中；第 50 幀關鍵幀第二個非洲略超出左邊。1-25、25-50 套用動作補間。
      
   4. 圖層3 右鍵設為遮罩層，遮罩對象為「圓形1」層。
2. 背面地球（增強立體感）：
   1. 圖層4「圓形2」：拖入「圓形」對齊，第 50 幀插入幀。
   2. 圖層5「背面地球」：第 1 幀關鍵幀放入「地圖」副本，修改 > 變形 > 水平翻轉（鏡像），顏色效果調為黑色（或深色系），位置與正面對齊。第 50 幀關鍵幀向右移動（方向與正面相反），套用動作補間。
      
   3. 圖層5 右鍵設為遮罩層，遮罩對象為「圓形2」層。

時間軸總覽

核心原理解析

• 遮罩反直覺邏輯：遮罩層內容「顯示」被遮罩層內容，非遮罩區域「隱藏」。善用此特性只露出球體圓形區域內的地圖動畫。
• 雙地圖無縫循環：並排兩張相同地圖，位移一圈後恰好回到視覺起始狀態，消除補間跳幀感。
• 正反面疊加：正面地圖順時針移動，背面地圖逆時針移動（因水平翻轉），配合深淺色差，產生球體自轉的視差深度。
• 前景球殼疊加：最上層半透明漸變球殼統一光影，融合正反面為整體球體質感。

發布測試

Ctrl+Enter 預覽，得到一個持續自轉、極小檔案的地球儀動畫，適合網頁裝飾、載入圖示、地理教學素材。