萬盛學電腦網

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

Photoshop HSB 滑桿上色法:打破新手調色誤區,掌握直觀取色邏輯

前言:為什麼你的上色總是「髒」「暗」「刺眼」?

新手常見兩大痛點:
1. 選色無從下手:色板亂點,顏色總是不舒服、刺眼。
2. 陰影上色發髒:直覺在基礎色上加黑(降低亮度 B),結果畫面灰暗、失去層次。
根源在於:RGB 滑桿符合機器邏輯,HSB 滑桿符合人類直覺。本文教你用 HSB 重構取色思維,徹底解決上色髒暗問題。

一、認識 HSB:符合人類直覺的三維色彩模型

在「顏色」面板右上角選單選「HSB 滑桿」。

  • H (Hue 色相):「這是什麼顏色?」 0-360° 色環位置(紅/黃/綠/青/藍/洋紅)。
  • S (Saturation 飽和度):「顏料濃度多少?」 0% = 純白顏料(無色素),100% = 純顏料(無白摻雜)。
    類比:S 值 = 當前顏色顏料濃度。
  • B (Brightness 亮度):「加了多少黑顏料?」 0% = 純黑,100% = 無黑顏料(最亮)。
    類比:B 值 = 基礎顏料(已定 H/S) 中黑顏料比例。

圖 01:HSB 滑桿介面位置

圖 02:HSB 三參數物理意義類比

核心區別:亮 vs 淺

  • 單一顏料最亮(B=100%),加白變淡(S↓),加黑變暗(B↓)。
  • 一幅畫「顏色很淡」≠「顏色很亮」。沒有暗部對比,就沒有亮部存在。

二、實戰演練:膚色陰影的正確上色邏輯

假設基礎膚色已定:H=40(橙黃)、S=60、B=90(明亮淡膚色)。

錯誤示範:降低 B 值上陰影

直覺:陰影暗一點 → B 從 90 降到 50。
結果:顏色變灰暗、發髒、失去膚色溫潤感(圖 04-05)。


圖 04:基礎膚色

圖 05:降 B 值產生髒暗陰影

正解一:提高 S 值(增加顏料濃度)

保持 H、B 不變,S 從 60 提至 90。
效果:顏色更濃郁、飽和,層次感出來,但亮度完全不變,畫面不髒(圖 06)。


圖 06:提高 S 值產生乾淨層次
原理:大師作品層次豐富不髒,關鍵在於「層次靠飽和度/色相變化,不靠亮度犧牲」。

正解二:偏移 H 值(引入環境色/反光)

保持 S、B 不讓,H 從 40(黃) 向 0/360(紅) 偏移少許。
效果:陰影帶入微紅,模擬皮下血色/環境暖光反射,色彩豐富度躍升(圖 07)。


圖 07:偏移 H 值引入第二色相

進階:陰影反光/環境色融入

陰影區常受環境光影響(如天空藍反光)。
操作:H 向藍綠方向偏移、S 適度調整、B 微補。
結果:膚色同時包含黃(本色)、紅(血色)、藍(天空反光)三色相,極豐富,但 B 值幾乎不變,畫面極乾淨(圖 07 右側)。

三、HSB 上色核心心法總結

場景操作策略口訣
基礎本色定 H(色相) → 定 S(濃度) → 定 B(亮度)先問是什麼色,再問濃不濃,最後問亮不亮
陰影/轉折面鎖定 B,動 S、動 H陰影不降亮度,靠加濃(↑S)或換色(↑H)出層次
高光/受光面鎖定 H、S,微調 B 或加白(↓S)高光變亮或變淡,不換色相
環境反光鎖定 B,H 向環境色偏移,S 配合反光不變亮暗,只換色相
整體色調統一全圖統一 B 範圍,H/S 變化豐富亮度秩序穩定,色相飽和度自由發揮

四、進階應用:HSB 配合圖層混合模式

  • 正片疊底圖層:僅保留暗部,適合用 HSB 定義陰影色後,直接在正片疊底圖層上色,自動融合底圖亮度。
  • 螢光幕圖層:僅保留亮部,適合高光層。
  • 疊加/柔光圖層:50% 灰為中性,HSB 選色時 B=50% 為中性灰,S 控制影響強度,H 決定色相偏移。
  • 色彩平衡/可選顏色調整圖層:後期微調時同樣以 HSB 思維操作滑桿(色相=H、飽和度=S、亮度=B)。

五、練習建議

  1. 找一張線稿,僅用 HSB 滑桿完成上色,全程不動 B 值做陰影。
  2. 觀察大師速繪過程,記錄其陰影色相對基礎色的 H 偏移量、S 變化量。
  3. 嘗試用「色相/飽和度」調整圖層套用於灰度底稿上色(單色模式),體會 HSB 與調整圖層的對應關係。

掌握 HSB 取色邏輯,就是掌握了「色彩的物理模擬思維」。從此告別髒暗刺眼,擁有乾淨、豐富、可控的上色能力。

copyright © 萬盛學電腦網 all rights reserved