tft每日頭條

 > 科技

 > hsl面闆調色原理

hsl面闆調色原理

科技 更新时间:2024-08-15 13:22:02
前言

上一期我們提到的是CameraRaw濾鏡裡的曲線工具,裡面包含了曲線工具的基本原理,以及一些曲線使用小技巧,感興趣的點擊傳送門——制作膠片感照片?修複照片色偏?隻用一個曲線工具統統搞定這一期我們将要讨論的内容則是HSL調整。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)1

HSL調整界面

什麼是HSL

沒有接觸過色彩相關知識的朋友可能對HSL有點迷惑,但是你一定知道RGB,在RGB色彩空間中,任何你所能看到的顔色都能用一組三個0-255的數字表示出來。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)2

RGB色彩空間

例如白色(255,255,255),黑色(0,0,0),灰色(128,128,128),8位的RGB色彩空間能表示256*256*256=16777216種顔色,接近兩千萬種顔色。所以有的顯示器廠商會這樣去宣傳

hsl面闆調色原理(五分鐘全面弄懂HSL工具)3

某顯示器宣傳畫面

實際上1670萬色隻是最最基礎的配置,顯示效果并不細膩。

回到我們的色彩空間,既然使用RGB可以表示顔色,那還可不可以用其他的方式去表示一種顔色,當然可以,例如Lab,YUV,CMYK,HSL等等,每種不同的色彩空間适用于不同的領域,今天stupid要和大家聊的則是這裡的HSL。

要了解HSL,首先我們要了解H,S和L分别代表着什麼。

  1. H——色相(顔色的相貌,通常我們問這個是什麼顔色問的就是色相)
  2. S——飽和度(色彩的純度,飽和度越高色彩看起來越鮮豔)
  3. L——亮度/明度(代表色彩的灰度,一個顔色它如果越亮的話,則亮度越高,反之越低)

如果有小夥伴不明白的話,我們評論留言下一期可以聊一聊色彩空間相關的内容。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)4

HSL色彩空間

在PS中CameraRaw對HSL調整

對一張圖片在CameraRaw中對HSL進行調整可以達到什麼樣的效果呢?

hsl面闆調色原理(五分鐘全面弄懂HSL工具)5

這是一張空拍的照片,因為包含的顔色較多,所以用來做本期HSL調整的素材

進入CameraRaw中,在HSL調整中,我們可以看到這樣的界面

hsl面闆調色原理(五分鐘全面弄懂HSL工具)6

對圖片進行HSL調整的界面

圖片的右側HSL調整模塊中有色相,飽和度,亮度三個子選項,每個選項下又有8個的顔色滑塊可以滑動,這八個滑塊分别對應着不同的8種顔色。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)7

cameraRaw中的選項

在HSL調整模塊中紅色滑塊下面是橙色,橙色往下依次是黃色,綠色,淺綠色,藍色,紫色,洋紅色。這樣的順序和色環裡這些顔色的位置關系一緻,你可以把HSL工具提供的顔色調整滑塊與色環聯系起來。例如在下圖的色環中,與紫色相鄰的是藍色和洋紅色,所以了解一些基本的色彩知識可以更好的操控HSL工具。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)8

色相環

例如在電影中,我們時常可以看到畫面使用大量的橙色色調,人的肌膚,建築物等都調到了橙色。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)9

視頻截圖

下面我們對上面例圖進行處理,把橙色的相鄰色調至橙色。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)10

橙色相鄰的色相調整至橙色

我們來看調節前後對比圖:

hsl面闆調色原理(五分鐘全面弄懂HSL工具)11

把橙色附近的色相都調至橙色

你可以想象把所有的色相調節滑塊串聯起來,形成一個環,例如紅色滑塊向右調節 則是橙色,向左調節-則是洋紅色,這個原理可以應用到整個色相調節模塊中。

飽和度調節滑塊

對某一個顔色的飽和度進行調節會改變畫面中該顔色的鮮豔程度,例如對橙色進行調節:

hsl面闆調色原理(五分鐘全面弄懂HSL工具)12

橙色飽和度 100

可以看到上圖飽和度 ,則鮮豔程度增加。下圖飽和度-則鮮豔程度減少。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)13

橙色飽和度-100

明亮度也很好理解,調整某一顔色的明亮度會改變該顔色的明亮程度。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)14

橙色明亮度-100

通過上下圖我們可以看出明亮度 和明亮度-的作用效果。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)15

橙色明亮度 100

運用上述的原理,如果我們想要提亮人的面部膚色,就可以把橙色的明亮度提高,飽和度降低些許即可。

綜合這些手段,我們就可以對一張照片進行創作。

hsl面闆調色原理(五分鐘全面弄懂HSL工具)16

這是經過HSL調色後得到的成片

讓我們來看一下前後對比:

hsl面闆調色原理(五分鐘全面弄懂HSL工具)17

前後對比GIF圖

結語

以上就是本期關于HSL調整模塊的全部内容,如果你對哪裡有疑問歡迎評論留言,如果這篇文章對你有幫助,别忘了評論關注收藏轉發哦。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved