tft每日頭條

 > 生活

 > ps調色教程簡單顔色也能魅力無窮

ps調色教程簡單顔色也能魅力無窮

生活 更新时间:2024-12-25 23:20:16

想要學習好調色,最主要的是什麼?是這 16 個調整圖層?

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)1

還是這個參數複雜的 ACR 濾鏡?

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)2

其實都不是!而是需要了解色彩的一些底層邏輯。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)3

一、屏幕顯示成像原理

很小的時候,不小心在電腦屏幕上滴了一滴水,水滴在屏幕上産生了放大的效果,透過水滴,看到了由藍色、綠色、紅色長方形色條組成的正方形小顆粒。

這樣的小顆粒縮小到一定程度并等量發光,就能得到一個小白點。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)4

無數個這樣的小顆粒首尾相鍊,就能形成一條白色的線。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)5

無數這樣白色的線平鋪屏幕,就能得到一個接近白色的色塊(由于 PS 中演示,色塊與色塊之間是獨立存在的所以沒辦法形成純白色,但是原理是相同的)。

無數條白色的線:

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)6

白色的色塊:

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)7

如此下來,我們可以總結一個原理:即顯示器會發出白發光,是由于有很多微小的發光二極管拼在一起。每個二極管可以顯示紅、綠、藍三種顔色。當藍、綠、紅三種顔色完全顯示疊在一起,得到了純白色。以不同的比例顯示,就會得到不同的顔色。

就像這樣:

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)8

所以我們看到的每一張圖片,其實就是由無數個發光量不同的藍色、綠色、紅色色塊組合而成。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)9

下圖每個部分的紅黃藍的比例不同,因此天空呈現灰白色,其他地方呈現不同顔色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)10

了解這個原理之後,我們再來看看PS中的通道。你會發現有:紅、綠、藍三色通道。(備注:RGB通道,就是三色通道的混合)

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)11

那麼我們所要說的調色底層邏輯是:在一張圖片中,使用調整圖層,針對不同的顔色施加不同的命令,從而得到自己想要的顔色。比如下圖用了色階、通道混合器、曲線、可選顔色、色相/飽和度、色彩平衡。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)12

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)13

到了這裡,接下來我們就該用簡單的語言,讓大家了解一下這些調整圖層的作用啦:通道混合器、可選顔色、色相/飽和度。

1.通道混合器

​輸出單位(圖中①處),就是我們需要調整的通道顔色。下方的紅、綠、藍分别代表不同的顔色在輸出單位中的比例。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)14

我們想要得到一張偏青色的圖,隻需要降低一張圖中的紅色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)15

在這張圖中,想要讓畫面色調偏青,就将輸出單位設置為紅色,下方的紅色參數數值降低即可

(紅色由100%顯示變成隻顯示60%)。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)16

以上就是通道混合器的使用原理。

2.可選顔色

​顔色(圖中①處):用于調整畫面中所顯示出的顔色,在這張圖中顯示出的顔色可以調整,沒有顯示出的顔色無法調整。

下方滑塊(圖中②處):青色、洋紅色、黃色對應為藍、綠、紅三原色兩兩之間混合色。黑色為所選顔色飽和度。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)17

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)18

這張圖中沒有藍色綠色,所以我們調整藍色,綠色是不會有效果的。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)19

當我們需要讓這張圖下方的草地偏綠色,根據顔色混合,降低圖中的紅色與藍色,或者是紅色藍色的混合色洋紅色,都能達到這樣的目的。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)20

所以分析總結後得到我們需要做的操作:草地中的顔色由紅色黃色組成。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)21

接下來我演示一下。顔色選擇為紅色,降低紅色中的洋紅色,能讓紅色偏綠。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)22

顔色選中黃色,降低黃色中的洋紅色,讓顔色進一步偏綠。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)23

分别加強紅色與黃色中的黑色參數,就能讓綠色的飽和度增加。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)24

以上就是可選顔色的使用原理。

3.色相/飽和度

色相飽和度的難點主要是在下方的兩條漸變色條,上方的色條是參照組,下方的色條是調整組。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)25

如果想要讓圖中的草地改為綠色,就隻需要修改色相,讓上方色條中包含草地範圍的顔色與下方綠色顔色對齊。

原圖草地顔色為紅 黃色,調整色相滑塊,将需要調整的綠色,覆蓋紅色與黃色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)26

如果想要将畫面中的背景布,改為藍色背景布,就可以采用同樣的方式,将下方藍色色相顔色與紅色色相對應。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)27

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)28

二、調色中明暗與色彩的關系

随便挑選一張平平無奇的圖片素材。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)29

如果我們将圖片轉換為馬賽克的小格子狀,就能得到一張這樣的彩色格子圖片。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)30

如果我們給這張圖片添加一個黑白效果,我們就能得到一張黑白灰關系的網格圖。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)31

将不同明度的色塊按照規律,從左到右,從深到淺排列,就能得到一張這樣的圖片。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)32

是不是很眼熟?這就是直方圖或者說色階圖,橫向表示的是顔色的明度,縱向表示的是這個明度的顔色在畫面中占比多少。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)33

直方圖中色階的分布:表示一張圖片内不同顔色在畫面中的所占比例,因為這張圖中沒有較亮的高光與白色顔色,所以在直方圖中就不會有高光與白色的信息。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)34

比如在原圖曲線中添加幾個錨點,用來确保其它顔色無法被影響,然後調整高光與白色部分的曲線,畫面就不會受到影響。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)35

調整之後,天空變亮一些,其他地方的顔色沒有變化。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)36

了解完直方圖,我們再來學剩下的三種調整圖層:色階、曲線、色彩平衡。

1.色階

首先我們看看色階上方的 3 個三角形小點。

  • 最左側的點表示:直方圖中的深色,或者說純黑色。
  • 最右側的點表示:直方圖中的純白色。
  • 中間的點表示:直方圖中的純灰色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)37

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)38

當我們将要左側的三角形往右側移動,表達的意思就是将直方圖黑色範圍往中間色移動,左側三角形移動完成後,三角形左側的範圍都變為黑色,也就是将原有深色的地面,修改為黑色地面。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)39

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)40

這個時候如果想要讓畫面中天空的範圍不受影響,隻需要将中間色三角形移動到色階中部的位置,因為這樣,修改前和修改後處于中間色與白色之間的色階關系是沒有發生改變的,而在這張圖中,天空的顔色,就處于中間色與白色之間。

調整前:

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)41

調整後:

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)42

接着是下方的輸出色階,左側輸出色階表示:為畫面中最深色,右側輸出色階表示為:畫面中最淺色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)43

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)44

将左側輸出色階往右側移動,意思就是将畫面中最深色提亮。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)45

根據色階的使用原理結合色彩關系,就能調出自己想要的顔色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)46

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)47

2.曲線

​曲線中的直方圖在曲線的背景中,圖中傾斜的線,就是曲線,從右上角到左下角,分别映射圖中的,白色部分,高光部分,中間色部分,陰影部分,與黑色部分。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)48

選中曲線上的點,即可調整曲線的輸入與輸出數值:

輸入值可以讓曲線上的關鍵點,在坐标中左右移動,0為坐标的最左側,255為坐标的最右側。

輸出值可以讓曲線上的關鍵點,在坐标中上下移動,0為坐标的最底部,255為坐标的最頂部。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)49

沿着原始曲線将曲線坐标網格分為兩部分:

左上角為淺色區,曲線上的任何點越過原始曲線往左上角移動,都會将對應的點提亮。

右下角為深色區,曲線上的任何點越過原始曲線往右下角移動,都會将對應的點壓暗。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)50

通過曲線結合直方圖就能調出所見到的大部分色調,對于初學者學習調色是很有幫助的。

比如我們想要将演示的素材調整為銀翼殺手 2049 的色調,我能就隻需要找到一張參考圖,并根據直方圖中的參數,對畫面做基本分析。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)51

因為彩色圖片是由三色通道混合而成,所以在臨摹色調時可以先調整三色通道。

①紅色通道

分析:畫面中紅色通道顔色大部分集中在中間色,高光白色範圍内并沒有紅色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)52

但是我們的參考圖中,高光與中間色中有大面積的紅色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)53

調整:将紅色受光效果提亮,暗部效果壓暗。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)54

②綠色通道

分析:畫面綠色通道在高光與白色範圍内并沒有分布,根據參考對象得知需要讓畫面中的高光範圍内有綠色,暗部範圍内的綠色增加。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)55

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)56

所以我們提亮綠色高光曲線,讓畫面中高光範圍内出現綠色效果。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)57

③藍色通道

分析:畫面藍色通道在高光與白色範圍内并沒有分布,根據參考對象得知需要讓畫面中的部分高光範圍内有藍色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)58

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)59

調整藍色曲線,增加暗部藍色,減少高光部分藍色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)60

④RGB曲線

三色通道調整完成後畫面深色顔會偏暗,所以需要通過RGB曲線,提亮暗部。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)61

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)62

最終效果對比:

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)63

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)64

3.色彩平衡

色彩平衡中,色調表示調整的範圍,與色階曲線中的色彩分布是一緻的,因為沒有白色與黑色,所以色彩平衡沒辦法讓畫面變為純黑白色。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)65

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)66

色彩平衡在畫面中起平衡色彩作用,增加一種顔色的色值,其它兩種顔色就會發生改變。

比如增加藍色,與降低紅色與綠色的結果是一樣的。色彩平衡通常用于統一畫面色調,調整畫面色偏。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)67

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)68

大家可以将圖片保存下來,自己在 PS 中嘗試調整,畢竟好記性不如爛筆頭,練一遍效果才會更好。

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)69

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)70

以下合成作品采用了這篇文中所說的調色思維,一起來欣賞一下吧~

ps調色教程簡單顔色也能魅力無窮(看了就會的調色思路)71

,

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

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

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