萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

Photoshop 鼠繪《衣櫃裡的怪獸》:從參考蒐集到材質融合的敘事插畫完整流程

本教程以一幅「調皮男孩與衣櫃怪獸」的敘事插畫為例,完整記錄「概念草圖 → 色彩腳本 → 光源設計 → 分層繪製 → 材質疊加 → 後期統一」的商業插畫製作流程,展示專業插畫師如何將零散技巧整合為可控管線。

一、前期策劃與參考(步驟 1-4)

  1. 核心概念:霸凌男孩打開衣櫃,怪獸探出,男孩驚恐/好奇交織,怪獸其實也很害怕——雙向反轉製造戲劇張力。
  2. 參考蒐集:皮克斯《怪獸電力公司》概念圖、童書插畫風格板、月光/門縫光照片、木紋/皮膚/魚缸玻璃材質庫。
  3. 草圖迭代:多張小草圖探索構圖(圖 01)→ 精修線稿確定透視/比例/表情(圖 02)。
  4. 色彩腳本:主光源(窗外月光,冷藍 #3A5BA0)、副光源(門外走廊暖黃 #FFB800)、環境光(室內微光),確立「冷暖對撞」色調(圖 03-04)。

最終效果

圖 01:概念草圖

圖 02:精修線稿

圖 03:色彩腳本

圖 04:雙光源設計

二、分層繪製管線(步驟 5-12)

  1. 線稿引導層:頂層置放線稿(不透明度 30%),作為全程參考,繪製完成後隱藏(圖 05a-b)。
  2. 筆刷標準化:圓形硬邊畫筆、硬度 85-90%、間距 1%、形狀動態關、其他動態「筆壓控制不透明度/流量」(圖 06),全畫面統一筆觸語言。
  3. 色塊鋪底(正片疊底/疊加模式):按「背景→傢俱→男孩→怪獸→魚缸→衣櫃」順序,大色塊鋪底色,不透明度 60-80%,保留線稿顯示結構。
  4. 皮膚/布料/木紋材質疊加:
    • 男孩臉部/手部:疊加模式貼皮膚紋理圖(高通濾波提取),不透明度 15%(圖 08a-b)。
    • 衣服/衣櫃/獎杯:疊加模式貼木紋/金屬紋理,不透明度 20-30%(圖 07a-b、圖 12)。
  5. 怪獸體積構建:大色塊建立體積 → 專用筆刷(形狀動態「角度抖動=方向」+筆壓控制大小)順毛流/鱗片方向刷出細節(圖 09-10)。
  6. 牙齒/眼/唇等微結構:多邊形套索精確選區 → 加深/減淡/畫筆在選區內操作,確保邊緣銳利不外溢(圖 09 牙齒陰影規劃)。
  7. 魚缸/水/魚:抽象筆刷製磨損玻璃 → 隨機白點做氣泡 → 魚體簡化色塊+高光點(圖 11)。
  8. 環境細節補全:牆壁紋理、衣櫃內衣物、獎杯反射、前景塵埃粒子(圖 12)。

圖 05a:線稿層

圖 05b:隱藏線稿後

圖 06:筆刷設置

圖 07a-b:衣服木紋疊加

圖 08a-b:皮膚紋理疊加

圖 09:牙齒陰影規劃

圖 10a-b:怪獸專用筆刷

圖 11:魚缸細節

圖 12:環境補全

三、後期統一與輸出(步驟 13-14)

  1. 高反差保留濾鏤:合併可見層 → 濾鏤 → 其他 → 高反差保留(半徑 2-3 px) → 模式「疊加/柔光」,增強細節銳度(圖 13)。
  2. 環境色統一:新建填色圖層 #1A3A5C(深藍),模式「柔光/顏色」,不透明度 10-15%,統一畫面冷調氛圍(圖 13)。
  3. 簽名、色彩配置檔嵌入、導出 sRGB JPEG/PNG 多版本。

圖 13:高反差保留+藍色環境濾鏡

最終圖

四、專業管線心法

  1. 參考先行,無參考不設計:每個材質/光影決策都有對應參考圖支撐。
  2. 筆刷標準化,減少認知負荷:全畫面 90% 只用 1-2 支主力筆刷,參數固定,專注觀察與決策。
  3. 選區保護,局部不破壞整體:所有細節操作均在選區/蒙版內進行,隨時可回滾。
  4. 分階段驗收:草圖定構圖 → 色稿定調性 → 細節分模組並行 → 統一調色 → 輸出,每階段有明確驗收標準。
copyright © 萬盛學電腦網 all rights reserved