不使用 3D 功能，僅憑「變形 > 魚眼」效果疊加，就能創建極具立體感的球體/半球視覺效果。這是一個經典的「以 2D 手段達到 3D 視覺」的巧思技法，適合快速構思、輕量化圖標、UI 裝飾元素制作。本教學詳細拆解從圓點陣列到雙重魚眼變形、剪切蒙版成型的完整流程。

核心原理：極坐標變形的視覺欺騙

魚眼效果本質上是將平面笛卡爾座標系轉換為極坐標系的近似模擬：
規則圓點矩陣 → 第一次魚眼（凸出球面感）→ 旋轉 45° → 第二次魚眼（增強球面曲率）→ 圓形剪切蒙版 = 3D 球體視覺

詳細操作步驟

步驟 1：建立基礎圓點矩陣（圖 1~3）

• 新建畫布，橢圓工具按 Shift 繪製小正圓（直徑 10mm），填充色、無描邊
• 右鍵 > 變換 > 移動：水平 11mm、垂直 0、複製 (Ctrl+D 重複) → 獲得一行圓點
• 選中整行 → 同法垂直移動複製 → 獲得規則圓點矩陣
• 全選 → Ctrl+G 編組

步驟 2：第一次魚眼變形（圖 4~5）

• 選中編組 → 效果 > 變形 > 魚眼
• 參數：彎曲 50%（可根據球體飽滿度調整 30%~70%），水平/垂直 0%
• 獲得凸出的球面網格感視覺

步驟 3：擴展外觀固化效果（圖 6）

• 對象 > 擴展外觀，將動態效果轉為靜態路徑組

步驟 4：旋轉 45° 改變網格走向（圖 7~8）

• 右鍵 > 變換 > 旋轉：角度 45°，複製（可選）
• 網格線從「經緯線」轉為「對角線」方向，為二次魚眼鋪墊

步驟 5：第二次魚眼變形強化球感（圖 9~10）

• 再次：效果 > 變形 > 魚眼
• 參數：彎曲 100%（最大值），獲得極強球面曲率變形

步驟 6：圓形剪切蒙版成型（圖 11~12）

• 繪製正圓，無填充無描邊，置於變形對象上層
• 全選 → 右鍵 > 建立剪切蒙版
• 獲得完美圓形邊緣的 3D 球體視覺效果

參數調整與變體探索

應用場景延伸

• UI 裝飾球/圖標：極簡風格、輕量級、矢量可縮放
• 數據可視化節點：連線網絡中的節點球體，顏色/大小編碼數據
• 抽象幾何海報元素：多球體組合、透視關係、色彩關係
• 動圖/動畫關鍵幀：魚眼參數/旋轉角度/剪切圓位置關鍵幀動畫，生成球體旋轉/脈動/生長動效
• 教學演示：直觀展示極坐標變形/魚眼效果/網格拓撲原理

優缺點對比與選擇建議

參數/步驟	視覺影響	推薦範圍/策略
基礎圓點大小/間距	網格密度/顆粒感	圓點 2~20mm，間距 1.1~1.5 倍直徑
第一次魚眼彎曲	初步球面凸度	30%~70%，數值越大邊緣變形越劇烈
旋轉角度	網格走向/光影暗示方向	45° 標準，30°/60° 產生不同切面感
第二次魚眼彎曲	最終球面曲率/立體強度	50%~100%，100% 最強透視感
剪切圓形大小	球體可見範圍/截面位置	略小於變形邊界，或故意偏移製造「非完整球」
圓點填色/漸變	材質/光影預設	徑向漸變(中心亮/邊緣暗)預設光照；多色圓點產生彩色球體

維度	魚眼法 (2D 偽 3D)	AI 3D 功能 (真 3D)
制作速度	極快 (1~2 分鐘)	中等 (5~15 分鐘)
參數化編輯性	低 (擴展外觀後不可逆)	高 (3D 效果面板隨時修改)
透視幾何精度	近似/視覺欺騙	數學精確透視
材質/光照真實度	低 (需 PS 後期強化)	中 (基礎光照/陰影/貼圖)
適用場景	圖標/裝飾/快速構思/動畫關鍵幀	產品建模/複雜場景/需精確透視/後期深度材質化

「魚眼造球」是 Illustrator 中一個極具教學意義的「側向思維案例」——它告訴我們：工具的標稱功能只是參考，理解底層幾何/光學原理，組合現有功能，往往能創造出超出工具本意的驚喜效果。下次需要球體元素時，不妨先問自己：是要「真 3D」還是「好看的 3D 視覺」？答案可能讓你節省大量時間。