作者簡介與教學定位

本教程由「忍冬の魚姬」（80 後夫妻檔插畫師、一卡漫插畫工作室創辦人）授權發布。作者長期為《新蕾》《花雨》《意林》《男生女生》等知名刊物繪製封面內頁，風格以**清新亮麗、調皮可愛的 Q 版人物**見長。教程使用 Adobe Photoshop CS3 + 友基繪影 G5 數位板，展示商業插畫從草稿到成品的標準化 SOP，極適合有繪畫基礎、想轉職商業插畫或提升接案效率的學習者。

成品預覽：陽光荷塘邊的童真戲碼

畫面敘事：小公主在荷花池旁想親吻青蛙，冷落一旁偷窺抓狂的王子殿下與侍女，充滿童趣張力。色調以高飽和度綠/粉/黃為主，光源設定為明媚正午陽光，陰影偏冷色系形成溫冷對比。

第一階段：文件建立與圖層管理規範

1.1 新建文件標準設置

• 解析度：300 dpi（印刷級標準）
• 尺寸：A4（210×297 mm）或依委託尺寸
• 色彩模式：RGB（螢幕/網路發布）或 CMYK（實體印刷），教程採 RGB 後期再轉檔
• 背景內容：透明

1.2 圖層分組命名規範（養成習慣＝省時 50%）

📁 刁蠻公主_成品
├─ 📁 06_最終調整（色階/曲線/濾鏡/文字）
├─ 📁 05_特效光影（高光/投影/光斑/大氣透視）
├─ 📁 04_上色群組
│  ├─ 📁 公主_皮膚/髮/眼/衣/飾
│  ├─ 📁 王子_侍女_同結構
│  ├─ 📁 環境_荷花/荷葉/水草/山/芭蕉
│  └─ 📁 線稿著色（Ctrl+U 著色法）
├─ 📁 03_線稿群組
│  ├─ 公主_頭髮/五官/衣飾/手腳
│  ├─ 王子_侍女_同結構
│  └─ 環境_荷花/荷葉/水草/山/芭蕉
├─ 📁 02_精細草稿
└─ 📁 01_初稿構圖

**鐵律：每個可獨立修改的物件＝一個獨立圖層**，哪怕只是一片荷葉、一條飄帶。

第二階段：三輪草稿迭代法

2.1 初稿：構圖與敘事優先（圖層 01）

在腦中完成「畫面講什麼故事」後，用大筆刷（20px 硬度 50%）快速佈局：

• 主角動態線（S 型曲線最動人）
• 視覺引導線（公主視線→青蛙→王子）
• 前中後景層疊關係（荷葉前景遮擋、山脈遠景）
• 負空間分配（別塞滿，留呼吸感）

2.2 精細草稿：結構與透視修正（圖層 02）

初稿圖層不透明度降至 30%，新建圖層描繪：

• 人體比例修正（Q 版 2.5~3 頭身、手腳簡化為幾何體）
• 服裝結構展開（領口、袖口、褶皺走向遵循身體透視）
• 環境透視網格（荷葉同心圓、山體幾何塊面）
• 表情與手勢推敲（王子抓狂手勢、公主嘟嘴臉）

2.3 線稿定稿：乾淨利落的「3 號硬筆」

精細草稿降低不透明度，新建圖層群組「線稿群組」開始正式勾線：

• 筆刷：3px 硬度 100% 圓形、筆壓控制大小、最小直徑 30%
• 原則：一筆到位、不擦除重畫、線條閉合成面（利於後期魔棒選區上色）
• 重點難點：

髮絲與髮飾：立體感與疊壓關係

髮絲按「髮束」而非單根畫，注意：
① 髮頂蓬鬆感（線條向外發散）
② 耳後髮絲壓在臉頰上（疊壓關係）
③ 髮飾金屬質感：雙線條表現厚度、高光留白預留

服裝與飛帶：層次感與飄逸動勢

領口厚度雙線表現、袖口鬆緊帶褶皺、裙擺飛帶用 S 曲線貫穿畫面引導視線、鞋底厚度勾勒。飛帶「前粗後細、虛實相間」增強空間感。

遠景人物：簡化但不失神韻

王子與侍女縮小至公主 1/3，五官簡化為幾筆，但**表情誇張（抓狂效果線）、手勢明確（指向公主）、服裝層次保留**，小處見真章。

環境線稿：質感對比與圖層分離

• 荷花/花蕊：圓潤柔和線條、花瓣重疊關係清晰
• 背景山石：硬朗直線、棱角分明表現岩石質感
• 芭蕉葉：大幅度 S 曲線、葉脈簡化為幾筆
• **每類元素獨立圖層**：山_圖層、竹葉_圖層、芭蕉_圖層、荷花_圖層……

2.4 線稿著色：Ctrl+U 讓線稿融入色調

線稿完成後，對每個線稿圖層按 Ctrl+U 開啟「色相/飽和度」，勾選「著色」，明度 +20~30，色相調至接近該物件基底色（如髮線調深棕、衣線調深綠）。**彩色線稿比純黑線稿更溫柔、更融合畫面**。

第三階段：分區上色標準化流程

所有上色在「線稿群組」下方進行，遵循**「選區 → 填充基底色 → 鎖定透明像素 → 繪製陰影高光」**四步驟。

3.1 皮膚：兩頭虛畫筆走勢跟隨結構

• 魔棒選取皮膚線稿閉合區域 → 新建圖層填充膚色 #ffdbc9
• 鎖定透明像素（/ 鍵），兩頭虛軟邊畫筆（不透明度 20%、流量 50%）
• 光源設定：左上方主光源 → 陰影分佈：髮際線、眼窩、鼻翼、下頜、脖頸陰影面
• 嘴型修正：上色過程發現嘴型不滿意，即時在線稿層修改再重新填色

3.2 眼睛：靈魂之窗的五層構建法

1. 基底色：虹膜主色調（如 #6b4e3d）
2. 瞳孔與邊緣深色：比基底色暗 30%（#3a2b1f）
3. 加深工具（範圍：中間調、曝光度 15%）強化上眼皮陰影、瞳孔邊緣
4. 減淡工具（範圍：高光、曝光度 10%）提亮瞳孔下方、製造通透感
5. 高光層：新建圖層「螢幕模式」，白色硬邊 2~3px 點繪主高光+次高光

3.3 髮色：層次豐富的三色漸變法

• 基底色：中性棕 #5d3a1a
• 陰影色：基底色降低亮度 20%、增加飽和度 10%（#3d2510）繪製髮束深處
• 高光色：基底色提高亮度 25%、降低飽和度 15%（#8a6b42）順髮向掃繪高光帶
• 最後：全虛橡皮筆刷擦除多餘高光，保留球體頂部最亮區

3.4 飾品：金屬質感三要素

金屬飾品必須表現：體積厚度（雙線條）、反光高光（鏡面點）、環境反射（周圍顏色映射）。花卉飾品則區分花瓣層次，疊加模式疊花紋理。

3.5 服裝與環境：群組化批量上色

衣服按顏色區塊分圖層（上衣、裙擺、飛帶、鞋子），每層鎖定透明像素獨立上色。環境元素同理：荷花群組、荷葉群組、山石群組……陰影色統一用「基底色降亮度 20%+色相偏冷 10°」，高光色「基底色增亮度 20%+色相偏暖 10°」，全圖色調統一協調。

第四階段：最終調整與輸出

1. 整體色階/曲線：提高對比度 10%，高光微提、陰影微壓
2. 色彩平衡：高光加暖（+10 黃/+5 紅）、陰影加冷（+10 青/+5 藍）
3. 銳化：濾鏡 > 銳化 > USM（量值 80%、半徑 0.8、門檻 1）僅銳化線稿與關鍵細節
4. 簽名與版權標記：右下角添加簽名圖層
5. 輸出格式：存檔 PSD（保留圖層）、JPG 300dpi（印刷）、PNG 透明底（網路/合成）

商業接案效率心法

「分圖層不是強迫症，是給修改留後路。客戶改『把公主裙子換成藍色』、『王子表情改開心』時，你只需打開對應群組改幾個圖層，而不是重畫整張圖。」—— 忍冬の魚姬

• 建立個人「Q 版人體模板」「常用筆刷組」「標準圖層結構範本」
• 接案前與客戶確認：尺寸、色彩模式、修改輪數、源檔交付與否
• 階段性送審：草稿確認 → 線稿確認 → 上色確認 → 成品，每階段簽收減少返工

這套流程經過數百張商業插畫驗證，兼顧畫質與效率。現在，拿起數位筆，開啟 PS，開始創作屬於你的故事畫面吧！