Illustrator 的 3D 效果是將平面路徑快速生成立體造型的利器。本教程示範如何用「鋼筆工具繪製截面」+「3D 繞轉」+「貼圖映射」+「外觀面板非破壞編輯」的工作流，高效產出擁有精美花紋貼圖的立體漆盤/碗體插畫，適合圖標設計、產品展示、包裝提案等場景。

最終效果

製作流程

步驟 1：繪製碗體橫截面輪廓

• 新建文件，RGB 模式
• 鋼筆工具 (P) 在畫板左側繪製碗體半側截面線（開放路徑）
• 關鍵點：底部平直、側壁外擴、邊緣外翻、底部足部內收
• 確保路徑端點水平對齊（Shift 拖拽約束）

步驟 2：應用 3D 繞轉效果

1. 選中截面路徑 → 效果 > 3D > 繞轉
2. 對話框設置：
   • 位置：等距左上/自定義旋轉 (X: -30°, Y: -20°, Z: 15°)
   • 繞轉軸：左側/右側（視截面朝向）
   • 角度：360°（完整體）或 180°（半剖面）
   • 表面：塑膠著色/線框/無陰影（後續自行著色）
3. 確定後 → 物件 > 擴展外觀 將 3D 效果轉為可編輯矢量群組

步驟 3：材質著色與高光處理

• 取消群組 (Ctrl+Shift+G) 至單一路徑層級
• 主體填充：徑向漸變模擬陶瓷質感（紅色系：深紅→亮紅→高光白）
• 高光帶：筆刷工具 (B) 繪製細長橢圓，填白→透明徑向漸變，混合模式「螢幕」，置於邊緣高光位置
• 陰影面：內側壁添加線性漸變 (基底色→深色)，模擬陰影漸變

步驟 4：花紋貼圖映射

1. 準備花紋素材：矢量花紋/圖案色板/高解析度圖片
2. 選中碗體表面群組 → 外觀面板 點擊「3D 繞轉」效果重新進入編輯
3. 點擊「貼圖」按鈕 → 選擇面編號 (通常側壁為面 1/2) → 選擇符號/圖案 → 「縮放以適合」
4. 調整位置、縮放、旋轉使花紋自然貼合曲面
5. 透明度面板：混合模式「正片疊底/柔光」，不透明度 60-80%

進階技巧與變體

非破壞編輯優勢

所有 3D 參數、材質、貼圖均保留在「外觀面板」中，隨時可：

• 雙擊「3D 繞轉」修改角度/位置/透視
• 調整漸變色標即時改色
• 替換貼圖符號更新花紋
• 添加「投影/發光/羽化」效果疊加

多碗體組合場景

1. 複製碗體群組，縮放/旋轉/位移構建堆疊/排列場景
2. 統一光源：所有碗體共用一組漸變角度與高光邏輯
3. 添加地面投影：橢圓漸變 (黑→透明)，高斯模糊，正片疊底

導出應用

• UI 圖標：簡化細節，導出 SVG/PNG 多尺寸
• 包裝提案：300dpi CMYK 導出 PSD 分層，PS 精修後植入場景
• 動態展示：導入 After Effects + Bodymovin 輸出 Lottie JSON

避坑指南

常見問題	原因	解決方案
繞轉後出現缺口/扭曲	截面端點未水平對齊/路徑自交	白箭頭對齊端點 Y 座標；簡化路徑 (物件 > 路徑 > 簡化)
貼圖變形嚴重	曲面展開 UV 畸變	截面簡化減少錨點；花紋改用無縫圖案色板
擴展外觀後群組過深	3D 生成結構複雜	選中群組 → 物件 > 取消群組 重複 3-4 次至單層路徑
漸變方向錯亂	擴展後漸變相對物件局部座標	漸變工具 (G) 重新拖動定義方向；或改用自由形式漸變

「3D 繞轉 + 貼圖映射」是 Illustrator 從平面邁向立體表現的橋樑。掌握此技法，你能在純矢量環境下產出具備空間感的產品級插畫，且保持無限縮放與可編輯性——這正是矢量 3D 的獨特價值。