本教程展示一幅商業級卡通海盜角色插畫的完整 5-6 小時製作過程。採用標準專業流程：掃描草稿 → 藍色背景 → 線稿層 20% 不透明度 → 鋼筆工具勾勒各部位矢量形狀填基底色 → 每部位建組包含「基底色」「陰影(疊加)」「高光(正片疊底)」三層 → 柔角畫筆按壓感繪製陰影高光 → 紋理圖層「正片疊底」模式疊加衣服紋理 → 眼睛高斯模糊邊緣+陰影高光疊加 → 嘴巴「顏色」模式層畫紅點+陰影高光+複製層向下移刪除做厚度 → 骷髏頭同邏輯處理。教程完整呈現了「矢量形狀為骨架、柵格光影為血肉、圖層模式為調色台」的專業插畫核心邏輯。

最終效果預覽

核心工作流步驟

1. 草稿與畫布：掃描草稿（圖 1）。新建 2000×1800 白底文件，背景填 #3686c3 藍色命名「背景顏色」（圖 2）。載入草稿層命名「素描」不透明度 20%（圖 3）。
2. 矢量形狀構建骨架：鋼筆工具勾頭部形狀（圖 4） → 路徑右鍵「建立選區」 → 新層填灰命名「頭」 → Ctrl+G 組合命名「頭」 → 組內新建「陰影」層模式「疊加」、新建「光」層模式「正片疊底」（圖 5-6）。所有部位（身體、帽子、衣服、手、腳…）重複此結構（圖 7）。
3. 基底色填充：鎖定各「基底色」層透明像素，用 100% 硬筆刷填膚色 #f4bc83 等（圖 8）。
4. 陰影高光繪製：選「陰影」層 Ctrl+點擊 基底層載入選區 Ctrl+H 隱藏虛線 → 柔角筆 10px 透明度 66% 從基底色向暗色繪製陰影（圖 9-10）。選「光」層同法向亮色繪製高光（圖 11）。所有部位重複（圖 12-13）。
5. 紋理疊加：導入黑白紋理圖置於陰影高光間，命名「紋理」模式「正片疊底」，載入部位選區反選刪除多餘（圖 14-16）。其他衣服同法（圖 17）。
6. 眼睛特殊處理：黑色邊框 濾鏡 > 模糊 > 高斯模糊 8px（圖 18） → 陰影層畫陰（圖 19） → 高光層畫亮（圖 20） → 橡皮擦修飾邊框（圖 21） → 左眼同法（圖 22）。
7. 嘴巴立體處理：新層模式「顏色」50-55% 柔角筆畫嘴邊紅點（圖 23） → 陰影層畫陰（圖 24） → 高光層畫亮（圖 25） → 複製嘴巴層置於高光層上（圖 26） → Ctrl+點擊 嘴巴層載入選區 → 選區下移 1px Delete 形成厚度（圖 27-28） → 黑白軟筆畫牙齒（圖 29）。
8. 骷髏頭飾：同陰影高光邏輯處理（圖 30）。

專業插畫圖層結構標準化模板

角色組
├── 部位組 (頭/身體/帽子/手/腳...)
│   ├── 基底色層 (形狀圖層/鎖定透明像素填色)
│   ├── 陰影層 (模式: 疊加 / 柔光)
│   ├── 高光層 (模式: 正片疊底 / 篩選/強光)
│   ├── 紋理層 (模式: 正片疊底 / 疊加, 可選)
│   └── 細節層 (眼睛/嘴巴/裝飾等特殊處理)
└── 整體效果組 (投影/邊緣光/色彩調整層...)

關鍵技法遷移指南

• 矢量形狀做基底：永遠銳利、可編輯、不失真，比像素填色專業得多。
• 三層光影法：基底色+疊加陰影+正片疊底高光，物理正確、易調整、不髒灰。
• 選區載入技巧：Ctrl+點擊 圖層縮略圖瞬間得精確選區，配合 Ctrl+H 隱藏虛線畫陰影超高效。
• 紋理正片疊底：黑白紋理疊加在彩色基底上，自動保留明暗變化只著色，極其高效。
• 厚度偽裝術：複製形狀層向下/向內移動 1-2px 刪除，瞬間得邊緣厚度感（嘴唇、按鈕、卡片邊緣通用）。

此工作流是商業插畫、遊戲美術、概念設計的標準作法。建議建立自己的 .psd 模板文件，新項目直接套用，專注於設計而非重複搭建結構。