任天堂 Wii U 主機以其獨特的矩圓機身、非對稱手柄佈局與控制器觸控螢幕，是產品級拟物化繪製的絕佳練習題材。本教程將引導你在 2-3 小時內，運用矢量形狀、圖層樣式、智能濾鏡與手繪細節，完成一張可商用級的 Wii U 主機渲染圖。

最終效果預覽

成品包含主機本體、GamePad 手柄、攝像頭模組、搖桿細節等全組件，材質涵蓋哑光塑膠、高光鋼琴烤漆、金屬拉絲、玻璃鏡面：

項目規劃與圖層架構

建議建立以下圖層組結構（自下而上）：

WiiU_Render
├── Background
├── Console_Base
│   ├── Body_Shape
│   ├── Body_Styles
│   ├── Body_Shadow
│   └── Details (Slots, Vents, LEDs)
├── GamePad
│   ├── Base_Shape
│   ├── Buttons_Group
│   │   ├── Left_Stick
│   │   ├── Right_Stick
│   │   ├── DPad
│   │   ├── ABXY
│   │   ├── LR_Triggers
│   │   └── Home/Select/Start
│   ├── Touchscreen
│   ├── Camera_Module
│   ├── Speaker_Grille
│   └── Grips_Texture
├── Global_Lighting
│   ├── Ambient_Occlusion
│   ├── Key_Light
│   ├── Rim_Light
│   └── Ground_Shadow
└── Color_Grading

核心制作階段

階段一：主機本體建模（約 40 分鐘）

1. 基礎形狀：新建 1920×1290 px 文檔。圓角矩形工具（U），半徑 200 px，繪製 1400×380 px 主體形狀，填充 #2C2C2E
2. 核心材質樣式（雙擊圖層套用）：
   斜面浮雕：風格「外部斜面」，技巧「鑿刻清晰」，深度 120%，方向「向上」，大小 8 px，柔化 2 px，角度 120°，高度 35°，高光「線性減淡」#FFFFFF 25%，陰影「線性加深」#000000 40%
   內陰影：距離 3 px，大小 8 px，噪點 5%，#000000 35%（頂部邊緣內凹感）
   漸變疊加：線性漸變 90°，#3A3A3C (0%) → #2C2C2E (50%) → #1F1F21 (100%)，混合模式「疊加」，不透明度 30%
   描邊：1 px，內部，#0A0A0C，不透明度 80%（邊緣勾邊）
   投影：距離 6 px，大小 12 px，#000000 30%
3. 將圖層命名「Console_Base」，複製一層置於下方 → 清除樣式 → 矢量蒙版填充黑 → 濾鏡 → 模糊 → 高斯模糊 4 px → 不透明度 40% → 命名「Console_Shadow」

階段二：GamePad 手柄基礎與側邊按鈕（約 50 分鐘）

1. 手柄主體：鋼筆工具（P）在主體圖層下方繪製手柄輪廓（寬 1600 px，高 420 px，左右對稱），填充 #2C2C2E
2. 左右側按鈕區：鋼筆繪製左側按鈕基座形狀 → 複製 → 編輯 → 變換 → 水平翻轉 移至右側 → 套用樣式：
   斜面浮雕：內部斜面，大小 4 px，高光「線性減淡」20%
   內陰影：距離 2 px，大小 4 px，#000 30%
   漸變疊加：線性 90°，#333→#222，疊加 20%
   描邊：1 px 內部，#0A0A0C 60%

階段三：中央觸控螢幕與攝像頭模組（約 45 分鐘）

1. 螢幕外框：圓角矩形工具（半徑 8 px）繪製 1100×620 px 矩形，置中；橢圓工具繪製 Home 鍵圓形（直徑 48 px），置中下方
2. 螢幕材質：圓角矩形添加樣式——斜面浮雕（內部，大小 2 px）、內陰影（距離 1 px，大小 3 px）、漸變疊加（線性 90°，#0D0D0F→#1A1A1D，疊加 40%）、描邊（1 px 內部，#000 80%）
   Home 鍵：橢圓添加——色彩疊加 #3A3A3C、斜面浮雕（外部，大小 3 px）、內陰影（距離 1 px）、外發光（螢幕，#00FFFF 15%，大小 5 px）、描邊（1 px，#0A0A0C）
3. 攝像頭模組（多層同心圓構建）：
   使用橢圓工具（U）按 Shift+Alt 從中心向外繪製 5-6 個同心圓，每層遞減 4-6 px
   由內而外套用樣式：
   • 內圈：色彩疊加 #0D0D0F
   • 次圈：斜面浮雕（外部，大小 2 px）+ 內陰影 + 漸變疊加（徑向 #1A1A1D→#0D0D0F）
   • 外圈：斜面浮雕（外部，大小 4 px）+ 內發光（螢幕，#444 20%）+ 描邊（1 px #0A0A0C）
   完成後群組命名「Camera_Module」
4. 攝像頭高光條：鋼筆繪製細長橢圓路徑置於模組下方，填充白 → 濾鏡 → 模糊 → 高斯模糊 4-5 px → 載入螢幕外框選區 → 反選刪除多餘 → 不透明度 15%

階段四：搖桿、揚聲器與底部細節（約 35 分鐘）

1. 左/右搖桿：橢圓工具在手柄左右頂部繪製三組同心圓（外徑 120/90/60 px），由外而內套用樣式構建凹陷結構與凸起搖桿帽
2. 揚聲器格柵：矩形工具繪製細長孔洞 → 復制分佈 → 群組添加斜面浮雕（內部）+ 顏色疊加 #1A1A1D
3. 底部接口與麥克風：鋼筆繪製 USB-C、耳機孔、麥克風孔，統一添加內陰影+描邊表現深度

階段五：全局光影統一與材質微調（約 15 分鐘）

• 新建頂層調整組：曲線 提升對比（S 曲線），色彩平衡 高光 +8 紅/-5 藍（溫暖金屬感）
• 手繪環境光遮蔽（AO）：新建圖層「AO」，柔邊筆刷 30 px，#000 不透明度 8%，繪製接觸面陰影（機身底部、手柄握把內側、按鈕縫隙）
• 鋒利邊緣高光：新建圖層「Rim_Light」，1 px 硬邊白筆刷，繪製機身頂部邊緣、手柄側面捕光線
• 地面投影：合併主體組副本 → 填充黑 → 高斯模糊 12 px → 縱向縮放 30% → 漸變蒙版淡出 → 不透明度 25%

專業輸出規範

• 主文件保留完整圖層結構，命名規範、顏色標記（主體綠、手柄藍、細節黃）
• 導出規格：
  • 完整渲染圖：PNG-24 透明背景 1920×1290 px
  • 正交三視圖：關閉透視變換，輸出頂視/側視/正視 PNG
  • 爆炸圖：各組件沿軸向分離 50 px 輸出
  • 材質球：各材質樣式單獨導出 512×512 px 球體測試圖
• 交付包含：.psd 源文件、.png 系列、.svg 矢量輪廓、.ase 色板、README.md（圖層結構說明、字體授權、顏色值表）

效率提升技巧

• 動作錄製：將「建立基礎形狀→套用標準樣式→添加投影」錄製為動作，一鍵生成新組件
• 樣式庫：將哑光塑膠、鋼琴烤漆、金屬拉絲、玻璃等常用樣式存入「樣式」面板
• 智能對象嵌套：搖桿、按鈕等重複元件做成智能對象，修改一處處處更新
• 參考圖純化：將官方產品圖轉為線稿（濾鏡 → 圖庫 → 邊緣 → 邊緣描摹），置頂參考，Ctrl+; 切換顯隱

這個教程的核心價值不在於畫出 Wii U，而在於建立一套「從參考分析→矢量建模→材質系統→光影統一→規範輸出」的產品級繪製標準化流程。掌握後，你可以在 1-2 小時內完成同級別任意消費電子產品的渲染圖。建議下載任天堂官方 CAD 線圖或高清多角度實拍圖作為下一輪練習參考。