飽和度”(你真的瞭解它嗎?)

在PS的調整命令中有一個“色相/飽和度”調整命令,很多小夥伴呢是看效果調整,並沒有好好研究過,調整前就沒有目標,只是按照自己的感覺去調整,這樣不會使用到得心應手的程度,今天,又是週六,我想向大家詳細介紹一下這個命令。

“色相飽和度”命令基於顏色三要素:色相、飽和度、明度;關於顏色三要素我們以前介紹了,相信看到這篇文章的朋友們已經瞭解這三項要素了,這裡就不多贅述,我們來看這項命令

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

預設:PS中的預設值

選擇顏色範圍的下拉列表:在這裡可以選擇顏色範圍,可有夥伴說選項明明是6種顏色,為什麼是顏色範圍呢?這個到後面用到就知道了

色相、飽和度、明度:這就是主要調整區域

小手:點擊小手可以激活右側的取色器和下側的色帶

取色器:吸取、加、減顏色範圍

色帶:第一條:圖像原本顏色

第二條:圖像調整後的顏色

著色:這個到後面看效果就知道了

我們開始調整

色相

色相調整是什麼原理呢?其實它不只是簡單的換顏色,而是有一套科學的計算方法,使顏色不至於調整到失真

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

原始圖片

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

調整色相後

在這位外國小哥哥身上我們取了三個取樣點,背景顏色、皮膚顏色、外套顏色,調整色相後,發現背景、外套顏色並沒有發生很大變化,而面部顏色卻發生很大變化,為什麼會這樣?來看信息面板

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

1號背景 2號面部 3號外套

1號和3號的RGB三項值並沒有很大變化,而面部顏色RGB三項值卻又較大的變化,但都有一個共同點,就是RGB中最大值與最小值不會變化,無論原本最大值與最小值是R、G、B,調整後最大值與最小值還會出現在R、G、B某相中,也就是圖像的亮度不會發生變化,我們就基本瞭解色相調整的原理:RGB三項的差值越大,色相變化越明顯

RGB三項的最大值不會變化,保證圖像的亮度不會變化

再從本質瞭解色相調整

調整的只是從-180度到180度,這讓我們想到了色相環,其實它就是按照色相環調整顏色的

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

將這張圖片進行色相調整

值為120時

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

色相環相當於轉了120度,紅色變為綠色

值為180時,色相環相當於轉了180度,紅色變為青色

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

顏色範圍

下拉列表中共七個值,全圖、紅、綠、藍、青、洋紅、黃,之前我說這是顏色範圍,那是什麼範圍呢?

下拉列表點擊紅色,下面的色帶被激活,兩色帶中間出現滑塊,小手右側出現四個度數(點擊小手也可以激活色帶,而且點擊小手吸取顏色比下拉列表選擇顏色更精確,這就是選擇下拉列表與吸取顏色的區別)

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

滑塊有三塊,度數有四個分別對應滑塊的每個節點,代表顏色在色相環上的位置

左側滑塊代表顏色左側衰減範圍,越向左受影響越小;

中間滑塊代表準確的顏色範圍,選中的顏色一定會被改變;

右側滑塊代表右側衰減範圍,越向右受影響越小;

以選擇的顏色為中心,受影響顏色的受影響程度如下圖

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

四個度數對應四個節點,默認表示90度的顏色範圍,分別拉動四個節點可以調整顏色範圍

來個例子

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

我們將黃色冰淇淋調成草莓色

點擊小手,吸取黃色冰淇淋顏色,調整色相

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

冰淇淋顏色是變了,但是周圍的綠葉也變了,這是因為滑塊的範圍包含了綠色

我們將右側滑塊的節點向左移動

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

綠葉變回了綠色,但還有一些小瑕疵,冰淇淋上有一些小點沒有被調成草莓色,其實PS中的工具應該是結合使用的,僅使用一種工具很難調到理想的效果。例如:我們在調色前建立選區,就不會使綠葉變成紅色了。

著色

我一直有疑問,這個著色是什麼鬼?難道改變色相不是著色嗎?其實是不同的,改變色相我們說過了,它不只是簡單改變顏色,而是根據原有顏色的RGB值進行調整,RGB差值越大改變越大,差值越小改變越小,且圖像的亮度不會發生改變,那RGB三項值無差別是不是色相就不會變化?

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

一個黑色矩形

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

增加亮度改變色相,RGB三值相等

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

改變色相,圖像顏色不變

也就是當圖形為黑白圖時,色相調整不會使圖像變化。

那著色是如何工作的呢?

拉出一個紅綠漸變,選擇兩個取樣點

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

點擊著色

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

發現原本色相不同的兩點變成統一的色相飽和度和明度發生變化,但所有點的色相一致

在圖像上的效果

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

三、調整之“色相/飽和度”(你真的瞭解它嗎?)

是不是像加了某種濾鏡?著色通過背後的計算方法可以統一畫面的顏色,看起來像加了濾鏡一樣。

到這裡,我們就把這個命令介紹全了,拜拜!


分享到:


相關文章: