塗鴉風插畫以其「不完美的完美」——線條的顫抖、色塊的溢出、構圖的隨性，成為商業插畫中極具感染力的風格流派。本教學由資深插畫師實戰拆解，從掃描線稿到最終成品《I like》，完整呈現「色塊平鋪→暗面塑造→細節刻畫→投影立體→提亮收尾」的標準化上色流程，適合零基礎入門到商業接單的全階段學習者。

前期準備：線稿數位化關鍵細節

工具鏈：鉛筆草圖 → 水性筆勾線（推薦 Pigma Micron 0.3/0.5） → 掃描儀 300dpi 以上（建議 600dpi 灰度模式） → Photoshop 導入。

線稿預處理：色階 (Ctrl+L) 黑場滑塊右移至波形起始處，白場滑塊左移至波形末端，確保線條純黑、背景純白。去色 (Ctrl+Shift+U) 確保無色彩干擾。

圖層架構：非破壞性工作流基石

自下而上建立標準圖層結構（建議存為圖層組模板）：

1. 背景組：紙張紋理層（混合模式「正片疊底」）、底色填充層
2. 線稿組：線稿層（混合模式「正片疊底」，鎖定透明像素）、參考圖層
3. 上色組：各色塊獨立圖層（命名規範：色塊_部位_顏色，如「Base_Skin_Peach」）
4. 效果組：暗面層、高光層、投影層、調整圖層組
5. 裝飾組：真實素材合成（如向日葵照片）、文字排版

核心上色五階段法

階段一：色塊平鋪——大膽放肆，只求覆蓋

畫筆工具 (B)，按 D 鍵重置前景/背景色，按 X 切換。使用 Photoshop 內建硬圓筆刷 1-13 號（或自製硬邊筆刷），不開啟壓感大小，純鼠標/數位板按壓填色。關鍵原則：

• 每個顏色區域獨立圖層（利於後期選取調整）
• 色塊邊緣允許溢出線稿 2-3px（後續蒙版修正）
• 圖像 > 模式 > CMYK 色彩模式（印刷輸出必備）

階段二：暗面塑造——色塊邏輯的延伸

同樣使用硬邊筆刷平鋪色塊，但顏色選取策略改變：

• 同色相降低明度 20-30%（HSB 模式下調 B 值）
• 或引入鄰近色相（如膚色暗面加入暖紅/暖棕）
• 完全憑感覺佈局，不受「環境光邏輯」束縛——這是塗鴉風的靈魂

階段三：細節刻畫——不完美的精致

縮小筆刷至 3-5px，開啟壓感大小。繪製：睫毛筆觸、衣紋邊緣斷續線、髮絲方向性暗示、五官微表情強化。這階段「少即是多」，每一筆都要經得起 100% 放大檢視。

階段四：投影系統——賦予平面重力

最前景建立「投影專用組」。每個獨立物體（人物、書本、花盆）對應一個投影層：

• 筆刷：柔邊圓形、不透明度 15%、流量 30%
• 顏色：環境色補色或深灰藍 #1A1A2E
• 形狀：投影方向統一（如右下 45°），邊緣隨距離漸大漸虛
• 真實素材融合：向日葵照片置入，自由變換透視匹配，添加投影融入畫面

階段五：提亮收尾——喚醒畫面靈性

髮頂高光：新建圖層混合模式「線性減淡」，白色筆刷點綴髮頂高光。
身體下層反光：大範圍柔邊筆刷低不透明度掃過腳部/腿部底部，模擬地面反射光。
整體調色：頂層建立「色彩平衡」調整圖層，高光向暖（+10, 0, -10），陰影向冷（-10, 0, +10），統一色溫。

商業級交付標準與效率工具

• 圖層命名規範：前綴分類_部位_屬性_版本（如：Base_Hair_Main_v02）
• 色卡管理：建立專案專用 .aco 色板文件，團隊協作統一調用
• 動作記錄：將「建立標準圖層組」「CMYK 轉換+色彩配置」錄製為 Action (F2/F3)，一鍵初始化
• 交付格式：PSD (分層源檔) + TIFF (CMYK, 300dpi, 無壓縮) + JPEG (sRGB, 72dpi, 網絡預覽)

作品數據：軟件 Photoshop CC 2015+，耗時 3-4 小時，作品名《I like》。

塗鴉風上色沒有標準答案，只有「誠實的筆觸」。當你停止追求「正確」，開始享受色塊碰撞的驚喜、暗面佈局的直覺、高光落下的那瞬間靈光乍現——你就找到了屬於你的插畫聲音。這正是《愛繪生活》想傳遞的核心：插畫，是讓生活被愛著的技藝。