【1】色相飽和度是什麼？輕松理解顔色知識
上幾期講的調色知識你明白了嗎？
1、上幾期一直都在重複一個問題，那就是光和色的混合；
2、我們利用它們之間的顔色混合原理，然後配合photoshop的“可選顔色”在調節顔色；
3、難點就在于需要理解兩個顔色模式的不同之處和混合原理；
4、這些原理可能你很難去記憶，因為它比較枯燥無味；
5、但如果你完全理解了它們之間的本質區别，其實也不影響我們日常的調色需求；
今天我們來說“色相飽和度”是什麼？這期内容相比之前就容易多了。
還認識這個嗎？
紅框處的内容現在都可以看明白了吧。
1、RGB：光的三原色；
2、CMY：色的三原色；
3、這是兩種不同的色彩調節方法；
所以我們今天着重講“HSB顔色模式”，首先說重點。
1、翻譯成中文叫做：H色相；S飽和度；B明度；
2、為什麼說這個顔色模式很容易理解呢？因為你再也不需要像RGB和CMY去計算顔色了；
3、回想一下，在RGB和CMY的顔色模式裡，你想得到顔色是不是要去計算？
比如R（紅色）+G（綠色）=（Y黃色），是不是有點煩人？如圖：
假設我把其它地方都遮蓋住，你再觀察：
親愛的朋友，麻煩幫我調一個“品紅色”出來，是不是就懵圈了？
沒有對比就沒有傷害，所以說HSB的調色方法更加直觀：
因為HSB是基于人眼對于色彩的感知，從而形成的一種顔色模式。
這個怎麼理解呢？
同樣的需求，利用“HSB”把“品紅色”調出來：
看到這根豎條了嗎？你能想到的任何顔色都在上面，因為你直接就可以看見它。
所以你隻需要移動滑塊，即可解決：
是不是非常容易？因為你再也不用計算了，所見即所得。
請問剛才調節的是什麼？
答：你看上圖，當我調節的時候，隻有“H色相”發生了變化，“S飽和度”和“B明度”都沒有任何變化。所以上圖中的這根豎條代表了顔色的色相。
你可以理解為色相就是顔色的相貌。
如果以後你聽到有人說：這個顔色太醜了，能不能換個顔色？指的就是換一下顔色的色相。這樣解釋可以聽明白吧！
但你發現色相的單位是用“度”來表示的，如圖：
如何理解呢？
1、我們都看過世界地圖和地球儀，世界地圖經過彎曲就變成了地球儀；
2、上圖中的“色相條”就是世界地圖，當我把“色相條”彎曲的時候就變成了“色相環”；
然後就變成這樣了：
是不是很容易理解。一下就知道為什麼要用“度”這個單位來表示了。
所以以後在工作中，你隻需要大概知道180度的位置是一個“青色”、45度的位置是個“黃色”、90度是個綠色... ...就可以了。
因為你的眼睛已經完全可以感受到色相不同的變化了，所以隻需要了解即可。
接下來是重點
有沒有發現一個問題：
為什麼色相環裡面沒有白色和黑色？
所以必須要清楚：黑色和白色是沒有色相的，這個對你今後進一步了解顔色有非常大的幫助。
如何證明？
上圖有四種顔色，然後新建一個圖層，把圖層混合模式更改為“顔色”模式。
然後用畫筆随便選擇一個顔色在上面塗抹：
你會發現，當畫筆塗抹到白色和黑色上面的時候，不會有任何反應。就是因為黑白不具備色相，所以不可能疊加顔色上去。
為什麼有時候摳圖或者填色的時候碰到有白邊，很難去用顔色遮蓋？
其實就是這個道理，因為白色沒有色相，你想用顔色去遮蓋還想産生疊加的效果，那是不可能的。但在PS裡面有其他辦法解決，我将會在下期裡面做介紹。
以上就是關于“色相”的知識點。
接下來我們說“S飽和度”和“B明度”
既然色相你都弄明白了，飽和度和明度一看就明白。
想象一個場景：
你新買了一件衣服，比如是這個顔色：
如果你的朋友說：
1、“橘色太醜了”，其實就是說色相不好看；然後你就換了個顔色，變成了這樣：
如果有人和你說
換個顔色... ...
這個色調太醜... ...
這個顔色不好看... ...
一般指的就是“色相”。
2、好不容易換了一件，接下來你的朋友又說：紅色還可以，就是有點太紅了。其實就是說飽和度太高了。
然後你又換了一件：
如果有人和你說：
顔色太紅了... ...
太鮮豔了... ...
這個顔色很濃... ...
淡一點更好看... ...
這個顔色太深了... ...
一般指的就是“飽和度”。
2、最後你的朋友又說：現在非常好了，如果顔色再亮一點就更好看了。其實就是說的衣服顔色明度太低。
然後就變成了這樣：
比如：
顔色亮一點... ...
顔色暗一點... ...
黑一點、白一點... ...
一般指的就是“明度”，調整的明度的過程其實就是在顔色裡面加白色或黑色。
看到這裡不用解釋下去，你就已經明白了“飽和度”和“明度”的意思，你隻需要留意：
1、色相的單位是“0-360度”；
2、飽和度和明度的單位是“0-100%”
3、橫向從左往右表示飽和度從低到高，縱向從上往下表示明度從明到暗；
通過上面的故事場景，你發現：
1、即使沒有任何顔色基礎的人都可以根據喜好來判斷顔色。
2、其實就是通過HSB的顔色模式來進行判斷的。
3、所以這足以說明一件事情：就是HSB是基于人眼對色彩的感受形成的一種顔色模式，它更加直觀，所以人人都會使用它。
接下來把更換衣服顔色的小案例整理一下
我把調整的圖片給你看一下，就明白是怎麼回事了：
之前：
之後：
你發現我隻做了三件事情：
第一步：選擇了衣服上的黃色，作為需要調節的顔色；
第二步：針對衣服本來的黃色，做了色相、飽和度、明度的調節；
第三步：當調節完色相飽和度後，衣服之外很多區域受到了顔色的影響，所以把不需要的地方用蒙版遮蓋了一下即可；
但這個工具有兩個小技巧可以協助你做選擇：
第一個：發現這個“小手指”了嗎？
當你點擊這個小手指可以吸取圖片上你想要調節的顔色，這樣更省事一點。
第二個：發現下方的色相條了嗎？
它的功能就是：
1、當你在更改色相的時候，這個色相條可以起到控制顔色選擇範圍的作用；
2、比如你選擇的黃色，你可以左右移動色相條上面的小白條；
3、這樣就可以控制黃色的顯示範圍了；
我之前有一期“修改牙齒顔色”的視頻，上面詳細講解了色相飽和度的使用場景。如果想了解的話可以看看，因為這個的确太簡單了。
今天我們主要還是講解原理，你發現當明白原理後，就非常簡單了。
接下來讓你更加深刻的理解HSB。
牛奶的下方有兩顆蜜棗，如何改變蜜棗的顔色？
如圖：
隻需要新建一個“色相飽和度”的調整圖層
很簡單，當你拖動色相滑塊的時候，蜜棗的顔色就會發生變化。
在這裡必須明白，你在針對整張圖片在調色。
那為什麼圖片中的牛奶、背景、還有黑棗沒有發生任何變化？
即使你用盡全力去更改顔色，也不會有任何效果。這就印證了剛才說的“黑色和白色是沒有色相的”說法。
肯定有人會說用“着色”，明确告訴你，出來的顔色會很假，如圖：
其實想要給白色或者黑色的物體在photoshop中上色，是有辦法解決的，但不在今天的知識範疇裡面，我們後面會慢慢講到。
總結
1、學習顔色知識時，主要時間應該放在原理的理解層面，不要在原理沒有弄明白的時候就開始使用工具；
2、HSB的顔色模式是基于人眼對色彩的感受，從而得到的顔色模式，所以它非常直觀；
3、正式因為任何人都是基于HSB來感知顔色的，所以我們在選取一個顔色的時候，應該首先确定“色相”、然後确定“飽和度”、最後再來确定“明度”。不要做無用功；
最新文章
-
直覺主義——數學概念是自主的智力活動
4分鐘前 -
張本美和欲重金聘請張繼科執教
4分鐘前 -
花椒乳鴿（成都鄉裡人家食府夏季旺菜）
6分鐘前 -
地勘人必備：閱讀地質圖基本功！
6分鐘前 -
解讀晉祠聖母殿
8分鐘前 -
大漢系列86丨唐蒙飲枸醬 叩開夜郎門
10分鐘前 -
重修宗祠記
20分鐘前 -
西班牙的海外領地
41分鐘前
熱門文章
-
威士忌高階關于 OB 與 IB，一次給你說透！
1天前 -
為什麼五點鐘要起床答案讓人吃驚！（現在知道還不晚）
1周前 -
美麗中國-2870：中國最大的内陸河，塔裡木河
3天前 -
老張老李侃門球之140篇
3天前 -
這個穴位可以治療多種胃痛腹痛，還可以減肥
7天前 -
診餘雜記（師傳經驗）
5天前 -
二十四山開門放水作竈真訣開門放水作竈直訣——子山
3天前 -
門球技巧 隻需五個字讓你打好門球
3天前
有話要說...