工具介紹!HSB拾色器詳解(2)
中間的窄條區(qū)域,可以通過拖動小滑塊,改變H的值。
H的單位是度,這個其實(shí)是從色相環(huán)的概念而來。整個色相環(huán)轉(zhuǎn)一圈,不就是360°嗎?所以H的選擇范圍是從0度到360°,并且H=0°和H=360°色相是一樣的。也有其他的軟件,采用在色相環(huán)里選擇色相的界面,比如著名的開源圖像軟件GIMP,待會兒會講到。
這是系統(tǒng)默認(rèn)的界面,H前的點(diǎn)選框默認(rèn)被選中。意思是,H是主要要調(diào)整的參數(shù),需要通過滑塊來做精細(xì)調(diào)整。
如果點(diǎn)選了S前面的選框,色域和滑塊區(qū)域界面會相應(yīng)的發(fā)生改變;瑝K調(diào)整針對的就是飽和度S。由于S是一個相對的概念,所以變化范圍是0%~100%。
以下圖為例,拖動滑塊到94%,左邊的色域,顯示的就是S為94%時的所有顏色。依次按照色相(橫坐標(biāo))和明度(縱坐標(biāo))排列。
同理,如果點(diǎn)選了B前面的選框,滑塊調(diào)整針對的就是明度B。同樣B是一個相對的概念,變化范圍是0%~100%。色域矩形顯示的,就是明度B為45%的時候,所有不同的色調(diào)和不同飽和度的顏色。
是不是有同學(xué)覺得,S和B的界面好像。有個簡單的竅門可以分辨他們:在中等明度下,顏色從上到下變黑,就是S模式;變灰,就是B模式。原因大家動動腦筋就明白啦~(≧▽≦)/~啦啦啦
另外看一下其他軟件的HSB拾色器界面,以GIMP為例,默認(rèn)界面基本和PS一樣。
值得一提的是GIMP還有一個色環(huán)模式的界面。選擇色相的界面是一個色相環(huán)。這么做的好處,在于選擇鄰近色和對比色非常方便。比如,需要補(bǔ)色的時候,直接反向180度就可以了,非常直觀。在PS的界面上就做不到這一點(diǎn)。那么不好的地方呢,就是色域的面積比較小,用鼠標(biāo)點(diǎn)選顏色的時候不夠精確。兩種界面各有千秋吧!
這么一看,拾色器是不是不難?
樓主覺得,其實(shí)難的是Hue、Saturation、Brightness的概念。要搞明白HSB分別代表什么。理解了概念,軟件操作上多實(shí)踐一下自然就會了。
但從樓主自己的經(jīng)驗(yàn)來說,當(dāng)你想選用一個全新的顏色時,特別是要給頁面做配色的時候,HSB模式其實(shí)并不是很好用。為什么呢?因?yàn)槟阃ǔG闆r下并不知道自己想要個什么樣的顏色。。。。
很多大神也說了,需要配合圖片做配色的時候,最好從顏色吸管開始,吸取一個圖片已有的顏色,然后再進(jìn)入HSB模式進(jìn)行微調(diào)。
對樓主來說,HSB模式的最佳工作場合,是在已有顏色的基礎(chǔ)上,進(jìn)行飽和度、明度的微調(diào)。選定主題色之后,再根據(jù)需要,改變色相,配出需要的鄰近色和對比色。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 工具教程
- ps基礎(chǔ)教程
- ps工具
- ps工具教程
- endlessring
學(xué)習(xí) · 提示















相關(guān)教程
- 圖層教程,PS中的圖層創(chuàng)建和編輯
- 工具教程,視頻詳細(xì)講解Photoshop調(diào)色工具原理
- 智能對象,用PS中的智能對象對照片進(jìn)行后期處理
- 工具知識,詳細(xì)解析漸變映射給照片帶來的改變
- 照片調(diào)色,利用好白平衡把照片變的更加自然
- 直方圖,通過實(shí)例解析PS中的直方圖的運(yùn)用
- 工具運(yùn)用,通過實(shí)例來學(xué)習(xí)一下加深減淡工具的應(yīng)用
- 圖層蒙版,通過實(shí)例來解析PS蒙版的使用
- 工具運(yùn)用,通過實(shí)例解析曝光工具在照片中的運(yùn)用
- 圖層知識,PS的中的調(diào)整層到底如何使用