萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> Photoshop利用HSB滑條上色示例

Photoshop利用HSB滑條上色示例

   今天,PS教程給大家帶來的是關於在Photoshop中使用HSB滑條上色教程,打破初學者常見的調色的誤區,分享給大家,希望對大家有所幫助!

  這次主要講的是初學者遇到的上色問題:

  一般有以下2種:

  1、不知道選什麼顏色!自己在色板取的顏色總是很不舒服!很刺眼!

  2、上色總是很髒/很暗!畫面很髒的感覺!

  以上兩個問題,下面以PS為例簡單講解一下。

  【以下內容,是以先圖後字的順序,也就是說文字多為闡述文字上方的圖】

  【第一節】

  首先,上色前必定要取色/選色,而最直觀的取色工具,就是Photoshop裡面的HSB滑塊了。

Photoshop利用HSB滑條上色示例 三聯

  圖01

  這就是HSB滑塊,可以在PS裡面的“顏色”面板裡面找到,通常打開的是RGB滑塊,我們點擊這個窗口的右上角的黑色三角形,選擇HSB滑塊即可。

  HSB滑塊是對人來說最直觀的取色工具!

  H=色相,可以想象為——什麼顏色

  S=飽和度,可以想像為——顏料的濃度,也可以理解為“當前顏色的顏料+白色顏料”。

  S值為0時說明“當前顏色的顏料0%+白色顏料100%”,也就是除了白色顏料以外,你沒有加入任何色素的顏料,而S值為100時,說明“當前顏色的顏料100%+白色顏料0%”,也就是當前是純純的一個顏色。是什麼顏色,按H而定。

  B=亮度,可以想像為H和S的組合下,加入黑顏料的多少。數值的道理和S相同。

  為什麼說HSB是最直觀的取色工具呢?因為人如果要定一個顏色,通常會想三個問題:

  1、什麼顏色?紅黃藍綠?這是H值要定的事情。

  2、顏色是濃還是淡?這是S值要定的事情。

  3、顏色是亮還是暗?這是B值要定的事情。

  這樣下來,一種顏色就決定下來了,和人的思維一致。

  比方說,我要一個淡藍色,那麼,我就要在H處選“藍色”,S處選比如“50”(顏料50%+白顏料50%),而既然是淡藍,就不是用來上陰影部分的,那麼B值可以是“100”,這樣的思路,一個顏色就定下了。

  注意:一種單純的顏色,我們就拿顏料來說吧,比如說一種單純的顏料,它本身就是最亮的了,加黑色當然會變暗,但是加白顏料並不是變得更亮,而是會變得更淡,要注意對亮和淡的理解。比方說一幅畫顏色很淡,你會稱它為淡彩,你不會稱它為亮彩,因為沒有暗的對比,就沒有亮。

PS教程:Photoshop利用HSB滑條上色示例

  圖02

  1、下面,我們拿一張線稿來示范一下。

PS教程:Photoshop利用HSB滑條上色示例

  圖03

  2、假設我已經定下臉部的基本膚色是這個黃色,我要上陰影部分,要怎麼選陰影部分的顏色呢?

PS教程:Photoshop利用HSB滑條上色示例

  圖04

  3、在H和S不變的情況下,想當然地在原本膚色上增加黑色顏料,出來的顏色就是作品變“髒”的原因,切記,任何畫都不要隨便加黑色素,也就是B值。為什麼那麼多熟練畫手的圖的顏色豐富多彩,但是一點也不髒,還能有層次感,而自己第一手就髒了呢?這個就是原因,至於如何解決,且看下面的解說。

PS教程:Photoshop利用HSB滑條上色示例

  圖05

  4、看,如果我不動H和B,只增加S,也就是——顏色的濃度增加了,同樣可以達到層次感的作用!這就是為什麼大手們的圖一點也不髒!因為他們即使有層次感,B值也可以絲毫不變。換句話說,也就是層次感增加了,但是亮度絲毫沒有改變!

PS教程:Photoshop利用HSB滑條上色示例

  圖06

  5、在上面的原理上,進階一下!如果S和B不變,那麼只改H的話,會出現上圖這樣的情況!上圖中,H是在黃色的位置,我把它往紅色跑了一點點,也就是說,混入同樣亮度和濃度的紅色,同樣能夠增加層次感!相比上一張圖,這張圖其實更為豐富。因為上一張圖裡,膚色中只有一個顏色,現在其實是有兩種顏色——黃+紅在裡面,這種微妙的變化就是豐富的來源,如果整張圖都用這樣的上色法,看似簡單的圖,其實會混入不少微妙的顏色,這就是為什麼初學者通常怎麼看都找不到門路,因為這種微妙的混色往往肉眼看不出來。

PS教程:Photoshop利用HSB滑條上色示例

  圖07

  6、如果,我要在陰影部分加入反光呢?通常的做法是加入冷色調,上圖是同樣的道理——改變H和S,B稍稍補充,現在這個膚色裡就有黃色、紅色、紫色,非常豐富。如果你回頭看看3和4,你就知道差距。

  道理就在這裡,現在的膚色有三個層次,但是亮度幾乎毫無變化,只要我不動B值,無論我上什麼顏色,我也不會把畫弄得很“髒”。

copyright © 萬盛學電腦網 all rights reserved