tft每日頭條

 > 生活

 > 談談配色設計中各種顔色的心理象征

談談配色設計中各種顔色的心理象征

生活 更新时间:2024-07-29 16:24:33
可能你在某些地方會看到類似這種風格的圖片。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)1

1

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)2

2

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)3

3

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)4

4

這種風格叫做雙色調,它有比較強的視覺感染力,當你選擇一個合适的色彩對比關系來進行創作的時候,很輕松就能達到這樣的效果。


有基礎的朋友,當然知道這是利用Photoshop的漸變映射制作出來的效果。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)5


當然,PS裡面也會有一個雙色調功能,不過那個稍微複雜一點。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)6


所以,今天我們來着重了解漸變映射。

老規矩,先說方法,再來講原理。

第一步,打開一張圖片。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)7


第二步,添加漸變映射調整層。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)8


第三步,更改一下漸變關系。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)9


第四步,如果你願意的話,添加一個亮度對比度。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)10


第五步,添加一點文案。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)11


甚至你也可以更改一下色調。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)12


講完,操作步驟其實就這麼簡單,主要利用的工具就是漸變映射。

隻想了解操作步驟的朋友看到這裡就結束了,如果你想知道它的原理,請往下看。


分析:

問:漸變映射在哪裡?

答:在圖層面闆裡面添加“漸變映射”即可。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)13

把字面拆分來理解,當前包含“漸變”和“映射”四個字。漸變是什麼意思我想大家都很清楚,在這裡就不解釋了。

所以我們着重來解釋什麼是映射?

你隻需要搞清楚這個問題,即可完全了解漸變映射的的原理。


這個問題就是漸變映射它到底映射了什麼?

看一個案例就明白。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)14

請問上圖中的暗部區域、中間調、和暗部區域分别是哪裡?

看一眼就知道,衣服是暗部、皮膚和頭發是中間調、背景是亮部區域,是這個道理吧。


如果我在這張圖的上方添加一個藍色到綠色再到紅色的漸變映射,再次觀察。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)15

1、你會發現衣服變成了藍色、皮膚變成了綠色、背景變成了紅色。

2、翻譯過來就是當前圖片的暗部區域變成了藍色,中間調變成了綠色,亮部區域變成了紅色。


明白了嗎?實際上這根漸變條從左到右分别指的就是圖像的暗部、中間調、亮部區域而已。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)16


如果你添加了漸變映射,實際上就會把當前漸變條的暗部、中間調、亮部區域顔色映射到下方的圖像上面去。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)17

所以就會看到現在的結果。

1、漸變條最左邊的是暗部區域,當前是藍色。所以就會映射到下方圖像的暗部區域,也就是衣服,所以衣服會變藍色。

2、漸變條中間部分是中間調,當前是綠色。所以就會映射到下方圖像的中間調區域,也就皮膚或頭發,所以皮膚就變成了綠色。

3、漸變條最右邊是亮部區域,當前是紅色。所以就會映射到下方圖像的亮部區域,也就是背景,所以背景就變成了紅色。


既然知道了這個,考考你。

不要着急看答案,首先好好思考一下。

如果是一個純黑色,我在上方添加一個這樣的漸變映射調整層,你猜最終會變成什麼顔色。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)18


是的,猜對了,答案是藍色。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)19

1、因為漸變映射的最左邊,也就是藍色。對應的是下方圖層的暗部區域。

2、但下方的圖層隻有黑色,也就是說它隻有暗部區域,并不存在中間調和亮部區域。

3、所以漸變映射隻能映射暗部區域,所以隻會剩下藍色。


如果下方圖層是808080的灰色值呢?

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)20

同理,就隻剩下綠色了。因為隻映射了中間調。


稍微難一點的,請問這張圖片存在什麼問題?

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)21

很明顯,當前圖片偏灰,也就是說暗部區域是深灰,亮部區域是淺灰。

當前圖片中缺少黑白,所以沒有對比,就會導緻你現在看到的結果。


如果此時添加一個純黑到純白的漸變映射,再觀察。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)22

你會發現當前圖片還是偏灰,圖片還是缺少黑色和白色。


因為當前隻映射了漸變條的這個區域。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)23

當前圖像不存在黑色和白色,所以漸變映射也就隻能映射深灰到淺灰色的區域,它們是一一對應的。這樣解釋可以明白嗎?


現在再問你,漸變映射到底映射了什麼?

1、漸變映射從左到右對應的是下方圖層的暗部、中間調、亮部區域;

2、它是基于下方圖層的明暗關系來進行映射的,兩者一一對應;

3、如果下方圖層沒有黑色,即便你的漸變映射上有黑色,也映射不上去;


說到這裡,你應該知道了“漸變映射”和“漸變”區别。

如果我在當前圖像的上方隻添加添加漸變,是漸變,不是漸變映射,這兩個是不一樣的東西。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)24


談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)25

左邊是紅色,右邊是黃色。


如果更改它的圖層混合模式。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)26

發現沒有,它還是保持着左邊紅色,右邊黃色的規律。

它并沒有産生映射,也就是說原本你的漸變是什麼樣的,即使你更改圖層混合模式也沒用,它不會産生映射。


如果是漸變映射呢?

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)27

通過上面的知識你就知道,即使采用和漸變同樣的色彩,它是會根據下方圖層的黑白灰關系來去進行顔色映射。這樣你就知道了它們兩個工具的區别。


請記住:

1、“漸變”隻是相當于你拿一把刷子在圖層上方刷了一遍顔色而已。

2、“漸變映射”從左到右分别對應的是暗部、中間調、亮部。它可不是刷顔色這麼簡單,它是能夠進行顔色映射的。


回到文章開始的案例上面來。

既然方法和原理你已經明白,我就不繼續啰嗦下去了。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)28


在這裡提醒一下操作時候的注意事項。

1、我們是利用兩種顔色在進行漸變映射,如圖。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)29

為什麼是藍色在左邊,黃色在右邊?


可能你會問黃色在左,藍色在右邊,行不行?

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)30

很顯然,這不符合當前圖像的明暗關系,有一種圖像被反相的感覺。亮部被調暗了,暗部被調亮了。

所以我們在操作的時候注意一下顔色的映射關系。一般情況下,圖像的暗部區域我們會給一些明度比較低的色彩,亮部區域顯然要比暗部區域的顔色要亮才行。這樣才符合當前圖像的明暗關系。


2、盡量去尋找一些顔色對比較鮮明的色彩去進行組合,這樣的話視覺上的沖擊力會好一些。在漸變映射的這個地方,藏了很多預設,很多人沒有留意過。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)31

每個預設都去嘗試一下。


3、既然你知道漸變映射是根據下方圖像的明暗關系來進行映射的。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)32

那麼其實我們在調整的時候如果覺得效果不明顯,你甚至可以用其它方法增加當前圖像的明暗關系之後,再來進行漸變映射。比如我在漸變映射的下方添加了黑白調整層來去确定黑白關系。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)33


當然你也可以做完後在上方添加亮度對比度也可以。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)34

最後加上一些符合圖片主題的文案即可。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)35

所以,今天你知道了一張簡單雙色調風格的圖片制作思路,但重點是你了解了漸變映射的原理知識。


漸變映射的使用場景絕不是這麼單一。

很多時候我們是利用漸變映射來結合圖層混合模式使用的,但今天舉了一個簡單容易的案例告訴你了它的原理。

它還可以做些什麼事情呢?

1、我們可以利用它對圖像做一些簡單的調色;

2、可以利用它重新定義皮膚的顔色;

3、也可以利用它的黑白灰的特性,給一些黑白圖片進行着色,是非常方便的;

所以接下來我會利用今天學會的原理知識,把上面這些操作思路和方法都分享給你。

談談配色設計中各種顔色的心理象征(利用兩種顔色诠釋設計風格)36

,

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

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

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