滑鼠作為曲面豐富、材質多變（哑光塑膠、鏡面鍍鉻、橡膠側裙、滾輪紋路）的工業產品，是練習 Illustrator 網格工具寫實渲染的絕佳題材。本教學展示從外輪廓勾勒、分體網格暈染、組件獨立製作、組裝合成、投影佈光的完整流程，全程矢量、無限縮放。

一、 大體結構拆分與輪廓精準度

1. 鋼筆工具繪製：上蓋外殼、側面橡膠、左/右鍵分離面、滾輪輪廓。關鍵：外輪廓精度決定網格線走向品質，反覆對照參考圖微調錨點手柄，確保曲線流暢符合人體工學曲面。
2. 各主體部件獨立圖層，命名規範：Shell_Top, Shell_Side, Button_L, Button_R, Wheel 等。

二、 分體網格暈染：材質差異化表現

1. 上蓋/側面（哑光塑膠）：網格線順應曲面橫截面，關鍵部位（頂部高光脊、側面反光帶、邊緣卷緣）加密網格點。吸管工具從參考圖採樣：高光點 (R220 G220 B220)、中間調 (R180 G180 B180)、陰影 (R100 G100 B100)、邊緣暗部 (R60 G60 B60)。
2. 左右鍵（鏡面/哑光雙材質）：鍵帽頂面網格稀疏表現大面鏡面高光；側面網格密集表現哑光質感。利用「封套扭曲」微調網格邊緣貼合銳利倒角。
3. 滾輪（橡膠紋路）：圓環路徑 + 徑向漸變模擬圓柱體積感，表面紋路用「混合工具」生成等距細線，或極細網格點陣（不推薦，節點過多）。

三、 組裝與空間關係

1. 將各部件拖入主文件，對齊組裝。底層置黑色矩形/漸變拉伸空間感。
2. 圖層疊順：底盤 → 側面 → 上蓋 → 鍵帽 → 滾輪。確保遮擋關係正確。

四、 細節組件：徑向漸變與簡化策略

• 滾輪編碼器/感應珠：小圓形 + 徑向漸變 (白→灰→黑) 瞬間得球體感，複製排列。
• 底部腳貼/感應窗：圓角矩形 + 線性漸變模擬薄膜反光。
• 原則：小尺寸/次要部件優先用漸變/效果替代網格，控制總節點數，保證檔案流暢度。

五、 滾輪組裝與投影收尾

1. 滾輪外殼 + 紋路疊加 + 內部軸心 → 群組置入滾輪槽。
2. 投影：鋼筆勾勒投影輪廓（參考主體剪影、透視變形） → 填黑 → 高斯模糊 5-8 px → 混合模式「正片疊底」→ 不透明度 30-40% → 置於最底層。
3. 可選：添加背景漸變、倒影（垂直鏡像+漸變蒙版淡出）。

總結

「大件用網格、小件用漸變、組裝重疊序、投影定空間」——這套矢量產品渲染 SOP，適用於滑鼠、鍵盤、手機、耳機、家電等所有消費性電子產品概念圖製作。熟練後單件 4-6 小時可出印刷級成果，且後續修改顏色/材質/角度只需調整網格點/漸變參數，無需重渲染。