想讓平面的世界地圖瞬間「彈」出螢幕?這篇教學將示範如何利用 Webdings 字型快速生成地圖輪廓,再透過圖層複製與位移的經典技法,在幾分鐘內製造出極具視覺衝擊力的 3D 立體點陣效果。適合海報、簡報、動態圖示等多種場合應用。
完成效果預覽
核心技巧:字型變地圖
安裝 Webdings 字型後,輸入文字時按住 Alt 鍵並在小鍵盤輸入 251(或直接複製特定字元),即可輸出世界地圖圖形。將文字圖層轉為形狀或選區,即可進入後續 3D 處理流程。
Step 1:建立基底地圖圖層
新建文件,輸入地圖字元並調整大小、顏色(建議深藍或深灰),命名為「Map Base」。
Step 2:複製與位移——經典偽 3D 技法
- 選取地圖圖層,按 Ctrl+J 複製一層。
- 選取移動工具(V),按 ↑ 向上鍵向上移動 1~2 像素。
- 按住 Alt 鍵不放,連續按 ↑ 向上鍵 20~30 次。每次按鍵都會在原位置複製並向上位移一層,迅速堆疊出厚度。
- 保留最頂層的複製圖層,其餘中間層全選合併(Ctrl+E),命名為「Thickness」。
Step 3:調整光影與色調
- 最頂層(表面)保持原色或加亮。
- 「Thickness」圖層降低亮度、改為較深色調,模擬側面陰影。
- 視需求為底部加上投影(濾鏡 > 模糊 > 高斯模糊 + 降低不透明度)。
進階應用建議
- 動畫化: 將各厚度圖層依序顯示,輸出 GIF 或 MP4,形成「地圖從平面升起」的動態效果。
- 材質貼圖: 為側面圖層套用金屬、木紋、霓虹光等圖層樣式,風格立變。
- 互動地圖: 配合切圖與 HTML5 Canvas,製作可旋轉、縮放的 3D 點陣地球。
這個技法的核心在於「複製+位移」模擬 Z 軸厚度,不僅限於地圖,任何向量形狀、文字、圖示皆可套用。掌握後,你就擁有一把快速產出 3D 視覺效果的萬能鑰匙。