背景教程，教你如何制作出過渡自然的漸變背景

本篇背景教程跟大家分享了如何制作出過渡自然的漸變背景，這個方法比直接用漸變工具畫出來的效果要自然很多，大家有興趣的就進來了解一下這個方法吧。

漸變應該是這兩年的一個視覺風格趨勢，將扁平化的平涂填色改為漸變以后，瞬間靈動了不少。在追逐漸變的過程中，我們都很高興能在PS或AI這類軟件中看到有漸變工具，這個工具為我們的創(chuàng)作帶了便捷和直達的目的，但同時，很多新手小伙伴也許習慣依賴于軟件自帶的漸變工具，而不再繼續(xù)對漸變進一步的探索，結果就是，無論你做多少漸變，如果直接使用漸變工具，總是覺得和那些廣受好評的漸變作品有一段距離。

這是直接用漸變工具畫出的漸變背景，表面上看并無大問題，如果仔細看去會看到有一層層的過渡并不自然的“wave”，相對來說，這也許并不是最理想的結果。

tgudhdp.cn

下面這一組漸變作品是我研究總結，并增加了簡單技巧而創(chuàng)作的抽象漸變背景。下面我們會一一來操作其中一個漸變背景的做法。這類背景可以運用在許多領域，但根據(jù)屏幕顯色和印刷色的色感不同，普通印刷后的效果可能并沒有傳遞好屏幕中所營造的“光感”，所以這在WEB端的平面設計中會更常用到。

靈感來源

感謝國外網(wǎng)友分享的Romain Gorisse的作品，本文得益并吸取他的作品靈感而來。

一、設定漸變基礎色

漸變一定和色彩有著密不可分的關系，所以色彩學是用好漸變的基礎。當然，你也可以慢慢來，學習的過程就是次序成長。所以我們在本文中也會涉及到部分色彩學的內容。

STEP 01

我們首先打開PS中的漸變工具，確定好漸變的基礎色。之所以稱其為基礎色，是因為色彩在整個的創(chuàng)作過程中并不是一蹴而就，它是漸進式一步步接近最終效果的一個發(fā)展變化的過程。所以第一步設置的色彩，只能是一個基礎。

在設置這些基礎色的時候，我們要確定漸變基礎色色標的數(shù)量。這個數(shù)量為2、3、4……都行，但是總體的漸變所覆蓋的色彩的幅度不要太大，這里的幅度就是指在色輪上的色彩的范圍。

上圖中，距離180°的漸變色(下)就比距離90°的漸變色(上)來得更為復雜，但不是簡單就一定好過復雜，大家要對即將要做出的漸變的色彩在色輪上的位置以及相互間的關系有個了解。這就比盲目嘗試各種組合配色來得更為踏實。盡量在配色上保持某種協(xié)調性。

STEP 02

根據(jù)確定好的配色方向，設定好配色，以及在漸變工具中它們之間的距離。在設定這些基礎色時，除了在色相上對色彩進行安排，還應該考慮的是色彩的明度和飽和度，這兩者都是能影響整體色調的感覺。通常在選擇色彩時，起碼要考慮加入進一個明度較高的色彩、一個飽和度較高的色彩，使整體的配色在明度和飽和度上都能體現(xiàn)出一定的變化對比，從而利用明度等屬性來營造出光感。

將這幾個色彩確定好了以后，就采用漸變工具拉出一個鋪滿整個畫布的背景。這時，漸變的方式為線性漸變，當然你也可以采用其他的漸變形式，這將會改變你的整個抽象的基礎形。

二、變形記

STEP 03

液化工具是PS中一個非常好用且能直接改變圖像外形的工具(聽說很多愛美的小姑娘用它來美顏~)。我們在這里把這個工具看作一個變形工具。目前這個線性漸變所繪制的背景看上去相對比較平淡，運用液化工具就能將它改變成任意你希望的造型。

抽象的魅力就是沒有目的和方向，任由你做到滿意為止。這一過程也是我最喜歡的部分。平面設計中有很多這類即興創(chuàng)作，是作為設計師最為享受的時刻。

進入【濾鏡>液化】，在液化的工具面板中，首先記得勾選“固定邊緣”，這可以確保你在使用各種變形的工具時不會改變你的背景邊緣。