10.07 強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

大家好,我是好色之圖,這一節,我們來學習PS種的"

混合顏色帶"。這個工具隱藏的比較深,所以平時並不被大家關注,但這又是一個非常好用的工具,在調色的過程中,會給予我們很大的幫助,開始瞭解它吧。

先看一下網上找的素材:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

一張聖誕樹局部的照片,之所以選這張素材作為課件,是因為這張照片中有著豐富的層次,暗部、中間調、高光都一目瞭然。那麼到這裡就先請大家記住,這張素材種哪裡是最亮的,哪裡是最暗的,先有個印象,這樣方便後面瞭解新工具的工作原理。

好了,開始操作。首先在圖層面板上點擊"新建空白圖層"按鈕,在背景層之上,創建一個新的空白圖層:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

接下來在工具欄中,找到漸變工具(快捷鍵G),然後將前景色設置為黑色,背景色設置為白色,將漸變樣式選擇為第一項,從"前景色到背景色",然後按住鍵盤上的SHIFT就可以從左至右水平的拖出一條漸變,也就是從黑色到白色的漸變:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

這樣,基本準備工作就完成了,現在我們來找一下,"

混合顏色帶"這個工具到底在哪裡。我這裡提供四個可以找到它的方法:

  • 第一種,點擊軟件菜單欄中第四項"圖層"菜單,裡面的"圖層樣式",子菜單中第一項"混合選項",就能打開了。
  • 第二種,鼠標右鍵點擊你要操作的圖層,就會彈出菜單,菜單最頂部第一項"混合選項"中就能看到。
  • 第三種,圖層面板下方,有個"fx"的按鈕,點擊後,彈出的菜單頂部第一項"混合選項",也是它。
  • 第四種,鼠標左鍵雙擊你要進行調整的圖層,注意,是圖層名稱的後方,不是雙擊文字,這樣也能彈出"混合選項"。這個方法更快捷,所以我更推薦大家使用。

現在來看看這個說了半天的混合選項中都有什麼內容,大家看圖:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

可以看到面板中部,從上到下也有好多選項,上面的"常規混合",看到下拉菜單了吧,點擊之後,就能看到我們以前所講過的各種圖層混合模式,原理以前都講過,如果你想讓圖層樣式以混合模式進行計算,可以嘗試在這裡挑選一個你喜歡的混合模式。

再往下看"高級混合",這裡的功能不在我們今天講解的內容之內,所以不在這裡浪費篇幅,直接看最下面,紅框裡面的內容,這就是今天的主角:"混合顏色帶"。

正如同學們在圖中所見到的那樣,在混合顏色帶上,有一個下拉菜單,裡面分別有灰色、紅、綠、藍的選項:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

灰色代表亮度,紅綠藍則是PS中的通道,這些基本知識在講解曲線、通道、色彩的時候都說過,沒有看到的同學請自行查閱之前的教程。先把顏色通道放在一邊,我們從灰色開始講解。

將菜單選中為灰色,就意味著我們接下來的處理,只是針對亮度問題,而不會影響顏色。

大家看圖片上,混合顏色帶有兩個帶有滑塊的漸變條,它們都代表著某個圖層的亮度。上面這一條,寫著"本圖層",那麼就是你目前在圖層面板上選中的這個圖層,比如我現在所選中的,就是剛才我們拖出黑白漸變的這個圖層。

下面這一條,寫著"下一圖層",那就是你目前選中圖層的下方圖層,比如在我示例的圖片裡,下一圖層就是背景層,也就是聖誕樹素材。每個漸變條上都有三角形的滑塊,可以供你拖動調節。

我們先從第一根漸變條開始研究,也就是"

本圖層"的那根。經過剛才的解釋,我們知道,調整這根漸變條,可以影響到我們新建的黑白漸變圖層,那麼我們現在向右側拖動黑色的三角形滑塊,看看會出現什麼效果:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

可以看到,黑色滑塊向右調整後,漸變圖層上的黑色被裁切掉了,或者說被消除了。接下來再去向左拖動白色滑塊,看看是不是同樣也會裁切白色呢:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

果然如此,漸變圖層上最黑和最白的地方,隨著滑塊的調整,都被裁掉了。這根"本圖層"漸變條的原理大家一下就看明白了吧,它可以裁掉一些陰影,也可以裁掉一些高光。

當前的裁切非常生硬,我們可以讓它變得柔化一些,就像做了羽化的效果一樣。那怎麼做呢?大家仔細看,每個三角形滑塊中間,都有一條小小的豎線,其實它不是一個整體,而是由兩個更小的三角形拼合而成。現在我們要做的,就是把它們拆開,按住鍵盤上的

ALT鍵,拖動其中一半,往回拖動,就能分開它們,並且,圖片上的顯示形式也發生了變化:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

看到了嗎,對於黑色和白色的裁切邊緣變得柔和了,從有到無變得有了過渡,這個功能大家可以多做嘗試,敲黑板劃重點了啊,小夥伴們一定要記住這個三角形的拆分方法,未來在照片調色的時候,一定會用得上。

現在我們將第一個漸變條復位,開始說下面這根"下一圖層"漸變條。這根漸變條,稍微有些複雜,但是我們也必須把它搞清楚。正如大家現在看到的,我們目前有兩個內容不同的圖層,上方圖層是自己做的黑白漸變,它下面的背景圖層是聖誕樹:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

兩個圖層疊在一起,由於上方漸變圖層的阻擋,我們並不能看到下方的聖誕樹圖層。整張照片的明暗度完全被漸變圖層所影響,從全黑到全白的色調,這就是我們看不到聖誕樹圖層的原因,被完全覆蓋了。如果我們移動一下這些三角滑塊,會出現什麼呢?還是先從左側的黑色滑塊開始,我向右移動它,我們看看效果:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

隨著拖動力度的增加,它會逐漸顯示底層的一些內容,從圖中可以看出,這些內容都是黑色的,這就說明,它目前顯示的,是聖誕樹圖層中,最黑色的部分,這是為什麼呢?因為兩個圖層疊在一起,聖誕樹圖層仍然受到黑白漸變圖層的影響,當我拖動黑色滑塊的時候,聖誕樹圖層中最黑的部分就率先顯示出來。

那再試試拖動白色滑塊,又會出現什麼情況:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

相同的道理,聖誕樹圖層中最亮的部分開始顯現,到這裡,相信大家都明白了,當我們調整三角滑塊時,下方圖層的最黑和最白區域不受上方黑白漸變圖層的影響,漸變圖層僅僅能影響到兩個滑塊之間的亮度。到這裡,同學們設想一下,我們是不是可以通過移動這個滑塊,來保護照片中的陰影和高光呢?

在這個過程中,你依然可以按住鍵盤上的ALT鍵,來設置裁剪效果的羽化程度,將滑塊拆分,然後得到更好更順暢的過渡效果:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

好了,現在希望同學們能夠理解,第二根"下一圖層"漸變條的作用和原理。

現在我們來總結一下前面的內容,顏色混合帶上一共有兩根漸變條,第一根漸變條,調整上面的漸變條上的兩個滑塊,影響當前圖層。黑色滑塊向右移動,就會裁掉最黑色的部分,也就是陰影。白色滑塊向左移動,就會裁掉最亮的部分,也就是高光。所保留下來的區域,就是兩個滑塊之間的內容。

第二根漸變條,影響的是下方圖層。黑色滑塊向右移動,下方圖層的陰影部分開始顯現,白色滑塊向左移動,下方圖層的高光部分開始顯現,因為上面的圖層無法影響到它們,上方圖層的影響力只在兩個滑塊之間的範圍。換個角度去理解,就是這兩個滑塊可以保護圖片上的陰影和高光。希望大家都能準確瞭解和熟練掌握這些滑塊的作用。


接下來我們來聊一聊下拉菜單中的紅綠藍選項。在剛才的素材圖片中,我又拖入了一個新的色輪素材,因為色輪上顏色比較多,更容易說明問題:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

現在雙擊色輪圖層,彈出混合選項的面板,把下拉菜單中的灰色,切換為紅色:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

與此同時,下方的兩根漸變條也由剛才的從黑到白,變成了從黑到紅。如果把第一根漸變條的白色滑塊向左移動,隨便移動多少都行,看看效果:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

圖片中帶有紅色調的部分,隨著滑塊調整幅度,開始消失,被裁掉了。也就是說,在灰色時,向左拖動白色滑塊,是裁掉白色。而在紅色中,向左拖動白色滑塊,是裁掉具有紅色調的顏色。現在把滑塊復位,我們去拖動黑色滑塊,看看又會發生什麼:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

它會裁掉紅色調的互補色,也就是包含青色的部分,挺有意思吧?這就說明,當你把顏色設置為紅色的時候,拖動白色滑塊,是裁剪掉紅色與其相近色,拖動白色滑塊,就會裁剪掉紅色的互補色青色,與其相近色。

顏色的課題我們是講過很多次的,大家都該知道什麼是互補色和相近色,那麼依此類推,當我們在下拉菜單中選擇綠色,去拖動白色滑塊,裁掉的就是綠色和它的相近色,而拖動黑色滑塊,裁掉的就是綠色的互補色洋紅,和它的相近色,看看是不是這樣:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

沒有問題,事實就是如此。那藍色我們就不用再截圖了,在藍色中,拖動白色滑塊,裁掉的肯定是藍色和它的相近色,而拖動黑色滑塊,裁掉的就一定是藍色的互補色黃色,和它的相近色。這就是第一根漸變條上,兩個滑塊在顏色中的工作方法。

我們再來看看下面這根漸變條再顏色菜單中會有怎樣的表現:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

在我拖動白色滑塊的時候,下方聖誕樹圖層中的紅色部分優先顯示出來。

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

我再去拖動黑色滑塊,下方聖誕樹圖層中的青色部分會優先顯示。這看起來與剛才第一根漸變條的原理相似,都是以互補色的形式進行調整。綠色和藍色也是相同的道理,我們就不逐個演示了。

到此,我們知道了,在顏色混合帶的下拉菜單中中,是分為灰色和紅綠藍彩色的,灰色對應的就是亮度,黑白灰。紅綠藍對應的就是RGB的三原色和它們的互補色,搞懂了這些原理,相信再遇到使用顏色混合帶調色的時候,你就不會那麼困惑了。


我們再來看看顏色混合帶還能做點什麼,換張圖片,隨便在照片上打幾個字吧:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

文字一看就像貼上去的,不能與背景相溶。這時候我們可以雙擊文字圖層,調出混合選項,在混合顏色帶上做一點小小的處理:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

聯繫前面所有的內容,想一想為什麼在拖動了第二根漸變條上的黑色滑塊後,會出現這樣的效果?再說一次,第二根漸變條的名字是"下一圖層",下一圖層指的是哪個?肯定是文字下面的背景圖層,當我們拖動黑色滑塊的時候,就是保護這個圖層的陰影,所以拖動以後,木紋上的陰影被保留,就呈現當前的效果了。接下來按住ALT鍵,拆分滑塊,讓這些效果過渡的好看一點:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

是不是看起來自然多了。點擊確定,完成調整後,你還可以使用移動工具(V),隨意拖動文字圖層放在任何位置,隨著你的鼠標拖動位置的變化,下方木紋顏色不同,也會使文字上混合出來的效果產生變化:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

還有個更好玩的小技巧,我們新建一個空白圖層,使用白色的畫筆,在松樹枝上隨意塗抹幾下:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

然後同樣使用與剛才文字效果一樣,保護陰影的方法,去拖動滑塊,看看會發生什麼:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

已經為剛才的松樹枝填上了雪。因為我們保護了陰影,這樣畫上去的白色就不會影響陰影。所以就產生了樹枝被雪覆蓋的效果了。這是混合顏色帶在灰色模式下的一個小實例,再次證明在灰色下,無論怎樣拖動滑塊,拖動哪一根漸變條上的滑塊,你所能影響到的,只有亮度。


再來看個例子:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

前段時間熱映的電影《哪吒》海報,設計的很炫酷,通體暖色調,現在我想把它的暗部變成冷色調,讓它產生一些冷暖對比,該怎麼操作?如果你看懂了前面內容的原理,那這個操作就太小兒科了:

新建一個曲線的調整圖層,看著海報中的顏色去做調整,以前咱們說過,調色就是一個此消彼長的過程,增加一個顏色,就一定會相對應的減少另一個顏色。海報中的暗部都有哪些顏色?主要是紅色和黃色對吧,想讓它變為冷色調,該加什麼顏色?一定是紅色和黃色的互補色,那就是青色和藍色,想明白了,就動手:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

首先在曲線的紅通道中,減少紅色,就是增加青色。

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

再到藍通道中,增加藍色,就等於對等的減少黃色。現在整張海報顏色已經改變了,但我們前面說的是,把暗部變為冷色調,那就雙擊曲線圖層,調出混合選項,在混合顏色帶上來完成:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

只改變暗部的顏色,那就該把底層的高光保護起來,讓它不受影響,所以拖動第二根漸變條的白色滑塊,從圖上就可以看到,高光恢復到曲線調整前的樣子了,這就說明曲線調整圖層不能影響高光部分。接下來拆分白色滑塊,增加一點羽化效果:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

現在陰影和高光之間的過渡不那麼生硬了,做個動圖,看看效果:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

在這裡,我們討論的不是這張海報該不該這樣調整,而是看這個工具怎樣使用,請大家注意力不要偏移。

那麼把剛才的例子反過來,我只想改變高光的顏色,不影響陰影的顏色,那就反過來做唄,只拖動黑色滑塊,然後拆分滑塊,做個羽化也就完成了:

強大的PS混合顏色帶 你真的會用嗎?帶你徹底瞭解它的工作原理

這一節,我們只去瞭解"混合顏色帶"的工作原理和基本使用方法,這個工具還有好多種用法,比如搭配圖層混合模式來使用,單獨銳化暗部或高光,為照片換個天空等等,我們會在未來的實例中慢慢接觸和學習。希望大家喜歡這個教程,並從中學習到新的知識。希望小夥伴們多加練習,多做嘗試,習慣去使用這個功能,相信你會愛上它的強大!

很重要的一點:以上內容僅代表我個人觀點,只是我自己對軟件用法的理解,希望大家選擇性吸收。


好了,本節內容就到這裡,我是好色之圖,喜歡攝影和PS,會不定時的推出一些攝影文章和PS教程,還會分享一些PS小插件和調色預設如果你感興趣,請關注我,感謝觀看。

如果您覺得本節內容還有點用處,請點贊、評論、轉發,謝謝各位的支持!


歡迎有著共同愛好的朋友加入我們的興趣小圈子,我們一起學習,共同提高!

(此處已添加圈子卡片,請到今日頭條客戶端查看)


分享到:


相關文章: