工業設計表現圖中，鼠標作為「曲面轉折豐富、材質對比強烈、結構精確度要求高」的典型案例，是檢驗PS渲染功力的絕佳標靶。本教程以雷柏3100為藍本，展示從白模分色到材質渲染、細節刻畫、環境融合的完整產品級工作流，全程鋼筆+選區+圖層樣式+加深減淡，無需3D軟件即可產出商業級靜態渲染圖。

最終效果

結構拆解與分層策略

作者將鼠標拆解為五大獨立材質區塊，各自獨立圖層組管理：

• 背景層：中性灰環境光
• 白色上蓋區：高光白塑膠/烤漆，大面積曲面轉折
• 灰色側裙區：啞光/磨砂塑膠，側面按鍵結構
• 金色裝飾帶：陽極氧化/電鍍金屬條，窄長高光
• 按鈕與滾輪：多材質組合（塑膠、橡膠、金屬軸）

14步標準化渲染管線

階段一：白模分色與基礎立體 (步驟 1-4)

步驟 1：新建畫布，淺灰背景。鋼筆勾勒白色上蓋外輪廓，填充基礎白/淺灰。

步驟 2：新建圖層，剪貼至白色上蓋層。畫筆模式「正片疊底」，低不透明度 (10-20%)，前景色灰色，刷出大面積明暗轉折，建立曲面體積感。核心技巧：剪貼蒙版限制繪畫範圍，防止溢出。

步驟 3：鋼筆勾勒金色裝飾帶輪廓，填充土黃色。添加雜色 (勾選單色) 模擬金屬顆粒感。添加投影樣式建立厚度。

步驟 4：加深/減淡工具 (曝光度 10-15%) 精修金色帶明暗轉折，強化棱角與彎曲面轉折。

階段二：高光體系構建 (步驟 5)

高光分層策略：
• 銳利高光 (鏡面反射)：鋼筆勾選區 → 新建圖層填白 → 低不透明度 (5-15%) → 單獨圖層便於獨立調整
• 柔和高光 (漫反射/邊緣光)：同上 + 圖層蒙版黑白漸變羽化邊緣
• 環境反光：取環境色低不透明度噴槍輕掃

階段三：按鈕與滾輪專項 (步驟 6-9)

按鈕：鋼筆繪製弧形路徑 → 灰色畫筆描邊路徑 → 新建圖層橢圓選區填灰 → 加深減淡工具出明暗

滾輪：無鋸齒簡化版。畫筆直接繪製弧線 → 同樣用「正片疊底畫筆」刷明暗 → 邊緣高光單獨圖層處理

階段四：投影與接地氣 (步驟 10-13)

關鍵動作：
1. 白色上蓋、金色帶下方各新建投影圖層，鋼筆勾投影形狀，填黑，高斯模糊，低不透明度
2. 灰色側裙區域補繪：背景與白蓋之間新建層，鋼筆勾輪廓填色，加深減淡出高光陰影
3. 側裙細節：鋼筆勾兩條平行線 (深灰+白)，低不透明度，表現分模線/注塑痕
4. 全局投影：關閉背景 → 蓋印可見圖層 (Ctrl+Alt+Shift+E) → 移至背景上方 → 加深+高斯模糊 → 添加投影樣式

階段五：材質貼圖與最終潤色 (步驟 14)

疊加紙質/織物/細微劃痕素材，混合模式「疊加/柔光」，不透明度 5-15%，賦予表面微觀真實感。整體檢視，調整對比度、色溫、銳度，完成交付。

產品渲染核心方法論總結

核心原則	本教程體現	通用指導
結構先行	鋼筆精準勾勒每個構件輪廓	路徑面板保存所有路徑，修改結構只動路徑不動像素
材質分層	五大材質區塊獨立圖層組	命名規範：Mat_WhiteCover, Mat_GoldTrim, Mat_ScrollWheel...
光影邏輯統一	單一主光源 (左上) 指導所有高光/陰影	新建「光源參考層」(箭頭+球體) 常駐畫面外參考
非破壞疊加	剪貼蒙版、調整圖層、智能濾鏡	任何階段可回溯修改參數，不損原始像素
細節分級	宏觀曲面→中觀結構線→微觀材質紋理	縮圖看大關係，實像素看微細節，兩不耽誤

從教程到實戰的遷移清單

• 替換參考圖為任意產品正側視圖，同流程渲染鍵盤、耳機、手機、水壺……
• 建立個人「材質樣式庫」：塑膠(啞光/高光)、金屬(拉絲/鏡面/陽極)、橡膠、玻璃、皮革……一鍵調用。
• 引入 3D 輔助：C4D/Blender 出白模線稿/遮罩/深度圖 → PS 精修，效率提升 80%。
• 輸出規範：分層 PSD 交付設計師/客戶，另存 PNG 供網頁/演示使用。

這不僅是畫鼠標的教程，更是一套「無 3D 產品渲染 SOP」。當你能在心中預演每一層圖層的功能、混合模式、不透明度，並能根據材質物理特性推導參數時，你就擁有了將任何工業產品「畫真」的能力。