前言

想擁有一個會自轉的立體地球儀？用 Flash 就能輕鬆實現！本教學運用遮罩與漸層填充技術，製作出帶有透明感、立體光影的旋轉地球，適合網站開場動畫、短片裝飾等用途。

素材準備

1. 影片設定

• 新建檔案：Ctrl+N
• 影片屬性：Ctrl+M → 尺寸 80×80px、背景黑色

2. 製作「前景」球體光影

• Ctrl+F8 新建「圖形」元件，命名「前景」
• 橢圓工具畫正圓 → 開啟「填充面板」選擇「放射狀漸層」
• 左色標：Alpha 0%（透明中心）→ 右色標：深藍色
• 使用「漸層變形工具」將光心向左上偏移，營造立體球面感

3. 製作「圓形」遮罩形狀

• 新建「圖形」元件「圓形」，畫正圓，填滿任意顏色（僅作遮罩用）

4. 製作「地圖」紋理

• 新建「圖形」元件「地圖」
• 鉛筆工具繪製簡化世界地圖輪廓 → 油漆桶填滿綠色
• 刪除鉛筆線條，僅保留填色區域
• 關鍵步驟： 複製地圖並排放置兩份，形成無縫循環素材

動畫製作流程

第一層：前景光影（最上層）

• 圖層 1 命名「前景」，拖入「前景」元件
• 第 50 幀插入一般幀（F5），保持靜態

第二層：正面地球

1. 新圖層「圓形1」，拖入「圓形」，對齊前景，第 50 幀插入幀
2. 新圖層「前景地圖」，第 1 幀插入關鍵幀，拖入「地圖」，非洲略超出圓形右緣
3. 第 25 幀插入關鍵幀，地圖左移至美洲置中
4. 第 50 幀插入關鍵幀，地圖續左移至第二個非洲略超出右緣
5. 第 1→25 幀、25→50 幀分別設為「動作補間」
6. 「圓形1」圖層右鍵 → 選「遮罩」，遮罩「前景地圖」

第三層：背面地球（關鍵立體感來源）

1. 新圖層「圓形2」，拖入「圓形」，對齊，第 50 幀插入幀
2. 新圖層「背面地球」，第 1 幀關鍵幀，拖入「地圖」
3. 水平翻轉：修改 → 變形 → 水平翻轉
4. 效果面板將綠色調為黑色（模擬背面陰暗面）
5. 位置對齊正面地球，第 50 幀關鍵幀向右移動
6. 1→50 幀設「動作補間」
7. 「圓形2」設為遮罩，遮罩「背面地球」

核心原理解析

為什麼要雙層地球？

單層地球旋轉會有「平面感」。雙層設計：

• 前層：高亮、透明中心、正向移動 → 視覺上的「球面前半部」
• 後層：黑色、水平翻轉、同向移動 → 視覺上的「球面後半部」
• 兩層疊加 + 遮罩限制範圍 → 形成透明球體穿透感

遮罩的反直觀特性

Flash 遮罩是「反遮罩」：遮罩層內容顯示區域會顯示被遮罩層內容，非遮罩區域則隱藏。這與現實邏輯相反，初學者易混淆。

地圖雙倍寬度的目的

地圖並排兩份，配合 50 幀移動一圈，實現無縫循環，避免動畫跳幀或「打更」現象。

成果預覽與調整

Ctrl+Enter 測試，觀察：

• 地球是否平滑旋轉
• 光影高光是否固定在左上（模擬光源固定）
• 背面黑色地圖是否自然隱現

若轉動不順，檢查：地圖關鍵幀位置、補間類型、遮罩層級關係。

延伸應用

• 替換地圖紋理為行星、籃球、玻璃球等材質
• 加入雲層、大氣光暈等粒子效果
• 配合 ActionScript 控制轉速、方向、互動旋轉
• 輸出為 GIF/視頻作為 UI 裝飾元素