圖標設計講究識別度、風格一致性與視覺平衡。本教程示範如何利用 Illustrator 的 3D 效果快速生成垃圾桶基礎立體結構，再配合路徑查找器、濾鏤與外觀面板，將其轉化為扁平化、風格統一的矢量圖標，適合 UI 介面、標識系統、信息圖表等場景應用。

核心工作流程

1. 2D 正投影繪製：用矩形、圓角矩形、橢圓工具繪製垃圾桶正面輪廓（桶身、蓋子、腳踏、把手）。
2. 3D 擠出生成立體：選中桶身路徑，執行效果 > 3D > 擠出與斜角，設定擠出深度、倒角樣式，獲得等軸測視角立體桶身。
3. 擴展與分解：執行物件 > 擴展外觀，再取消群組至單一路徑層級，分離頂面、側面、陰影面。
4. 扁平化風格重構：
   • 移除 3D 自帶的漸變網格，改用純色填充 + 線性漸變 模擬平面光影。
   • 使用路徑查找器 > 合併/減前/相交 整理重疊路徑。
   • 套用濾鏡 > 風格化 > 圓角 統一邊緣圓角半徑。
5. 細節添加：
   • 桶身垂直凹槽：矩形複製旋轉排列，路徑查找器「減去頂層」。
   • 回收標誌：三個箭頭組成循環，用「混合工具」生成等距排列。
   • 腳踏桿：圓角矩形 + 圓形鉸鏈點。
6. 風格統一：建立圖形樣式儲存填充/描邊/效果屬性，一鍵套用至同套圖標其他項目。

關鍵技巧詳解

3D 效果參數建議

• 位置：等軸測 - 上方
• 擠出深度：30-50pt（視圖標大小）
• 倒角：無 或 經典 2pt
• 表面：無陰影（後續手動添加扁平陰影）

扁平陰影製作

1. 複製主體形狀，填充深色（如主色調降低 30% 亮度）。
2. 向右下偏移 2-4px。
3. 執行效果 > 模糊 > 高斯模糊 (1-2px) 柔化邊緣。
4. 設為「正片疊底」混合模式，不透明度 40-60%。

濾鏡妙用：紋理感賦予

若需極簡紋理感，可對側面執行效果 > 素描 > 繪圖筆（描邊長度 5-10、明暗平衡 20-30、方向垂直），再物件 > 擴展外觀 > 即時描圖 > 忽略白色，獲得細微矢量紋理線條，豐富視覺層次而不失扁平風格。

實戰輸出規範

• 網格對齊：所有關鍵錨點吸附像素網格（視圖 > 像素預覽模式下檢查）。
• 尺寸標準化：畫板設為 64×64px / 128×128px 等標準尺寸，圖標留白 4-8px 安全區。
• 色彩系統：建立全局色板（主色、輔助色、中性灰），確保多圖標配色一致。
• 匯出格式：SVG（網頁/APP）、PDF（印刷）、PNG 系列（不同倍率 @1x/@2x/@3x）。

延伸練習

嘗試用相同流程設計：郵箱、資料夾、雲端同步、設定齒輪等圖標，構建一套完整的「極簡 3D 風格圖標集」。注意保持：統一視角（等軸測/正視圖）、統一圓角半徑、統一描邊粗細、統一陰影偏移/模糊/透明度參數。

結語

「3D 效果生成立體骨架 → 擴展分解 → 扁平化風格重構 → 細節裝飾 → 風格標準化」，這套流程讓你既能享受 3D 快速建模的便利，又能掌握扁平圖標設計的精髓。垃圾桶圖標只是開始，掌握這套方法論，你將能高效產出任何風格統一的專業級矢量圖標系統。