最終效果

核心思路：四層疊加構建偽 3D 深度

本教程利用 Illustrator 矢量網格與動態上色，配合 3D 擠壓倒角效果，最終在 Photoshop 合成潤色。關鍵在於將像素角色拆解為四個 Z 軸層級：

• 第 1 層（底層）：身體主體、項鏈前段
• 第 2 層（中層）：項鏈中段、嘴部透明區域
• 第 3 層（中上層）：項鏈後段、手部細節
• 第 4 層（頂層）：頭部飾物、最高光區

Illustrator 階段：像素網格繪製

1. 模板導入與網格建立

1. 新建文檔，置入參考圖，雙擊圖層啟用「模板」模式（自動鎖定、50% 透明度）
2. 選取 矩形網格工具（長按線段工具呼出），設置：水平分隔 27、垂直分隔 14，拖曳覆蓋模板

2. 動態上色高效填色

1. 選中網格，按 K 呼出實時塗桶工具
2. 按 I 吸管取色模板，K 填色，來回切換高效著色
3. 完成後按 / 移除網格描邊

3. 四層拆分關鍵細節

嚴格按 Z 軸順序分配像素塊到四個圖層，特別注意：

• 第 1 層：項鏈前段、身體主體
• 第 2 層：項鏈中段透明間隙、嘴部透明區
• 第 3、4 層：遞遞後移元素

3D 效果生成與固體化處理

方案 A：直接擠壓倒角（保留像素格狀）

效果 > 3D > 擠壓和斜角，調整擠壓深度與圓角斜角。適合保留像素風格作品。

方案 B：Live Paint 擴展 → 尋邊合併 → 固體塊 3D（平滑立體）

1. 對象 > 實時塗鴉 > 擴展
2. Cmd/Ctrl+Shift+G 取消編組，魔棒工具（容差極低）按顏色選取同色塊
3. 尋邊面板「合併」模式將同色像素合併為固體路徑
4. 重新編組（Cmd/Ctrl+G），再次應用 3D 擠壓倒角

四層 3D 疊加與細節修補

1. 依次對四層應用相同 3D 參數
2. 鍵盤方向鍵微調層級對齊，觀察負空間（嘴部、頸部）形成的立體凹槽
3. 修補 3D 人工痕跡：同色矩形補丁覆蓋異常線條，或後期 PS 修復

Photoshop 後期強化建議

• 導入 PS 後添加投影、環境光遮蔽（AO）、色彩分級
• 使用「濾鏡 > 相機原始濾鏡」統一色調與對比度
• 添加粒狀、暗角、色差等複古質感
• 嘗試動畫時間軸製作像素呼吸/旋轉循環動圖

避坑指南

⚠️ Illustrator 3D 效果非真實 3D 引擎，複雜幾何易產生人工痕跡。
⚠️ 四層像素對齊需像素級精確，一像素偏移即破壞立體感。
⚠️ 透明區域（嘴、項鏈間隙）必須在對應層留空，不可填色。
✅ 建議先完成純 2D 像素畫，滿意後再啟動 3D 流程。