電熱水壺是工業設計表現經典練習題：不鏽鋼壺身（高反光、銳利高光、環境映射）、塑膠把手/底座（哑光、柔和過渡）、水位窗（透明/折射）、開關細節（微操作面板）。本教程以漸變網格為核心武器，攻克多材質共存的渲染難題。

成品：質感真實、高光銳利、材質對比鮮明的電熱水壺矢量渲染圖

材質分析與網格策略

部件	材質	網格策略	關鍵點
壺身主體	拉絲不鏽鋼	圓柱展開網格 + 高密度縱向線	銳利高光條、環境反射條、彎曲面扭曲
壺蓋/嘴嘴	不鏽鋼/塑膠	獨立網格物件	邊緣銜接、材質分界線處理
把手	塑膠/矽膠	彎曲管狀網格	人體工學曲面光影、握持凹陷
底座/開關	塑膠/金屬觸點	幾何基礎 + 局部網格	按鍵凹陷感、指示燈發光
水位窗	透明塑膠	無網格，漸變+透明度蒙版	折射邊緣、水位線、氣泡細節

關鍵技術拆解（對應教程圖示步驟）

1. 壺身主體網格構建（圖 1-3）

• 矩形網格起形 → 直接選擇工具 (A) 拉動錨點貼合壺身輪廓
• 縱向網格線密集、橫向稀疏，順應圓柱體縱向反射特性
• 網格點顏色採樣：高光純白/高亮灰、中間調中性灰、陰影深灰/帶環境色

2. 高光條與反射帶的精準控制（圖 4-6）

• 高光條：極窄網格列，色標位置極窄，模擬銳利鏡面反射
• 環境反射帶：較寬網格區，顏色採樣環境色（如天空藍、地面暖灰），模糊過渡
• 網格線走向在壺嘴、壺蓋連接處自然扭曲匯聚，不生硬截斷

3. 把手與底座：材質轉換的邊界處理（圖 7-9）

• 把手獨立網格，色相偏暖/飽和度降低，高光擴散、無銳利反射
• 與壺身連接處：共用邊緣網格點，顏色強制過渡，避免縫隙
• 底座幾何體積感用簡單漸變，開關面板用細網格表現按鍵凹陷

專業級避坑指南

1. 網格密度分級：高光區 > 轉折區 > 平面區，不要平均佈網
2. 色相鎖定：不鏽鋼全程鎖定在灰藍色系，只調明度/飽和度，防止「生鏽」
3. 共享邊緣：相鄰部件邊緣網格點座標重合、顏色互採，確保無縫銜接
4. 外觀面板管理：每部件建立獨立圖層/群組，命名規範（Body_Mesh, Handle_Mesh...）
5. 像素預覽隨時檢查：Alt+Ctrl+Y 切換，確保導出 PNG/SVG 邊緣銳利無毛刺

延伸應用：產品渲染組件庫

• 將壺身/把手/蓋/底座存為符號，配合圖形樣式存儲材質屬性
• 新產品只需：替換輪廓路徑 → 套用符號/樣式 → 微調網格點 → 完成
• 導出多視角渲染圖：正視/側視/45°/爆炸圖，支援設計評審與營銷物料

電熱水壺教會的不只是畫家電，而是「多材質共存場景下的矢量渲染協議」：材質分區、網格分級、邊緣共享、參數化管理。這才是工業設計表現的專業標準。