當(dāng)前位置:首頁(yè)>ps入門(mén)教程>ps基礎(chǔ)教程>工具教程>教程內(nèi)容

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)(3)

來(lái)源:資源網(wǎng) 作者:不詳 學(xué)習(xí):23948人次

本篇教程我們一起來(lái)了解一下ACR及LR的HSL面板的調(diào)色知識(shí),這是一種非常直觀(guān)的色彩表示方法,ACR以及Lightroom中的HSL調(diào)整面板,更是我們后期調(diào)色的神器, 我們從HSL面板的角度,帶領(lǐng)同學(xué)們學(xué)習(xí)和認(rèn)識(shí)顏色,具體內(nèi)容同學(xué)們通過(guò)教程一起來(lái)學(xué)習(xí)一下吧。

1 什么是HSL

很多朋友都聽(tīng)說(shuō)過(guò)RGB顏色模型,即任何一種顏色,都是由紅(Red)、綠(Green)、藍(lán)(Blue)三原色以不同的比例相加而成的。

但是RGB模型對(duì)人類(lèi)而言并不直觀(guān),比如我說(shuō)一種顏色是由60%紅,30%綠和90%藍(lán)組成的,你應(yīng)該很難想象出來(lái),這到底是哪種顏色?

因此人們?cè)O(shè)計(jì)出了HSL色彩空間,來(lái)更加直觀(guān)的表達(dá)顏色。

HSL是色相(Hue)、飽和度(Saturation)和亮度(Lightness)這三個(gè)顏色屬性的簡(jiǎn)稱(chēng)。

色相(Hue)是色彩的基本屬性,就是人們平常所說(shuō)的顏色名稱(chēng),如紫色、青色、品紅等等。我

們可以在一個(gè)圓環(huán)上表示出所有的色相。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn
theoat.com.cn

色環(huán)上的0度、120度、240度位置,分別對(duì)應(yīng)了RGB模型的紅、綠、藍(lán)三原色。原色兩兩混合形成了二次色。

比如黃色(60度)就是由紅色和綠色混合而成;藍(lán)色和綠色則相加形成青色(180度);品紅(300度)則由紅藍(lán)兩色組成。

原色和二次色之間,還有各種豐富的色相過(guò)渡,比如270度的紫色介于品紅和藍(lán)色之間。30度的橙色則是由紅色黃色混合而成。

飽和度(Saturation)是指色彩的純度,飽和度越高色彩越純?cè)綕,飽和度越低則色彩變灰變淡。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

亮度(Lightness)指的是色彩的明暗程度,亮度值越高,色彩越白,亮度越低,色彩越黑。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

我們把色相(Hue)、飽和度(Saturation)和亮度(Lightness)三個(gè)屬性整合到一個(gè)圓柱中,就形成了HSL色彩空間模型。

HSL圓柱中的任意一個(gè)點(diǎn),都對(duì)應(yīng)了一種顏色。

圓環(huán)上的度數(shù)代表了顏色的色相,離中軸的距離代表了顏色的飽和度,點(diǎn)的高度則對(duì)應(yīng)了顏色的亮度。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

在A(yíng)CR(以及Lightroom)中,第4個(gè)調(diào)整面板 - HSL面板,

就是基于HSL色彩空間的后期調(diào)色工具。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

2 學(xué)會(huì)使用HSL面板

HSL面板由色相、飽和度、明亮度三個(gè)子面板組成。

每個(gè)子面板中有8個(gè)滑塊,分別可以對(duì)應(yīng)調(diào)整圖像中的8種色彩。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

這8個(gè)調(diào)色滑塊對(duì)應(yīng)了我們前面講過(guò)的紅、橙、黃、綠、青(淺綠)、藍(lán)、紫、品(洋紅)8種自然界中的主要色彩。

這樣我們就能對(duì)照片中的不同色彩,進(jìn)行分別的調(diào)整了。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

我們調(diào)整紅色的時(shí)候,不僅僅會(huì)影響色環(huán)上0度的準(zhǔn)紅色,還會(huì)影響到紅色周?chē)钠t色相。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

比如我在色相面板中,把紅色滑塊往右移動(dòng)。

這樣照片中的紅色,會(huì)往色環(huán)順時(shí)針?lè)较蚱,也就是偏向橙色?/p>

可以看到下圖中,紅色色相+100后,色環(huán)中紅色及附近區(qū)域都變成了橙色。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

如果把紅色色相滑塊往左移動(dòng)。

這樣照片中的紅色,會(huì)往色環(huán)的逆時(shí)針?lè)较蚱,也就是偏向品色?/p>

可以看到下圖中,紅色色相-100后,色環(huán)中紅色及附近區(qū)域都偏向了品紅色。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

綠色在色環(huán)中,順時(shí)針?lè)较蚴乔嗌鏁r(shí)針?lè)较蚴屈S色。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

因此如果我們?cè)谏嗝姘謇铮丫G色變成-100。

色環(huán)中綠色以及周邊色相,就全部偏向了黃色。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

如果我們?cè)谏嗝姘謇,把綠色變成+100。

色環(huán)中綠色以及周邊色相,就全部往青色色相偏移。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

色相滑塊往右移(加數(shù)值),顏色會(huì)在色環(huán)中順時(shí)針偏色。

色相滑塊往左移(減數(shù)值),顏色會(huì)在色環(huán)中逆時(shí)針偏色。

理解了上面兩句話(huà),我們就學(xué)會(huì)了HSL的色相調(diào)整。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

HSL中的飽和度面板很好理解。

飽和度滑塊右移,該顏色的濃度純度增加。

飽和度滑塊左移,該顏色變灰變淡。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

比如色環(huán)中的藍(lán)色區(qū)域。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

如果我們把飽和度面板里的藍(lán)色滑塊移到最左邊,

可以發(fā)現(xiàn)色環(huán)中的藍(lán)色區(qū)域大大的變淡變灰了。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

但是為什么藍(lán)色區(qū)域沒(méi)有完全變成中灰色呢?

這是因?yàn)檫@部分色彩區(qū)域,不僅會(huì)被藍(lán)色滑塊作用,也會(huì)被紫色滑塊影響。

如果我在飽和度面板中,把紫色滑塊的飽和度也減到-100,可以看到原來(lái)色環(huán)上整片的藍(lán)紫色區(qū)域,都變成了純灰色。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

最后一個(gè)HSL面板是明亮度面板,明亮度滑塊左移,該顏色變暗變黑,滑塊右移,該顏色變亮變白。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

比如我把黃色的明亮度滑塊移動(dòng)到+100,可以看到色環(huán)中的黃色變亮了。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

3 HSL面板實(shí)戰(zhàn)調(diào)色

接下來(lái)托馬斯會(huì)以下面這張照片為例,告訴大家如何用HSL面板進(jìn)行調(diào)色。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

在托馬斯的公眾號(hào) thomaskksj 后臺(tái)回復(fù)關(guān)鍵詞 “raw15”,可以獲得本片raw文件的下載鏈接。

在調(diào)色之前,我們首先要弄清楚這張照片都是由哪些顏色組成的。

山體上裸露巖石,主要是橙色,以及少量黃色構(gòu)成。

天空和水面,主要顏色是藍(lán)色和少量青色。

地面上星星點(diǎn)點(diǎn)的紅色小木屋,實(shí)際上受到紅色和橙色共同作用。

比較復(fù)雜的是圖中的綠色植物。近處山上被陽(yáng)光照耀的植物,主要是黃色,其次才是綠色。

遠(yuǎn)處山體上的深綠植被,則主要是大量綠色和少量青色構(gòu)成。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

首先我們?cè)谏嗝姘暹M(jìn)行調(diào)整。

黃色和綠色的色相滑塊都往左移,讓他們的色彩偏向黃色。

這步主要是想把畫(huà)面中綠意盎然的春色,變成橙黃的金秋色彩。

原來(lái)的天空偏青,所以我把藍(lán)色滑塊右移,天空海面的色相往紫色輕微靠攏。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

照片中原來(lái)的綠色植被變成了黃色,天空從青藍(lán)變成微微的紫藍(lán)。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

接下來(lái)是飽和度面板調(diào)整。

這張圖片我不僅想變成秋色,還想變成晚秋草木凄涼的枯敗感覺(jué)。

因此我降低了黃色和綠色的飽和度。 降低橙色飽和度,則是不想讓巖石的色彩太過(guò)突兀。

藍(lán)色和青色滑塊我卻向右移動(dòng),增加飽和度。這樣天空和海面的藍(lán)色就更加純凈濃烈了。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

飽和度調(diào)整之后,草木慘淡,天空通透。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

最后是明亮度調(diào)整。

照片中的山體是由草木和巖石組成。我們可以通過(guò)明度分離,來(lái)讓草木和巖石的邊界更明顯。

我降低橙色的明度,也就是降低巖石的亮度;稍微增加黃色亮度,也就是草木的亮度。

這樣山上的巖石和草木就完全區(qū)分了開(kāi)來(lái)。

之后降低藍(lán)色的亮度,天空和海面變得更加深沉耐看。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

明亮度調(diào)整之后,巖石和天空亮度的減少讓畫(huà)面更加沉穩(wěn)。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

再來(lái)對(duì)比一下HSL調(diào)色前后,畫(huà)面感覺(jué)大變樣了。

調(diào)色知識(shí),ACR及LR的HSL面板的調(diào)色知識(shí)_theoat.com.cn

當(dāng)然我們還可以利用“目標(biāo)調(diào)整工具”,更加簡(jiǎn)單直觀(guān)的,對(duì)照片的HSL顏色屬性進(jìn)行調(diào)整。

關(guān)于“目標(biāo)調(diào)整工具”,我會(huì)在以后的視頻教程中進(jìn)一步演示。

總結(jié)

1. 色彩是由色相(Hue)、飽和度(Saturation)和亮度(Lightness)組成的。

2. ACR和Lightroom中的HSL工具,由色相、飽和度、明亮度3個(gè)子面板組成,每個(gè)子面板有8個(gè)滑塊,對(duì)應(yīng)調(diào)整照片中的8種顏色范圍。

3. HSL調(diào)色的第一步,是對(duì)照片中的色彩和對(duì)應(yīng)物體做一個(gè)歸類(lèi),之后我們就可以分別調(diào)整畫(huà)面中不同色彩物體的色相、飽和度和亮度了。

我們?cè)趯W(xué)習(xí)PS技術(shù)的同時(shí),我們也要加強(qiáng)理論系統(tǒng)知識(shí),雙管齊下,才能有所進(jìn)步。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
似錦光年2018-06-14 12:57
漂亮的教程,學(xué)習(xí)
默念信仰2018-06-13 11:39
不太懂啊哎
dodgi華2018-06-13 12:12
挺不錯(cuò)
陽(yáng)光雨珊2018-06-13 11:13
非常喜歡作者的教程
愛(ài)看漫畫(huà)的小吃貨2018-06-13 08:46
贊喔
西江風(fēng)月2018-06-13 05:39
虛心學(xué)習(xí)
收之桑榆2018-06-13 02:33
給力
zpzxczp2018-06-13 02:33
簽到
一個(gè)人旅行玲2018-06-13 02:33
真棒
蒲汐陰2018-06-13 02:29
已閱

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!