背景教程,教你如何制作出過(guò)渡自然的漸變背景

2021-11-15 13:39:28 來(lái)源/作者: 自媒體 / Yisvip 己有:1367人學(xué)習(xí)過(guò)

本篇背景教程跟大家分享了如何制作出過(guò)渡自然的漸變背景,這個(gè)方法比直接用漸變工具畫(huà)出來(lái)的效果要自然很多,大家有興趣的就進(jìn)來(lái)了解一下這個(gè)方法吧。

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

這是直接用漸變工具畫(huà)出的漸變背景,表面上看并無(wú)大問(wèn)題,如果仔細(xì)看去會(huì)看到有一層層的過(guò)渡并不自然的“wave”,相對(duì)來(lái)說(shuō),這也許并不是最理想的結(jié)果。

背景教程,教你如何制作出過(guò)渡自然的漸變背景插圖

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

背景教程,教你如何制作出過(guò)渡自然的漸變背景插圖(1)

靈感來(lái)源

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

一、設(shè)定漸變基礎(chǔ)色

漸變一定和色彩有著密不可分的關(guān)系,所以色彩學(xué)是用好漸變的基礎(chǔ)。當(dāng)然,你也可以慢慢來(lái),學(xué)習(xí)的過(guò)程就是次序成長(zhǎng)。所以我們?cè)诒疚闹幸矔?huì)涉及到部分色彩學(xué)的內(nèi)容。

STEP 01

我們首先打開(kāi)PS中的漸變工具,確定好漸變的基礎(chǔ)色。之所以稱其為基礎(chǔ)色,是因?yàn)樯试谡麄€(gè)的創(chuàng)作過(guò)程中并不是一蹴而就,它是漸進(jìn)式一步步接近最終效果的一個(gè)發(fā)展變化的過(guò)程。所以第一步設(shè)置的色彩,只能是一個(gè)基礎(chǔ)。

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

背景教程,教你如何制作出過(guò)渡自然的漸變背景插圖(2)

上圖中,距離180°的漸變色(下)就比距離90°的漸變色(上)來(lái)得更為復(fù)雜,但不是簡(jiǎn)單就一定好過(guò)復(fù)雜,大家要對(duì)即將要做出的漸變的色彩在色輪上的位置以及相互間的關(guān)系有個(gè)了解。這就比盲目嘗試各種組合配色來(lái)得更為踏實(shí)。盡量在配色上保持某種協(xié)調(diào)性。

STEP 02

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

背景教程,教你如何制作出過(guò)渡自然的漸變背景插圖(3)

將這幾個(gè)色彩確定好了以后,就采用漸變工具拉出一個(gè)鋪滿整個(gè)畫(huà)布的背景。這時(shí),漸變的方式為線性漸變,當(dāng)然你也可以采用其他的漸變形式,這將會(huì)改變你的整個(gè)抽象的基礎(chǔ)形。

二、變形記

STEP 03

液化工具是PS中一個(gè)非常好用且能直接改變圖像外形的工具(聽(tīng)說(shuō)很多愛(ài)美的小姑娘用它來(lái)美顏~)。我們?cè)谶@里把這個(gè)工具看作一個(gè)變形工具。目前這個(gè)線性漸變所繪制的背景看上去相對(duì)比較平淡,運(yùn)用液化工具就能將它改變成任意你希望的造型。

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

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