本教程以一幅「調皮男孩與衣櫃怪獸」的敘事插畫為例,完整記錄「概念草圖 → 色彩腳本 → 光源設計 → 分層繪製 → 材質疊加 → 後期統一」的商業插畫製作流程,展示專業插畫師如何將零散技巧整合為可控管線。
一、前期策劃與參考(步驟 1-4)
- 核心概念:霸凌男孩打開衣櫃,怪獸探出,男孩驚恐/好奇交織,怪獸其實也很害怕——雙向反轉製造戲劇張力。
- 參考蒐集:皮克斯《怪獸電力公司》概念圖、童書插畫風格板、月光/門縫光照片、木紋/皮膚/魚缸玻璃材質庫。
- 草圖迭代:多張小草圖探索構圖(圖 01)→ 精修線稿確定透視/比例/表情(圖 02)。
- 色彩腳本:主光源(窗外月光,冷藍
#3A5BA0)、副光源(門外走廊暖黃 #FFB800)、環境光(室內微光),確立「冷暖對撞」色調(圖 03-04)。
最終效果
圖 01:概念草圖
圖 02:精修線稿
圖 03:色彩腳本
圖 04:雙光源設計
二、分層繪製管線(步驟 5-12)
- 線稿引導層:頂層置放線稿(不透明度 30%),作為全程參考,繪製完成後隱藏(圖 05a-b)。
- 筆刷標準化:圓形硬邊畫筆、硬度 85-90%、間距 1%、形狀動態關、其他動態「筆壓控制不透明度/流量」(圖 06),全畫面統一筆觸語言。
- 色塊鋪底(正片疊底/疊加模式):按「背景→傢俱→男孩→怪獸→魚缸→衣櫃」順序,大色塊鋪底色,不透明度 60-80%,保留線稿顯示結構。
- 皮膚/布料/木紋材質疊加:
- 男孩臉部/手部:疊加模式貼皮膚紋理圖(高通濾波提取),不透明度 15%(圖 08a-b)。
- 衣服/衣櫃/獎杯:疊加模式貼木紋/金屬紋理,不透明度 20-30%(圖 07a-b、圖 12)。
- 怪獸體積構建:大色塊建立體積 → 專用筆刷(形狀動態「角度抖動=方向」+筆壓控制大小)順毛流/鱗片方向刷出細節(圖 09-10)。
- 牙齒/眼/唇等微結構:多邊形套索精確選區 → 加深/減淡/畫筆在選區內操作,確保邊緣銳利不外溢(圖 09 牙齒陰影規劃)。
- 魚缸/水/魚:抽象筆刷製磨損玻璃 → 隨機白點做氣泡 → 魚體簡化色塊+高光點(圖 11)。
- 環境細節補全:牆壁紋理、衣櫃內衣物、獎杯反射、前景塵埃粒子(圖 12)。
圖 05a:線稿層
圖 05b:隱藏線稿後
圖 06:筆刷設置
圖 07a-b:衣服木紋疊加
圖 08a-b:皮膚紋理疊加
圖 09:牙齒陰影規劃
圖 10a-b:怪獸專用筆刷
圖 11:魚缸細節
圖 12:環境補全
三、後期統一與輸出(步驟 13-14)
- 高反差保留濾鏤:合併可見層 → 濾鏤 → 其他 → 高反差保留(半徑 2-3 px) → 模式「疊加/柔光」,增強細節銳度(圖 13)。
- 環境色統一:新建填色圖層
#1A3A5C(深藍),模式「柔光/顏色」,不透明度 10-15%,統一畫面冷調氛圍(圖 13)。
- 簽名、色彩配置檔嵌入、導出 sRGB JPEG/PNG 多版本。
圖 13:高反差保留+藍色環境濾鏡
最終圖
四、專業管線心法
- 參考先行,無參考不設計:每個材質/光影決策都有對應參考圖支撐。
- 筆刷標準化,減少認知負荷:全畫面 90% 只用 1-2 支主力筆刷,參數固定,專注觀察與決策。
- 選區保護,局部不破壞整體:所有細節操作均在選區/蒙版內進行,隨時可回滾。
- 分階段驗收:草圖定構圖 → 色稿定調性 → 細節分模組並行 → 統一調色 → 輸出,每階段有明確驗收標準。