上幾期講的調(diào)色知識你明白了嗎？

1、上幾期一直都在重復(fù)一個問題，那就是光和色的混合；

2、我們利用它們之間的顏色混合原理，然后配合photoshop的“可選顏色”在調(diào)節(jié)顏色；

3、難點(diǎn)就在于需要理解兩個顏色模式的不同之處和混合原理；

4、這些原理可能你很難去記憶，因為它比較枯燥無味；

5、但如果你完全理解了它們之間的本質(zhì)區(qū)別，其實(shí)也不影響我們?nèi)粘５恼{(diào)色需求；

今天我們來說“色相飽和度”是什么？這期內(nèi)容相比之前就容易多了。

還認(rèn)識這個嗎？

紅框處的內(nèi)容現(xiàn)在都可以看明白了吧。

1、RGB：光的三原色；

2、CMY：色的三原色；

3、這是兩種不同的色彩調(diào)節(jié)方法；

所以我們今天著重講“HSB顏色模式”，首先說重點(diǎn)。

1、翻譯成中文叫做：H色相；S飽和度；B明度；

2、為什么說這個顏色模式很容易理解呢？因為你再也不需要像RGB和CMY去計算顏色了；

3、回想一下，在RGB和CMY的顏色模式里，你想得到顏色是不是要去計算？

比如R（紅色）+G（綠色）=（Y黃色），是不是有點(diǎn)煩人？如圖：

假設(shè)我把其它地方都遮蓋住，你再觀察：

親愛的朋友，麻煩幫我調(diào)一個“品紅色”出來，是不是就懵圈了？

沒有對比就沒有傷害，所以說HSB的調(diào)色方法更加直觀：

因為HSB是基于人眼對于色彩的感知，從而形成的一種顏色模式。

這個怎么理解呢？

同樣的需求，利用“HSB”把“品紅色”調(diào)出來：

看到這根豎條了嗎？你能想到的任何顏色都在上面，因為你直接就可以看見它。

所以你只需要移動滑塊，即可解決：

是不是非常容易？因為你再也不用計算了，所見即所得。

請問剛才調(diào)節(jié)的是什么？

答：你看上圖，當(dāng)我調(diào)節(jié)的時候，只有“H色相”發(fā)生了變化，“S飽和度”和“B明度”都沒有任何變化。所以上圖中的這根豎條代表了顏色的色相。

你可以理解為色相就是顏色的相貌。

如果以后你聽到有人說：這個顏色太丑了，能不能換個顏色？指的就是換一下顏色的色相。這樣解釋可以聽明白吧！

但你發(fā)現(xiàn)色相的單位是用“度”來表示的，如圖：

如何理解呢？

1、我們都看過世界地圖和地球儀，世界地圖經(jīng)過彎曲就變成了地球儀；

2、上圖中的“色相條”就是世界地圖，當(dāng)我把“色相條”彎曲的時候就變成了“色相環(huán)”；

然后就變成這樣了：

是不是很容易理解。一下就知道為什么要用“度”這個單位來表示了。

所以以后在工作中，你只需要大概知道180度的位置是一個“青色”、45度的位置是個“黃色”、90度是個綠色... ...就可以了。

因為你的眼睛已經(jīng)完全可以感受到色相不同的變化了，所以只需要了解即可。

接下來是重點(diǎn)

有沒有發(fā)現(xiàn)一個問題：

為什么色相環(huán)里面沒有白色和黑色？

所以必須要清楚：黑色和白色是沒有色相的，這個對你今后進(jìn)一步了解顏色有非常大的幫助。

如何證明？

上圖有四種顏色，然后新建一個圖層，把圖層混合模式更改為“顏色”模式。

然后用畫筆隨便選擇一個顏色在上面涂抹：

你會發(fā)現(xiàn)，當(dāng)畫筆涂抹到白色和黑色上面的時候，不會有任何反應(yīng)。就是因為黑白不具備色相，所以不可能疊加顏色上去。

為什么有時候摳圖或者填色的時候碰到有白邊，很難去用顏色遮蓋？

其實(shí)就是這個道理，因為白色沒有色相，你想用顏色去遮蓋還想產(chǎn)生疊加的效果，那是不可能的。但在PS里面有其他辦法解決，我將會在下期里面做介紹。

以上就是關(guān)于“色相”的知識點(diǎn)。

接下來我們說“S飽和度”和“B明度”

既然色相你都弄明白了，飽和度和明度一看就明白。

想象一個場景：

你新買了一件衣服，比如是這個顏色：

如果你的朋友說：

1、“橘色太丑了”，其實(shí)就是說色相不好看；然后你就換了個顏色，變成了這樣：

如果有人和你說

換個顏色... ...

這個色調(diào)太丑... ...

這個顏色不好看... ...

一般指的就是“色相”。

2、好不容易換了一件，接下來你的朋友又說：紅色還可以，就是有點(diǎn)太紅了。其實(shí)就是說飽和度太高了。

然后你又換了一件：

如果有人和你說：

顏色太紅了... ...

太鮮艷了... ...

這個顏色很濃... ...

淡一點(diǎn)更好看... ...

這個顏色太深了... ...

一般指的就是“飽和度”。

2、最后你的朋友又說：現(xiàn)在非常好了，如果顏色再亮一點(diǎn)就更好看了。其實(shí)就是說的衣服顏色明度太低。

然后就變成了這樣：

比如：

顏色亮一點(diǎn)... ...

顏色暗一點(diǎn)... ...

黑一點(diǎn)、白一點(diǎn)... ...

一般指的就是“明度”，調(diào)整的明度的過程其實(shí)就是在顏色里面加白色或黑色。

看到這里不用解釋下去，你就已經(jīng)明白了“飽和度”和“明度”的意思，你只需要留意：

1、色相的單位是“0-360度”；

2、飽和度和明度的單位是“0-100%”

3、橫向從左往右表示飽和度從低到高，縱向從上往下表示明度從明到暗；

通過上面的故事場景，你發(fā)現(xiàn)：

1、即使沒有任何顏色基礎(chǔ)的人都可以根據(jù)喜好來判斷顏色。

2、其實(shí)就是通過HSB的顏色模式來進(jìn)行判斷的。

3、所以這足以說明一件事情：就是HSB是基于人眼對色彩的感受形成的一種顏色模式，它更加直觀，所以人人都會使用它。

接下來把更換衣服顏色的小案例整理一下

我把調(diào)整的圖片給你看一下，就明白是怎么回事了：

之前：

之后：

你發(fā)現(xiàn)我只做了三件事情：

第一步：選擇了衣服上的黃色，作為需要調(diào)節(jié)的顏色；

第二步：針對衣服本來的黃色，做了色相、飽和度、明度的調(diào)節(jié)；

第三步：當(dāng)調(diào)節(jié)完色相飽和度后，衣服之外很多區(qū)域受到了顏色的影響，所以把不需要的地方用蒙版遮蓋了一下即可；

但這個工具有兩個小技巧可以協(xié)助你做選擇：

第一個：發(fā)現(xiàn)這個“小手指”了嗎？

當(dāng)你點(diǎn)擊這個小手指可以吸取圖片上你想要調(diào)節(jié)的顏色，這樣更省事一點(diǎn)。

第二個：發(fā)現(xiàn)下方的色相條了嗎？

它的功能就是：

1、當(dāng)你在更改色相的時候，這個色相條可以起到控制顏色選擇范圍的作用；

2、比如你選擇的黃色，你可以左右移動色相條上面的小白條；

3、這樣就可以控制黃色的顯示范圍了；

我之前有一期“修改牙齒顏色”的視頻，上面詳細(xì)講解了色相飽和度的使用場景。如果想了解的話可以看看，因為這個的確太簡單了。

今天我們主要還是講解原理，你發(fā)現(xiàn)當(dāng)明白原理后，就非常簡單了。

接下來讓你更加深刻的理解HSB。

牛奶的下方有兩顆蜜棗，如何改變蜜棗的顏色？

如圖：

只需要新建一個“色相飽和度”的調(diào)整圖層

很簡單，當(dāng)你拖動色相滑塊的時候，蜜棗的顏色就會發(fā)生變化。

在這里必須明白，你在針對整張圖片在調(diào)色。

那為什么圖片中的牛奶、背景、還有黑棗沒有發(fā)生任何變化？

即使你用盡全力去更改顏色，也不會有任何效果。這就印證了剛才說的“黑色和白色是沒有色相的”說法。

肯定有人會說用“著色”，明確告訴你，出來的顏色會很假，如圖：

其實(shí)想要給白色或者黑色的物體在photoshop中上色，是有辦法解決的，但不在今天的知識范疇里面，我們后面會慢慢講到。

總結(jié)

1、學(xué)習(xí)顏色知識時，主要時間應(yīng)該放在原理的理解層面，不要在原理沒有弄明白的時候就開始使用工具；

2、HSB的顏色模式是基于人眼對色彩的感受，從而得到的顏色模式，所以它非常直觀；

3、正式因為任何人都是基于HSB來感知顏色的，所以我們在選取一個顏色的時候，應(yīng)該首先確定“色相”、然后確定“飽和度”、最后再來確定“明度”。不要做無用功；