Photoshop打造細(xì)膩光感抽象漸變背景教程

教你Photoshop打造細(xì)膩光感抽象漸變背景,教程一步步講解的非常詳細(xì),主要過程分為設(shè)定漸變基礎(chǔ)色、變形記、調(diào)色大師、模糊和質(zhì)感及完成背景:畫龍點(diǎn)睛五大步驟,想要學(xué)習(xí)ps漸變工具使用技巧和抽象漸變背景制作方法的朋友一起去看看吧!
前言:工具的兩面性
漸變應(yīng)該是這兩年的一個(gè)視覺風(fēng)格趨勢(shì),將扁平化的平涂填色改為漸變以后,瞬間靈動(dòng)了不少。在追逐漸變的過程中,我們都很高興能在PS或AI這類軟件中看到有漸變工具,這個(gè)工具為我們的創(chuàng)作帶了便捷和直達(dá)的目的,但同時(shí),很多新手小伙伴也許習(xí)慣依賴于軟件自帶的漸變工具,而不再繼續(xù)對(duì)漸變進(jìn)一步的探索,結(jié)果就是,無論你做多少漸變,如果直接使用漸變工具,總是覺得和那些廣受好評(píng)的漸變作品有一段距離。
這是直接用漸變工具畫出的漸變背景,表面上看并無大問題,如果仔細(xì)看去會(huì)看到有一層層的過渡并不自然的“wave”,相對(duì)來說,這也許并不是最理想的結(jié)果。
下面這一組漸變作品是我研究總結(jié),并增加了簡(jiǎn)單技巧而創(chuàng)作的抽象漸變背景。下面我們會(huì)一一來操作其中一個(gè)漸變背景的做法。這類背景可以運(yùn)用在許多領(lǐng)域,但根據(jù)屏幕顯色和印刷色的色感不同,普通印刷后的效果可能并沒有傳遞好屏幕中所營(yíng)造的“光感”,所以這在WEB端的平面設(shè)計(jì)中會(huì)更常用到。
靈感來源
感謝國(guó)外網(wǎng)友分享的Romain Gorisse的作品,本文得益并吸取他的作品靈感而來。
一、設(shè)定漸變基礎(chǔ)色
漸變一定和色彩有著密不可分的關(guān)系,所以色彩學(xué)是用好漸變的基礎(chǔ)。當(dāng)然,你也可以慢慢來,學(xué)習(xí)的過程就是次序成長(zhǎng)。所以我們?cè)诒疚闹幸矔?huì)涉及到部分色彩學(xué)的內(nèi)容。
STEP 01
我們首先打開PS中的漸變工具,確定好漸變的基礎(chǔ)色。之所以稱其為基礎(chǔ)色,是因?yàn)樯试谡麄€(gè)的創(chuàng)作過程中并不是一蹴而就,它是漸進(jìn)式一步步接近最終效果的一個(gè)發(fā)展變化的過程。所以第一步設(shè)置的色彩,只能是一個(gè)基礎(chǔ)。
在設(shè)置這些基礎(chǔ)色的時(shí)候,我們要確定漸變基礎(chǔ)色色標(biāo)的數(shù)量。這個(gè)數(shù)量為2、3、4……都行,但是總體的漸變所覆蓋的色彩的幅度不要太大,這里的幅度就是指在色輪上的色彩的范圍。
上圖中,距離180°的漸變色(下)就比距離90°的漸變色(上)來得更為復(fù)雜,但不是簡(jiǎn)單就一定好過復(fù)雜,大家要對(duì)即將要做出的漸變的色彩在色輪上的位置以及相互間的關(guān)系有個(gè)了解。這就比盲目嘗試各種組合配色來得更為踏實(shí)。盡量在配色上保持某種協(xié)調(diào)性。
STEP 02
根據(jù)確定好的配色方向,設(shè)定好配色,以及在漸變工具中它們之間的距離。在設(shè)定這些基礎(chǔ)色時(shí),除了在色相上對(duì)色彩進(jìn)行安排,還應(yīng)該考慮的是色彩的明度和飽和度,這兩者都是能影響整體色調(diào)的感覺。通常在選擇色彩時(shí),起碼要考慮加入進(jìn)一個(gè)明度較高的色彩、一個(gè)飽和度較高的色彩,使整體的配色在明度和飽和度上都能體現(xiàn)出一定的變化對(duì)比,從而利用明度等屬性來營(yíng)造出光感。
將這幾個(gè)色彩確定好了以后,就采用漸變工具拉出一個(gè)鋪滿整個(gè)畫布的背景。這時(shí),漸變的方式為線性漸變,當(dāng)然你也可以采用其他的漸變形式,這將會(huì)改變你的整個(gè)抽象的基礎(chǔ)形。
二、變形記
STEP 03
液化工具是PS中一個(gè)非常好用且能直接改變圖像外形的工具(聽說很多愛美的小姑娘用它來美顏~)。我們?cè)谶@里把這個(gè)工具看作一個(gè)變形工具。目前這個(gè)線性漸變所繪制的背景看上去相對(duì)比較平淡,運(yùn)用液化工具就能將它改變成任意你希望的造型。
抽象的魅力就是沒有目的和方向,任由你做到滿意為止。這一過程也是我最喜歡的部分。平面設(shè)計(jì)中有很多這類即興創(chuàng)作,是作為設(shè)計(jì)師最為享受的時(shí)刻。
進(jìn)入【濾鏡>液化】,在液化的工具面板中,首先記得勾選“固定邊緣”,這可以確保你在使用各種變形的工具時(shí)不會(huì)改變你的背景邊緣。
STEP 04
在進(jìn)行液化工具時(shí),我使用的小工具有左側(cè)的“向前變形工具”、“褶皺工具”、“平滑工具”、……幾乎左側(cè)的工具箱中從上至下開始數(shù)的前7個(gè)小工具都能用上。這是一個(gè)即興創(chuàng)作的過程,所以我就不再詳述。每個(gè)工具的用途都不同,但它們都能改變你的圖案外形。
雖說創(chuàng)作沒有標(biāo)準(zhǔn)答案,但仍然有一些需要注意的問題:
1)盡量保留你的漸變色中所設(shè)定的深色與亮色的對(duì)比,不要不小心把某一種色彩變“沒”了,這樣也失去了一開始設(shè)定漸變基礎(chǔ)色的意義。
2)使用一個(gè)工具改變一次,可以就保存一次(也即是退出液化工具),然后再進(jìn)一步進(jìn)入液化工具繼續(xù)做出變化。否則有些時(shí)候由于顯卡等各方面配置等原因會(huì)出現(xiàn)液化后的效果偏離在工具面板中的效果(比如莫名出現(xiàn)一些黑色的矩形),這是很難預(yù)料的。所以做一次保存一次是比較保險(xiǎn)的做法。
三、調(diào)色大師
如果對(duì)PS的調(diào)色工具只能想到對(duì)照片的優(yōu)化,那就太局限了。接下來,對(duì)于目前的色彩仍然是有調(diào)色的必要。
STEP 05
選中這一圖層的基礎(chǔ)上,為其增加一個(gè)“曲線”調(diào)整圖層,曲線可以增加它的明暗對(duì)比,讓對(duì)比顯得更大或更小。
在使用調(diào)整工具時(shí),不要想著一個(gè)工具就能直達(dá)效果,它往往只能是細(xì)微的改變,通過不斷小小的微調(diào),最終達(dá)到質(zhì)的飛躍。(如果是直接調(diào)整原圖的,我建議可以復(fù)制一個(gè)層,然后在復(fù)制層上進(jìn)行調(diào)整,這樣好不斷和原圖進(jìn)行對(duì)比。或者像我一樣采用調(diào)整圖層。)
上圖中運(yùn)用了曲線后的圖像明顯去掉了一層“灰蒙”之感
STEP 06
運(yùn)用飽和度等色彩屬性,為其增加“色相/飽和度”調(diào)整圖層。進(jìn)一步讓色彩更為明晰透徹。
你當(dāng)然也可以運(yùn)用其他的調(diào)整圖層,根據(jù)實(shí)際的需求對(duì)圖片進(jìn)行調(diào)色。我們這里就暫定再這個(gè)階段。
四、模糊和質(zhì)感
讓我們繼續(xù)為其增加質(zhì)感,這時(shí)主要需要用到的就是模糊工具。模糊能將目前已經(jīng)被處理得較尖銳化的部分變得柔和透亮。
STEP 07
將以上步驟完成的合并為一個(gè)圖層,然后在這個(gè)圖層上運(yùn)用高斯模糊。高斯模糊的半徑為9,模糊的數(shù)值設(shè)置太大就會(huì)失去高光的存在感。
STEP 08
這一步不是必要的步驟,前提是如果你在上一步中運(yùn)用高斯模糊后將整個(gè)色彩變得比較“平”,也就是高光或陰影的色彩被抹平了的感覺,那么就可以采用復(fù)制一層的方法,然后將其進(jìn)行比較大的高斯模糊的處理。
例如在這里我將這個(gè)復(fù)制層的高斯模糊參數(shù)設(shè)定為48。然后將復(fù)制層的混合模式改為正片疊底,透明度降低至23%。
當(dāng)然,如果你是想要讓圖片的高光部分更亮,那么就將混合模式改為濾色、強(qiáng)光等加亮的混合模式。
STEP 09
這時(shí),我們要為這個(gè)背景圖案增加一種顆粒感,顆粒感可以提升整體畫面的質(zhì)感。
也是將上面步驟的圖層全部合并為一個(gè)圖層,然后進(jìn)入【濾鏡>雜色>添加雜色】。可在面板中將數(shù)量設(shè)定為10,分布的方式為平均分布。
五、完成背景:畫龍點(diǎn)睛
STEP 10
這時(shí),我們可以繪制一個(gè)匹配手機(jī)屏幕的背景外形,畫好一個(gè)矩形,然后再將圖案設(shè)置為這個(gè)矩形的剪切蒙版。
STEP 11
最后在這個(gè)已完成的背景上,再一次進(jìn)行自由創(chuàng)作。我們可以在此繪制一個(gè)圓形,圓形填充為漸變。這個(gè)漸變可以和之前所用的漸變保持一致。
STEP 12
將漸變圓進(jìn)行高斯模糊處理,模糊半徑為28。然后將這個(gè)圖層設(shè)置為下面圖層的剪切蒙版。
STEP 13
為這個(gè)圖層增加一個(gè)蒙版,在蒙版上使用黑白漸變。然后將圖層混合模式改為“劃分”,透明度降至45%。也可以根據(jù)情況挪動(dòng)圓形的位置。
也可以復(fù)制再復(fù)制一層漸變圓形,然后重新安排它的位置和形狀尺寸,讓畫面看起來更“豐富”。
STEP 14
最后為其添加上文字,以下就是最終的效果。
結(jié)語
最近比較貪玩,所以文章和手中的項(xiàng)目也就擱置了一段。當(dāng)開始自由職業(yè)的時(shí)候,就想著唯一的目標(biāo)就是自由了。不折損自己的自由度,這是底線。
因?yàn)樵诨I劃一款網(wǎng)頁的產(chǎn)品,想要有所不同,也在等自己心里的畫面慢慢浮上來,所以一切都不敢急躁。反而是在悠游狀態(tài)中,時(shí)不時(shí)就能收獲一些毫不費(fèi)力的成果。我把這個(gè)過程叫做自我升級(jí)。自己的軟件要升級(jí)、自己也要升級(jí)。升級(jí)的不僅是自己的薪水、職業(yè)、計(jì)劃……還有自己的膽量和做事的方式。以前那種憋著一股子勁,想著一定拼上性命也要完成好工作,在目前的我看來,也就是舊的思想體系的一個(gè)驅(qū)動(dòng)核心,它好用,但是它過時(shí)了。
很多設(shè)計(jì)師留言跟我說加班好辛苦,工作沒前景。這些問題,只要夠膽,敢舍棄,就不是問題。抓住痛苦的是我們自己,所以怨言也就只能是怨言,死掉的草根,生長(zhǎng)不動(dòng),反而壞了你的土壤。
好東西一定是突然靈光一閃得到的。我在逛街時(shí),朋友對(duì)我說,沒有一眼看中的衣服不要買。買了你日后會(huì)后悔。后來試過幾次果然如此。這種即興的態(tài)度影響了我的工作,全憑眼水當(dāng)然也是心里沒譜,但是聽?wèi){直覺總是在關(guān)鍵時(shí)刻發(fā)揮大用。設(shè)計(jì)其實(shí)也一樣,工作時(shí)往往對(duì)著電腦弄半天也就馬馬虎虎過不去,不如晚上睡前閉目大腦里的畫面驚艷一閃,可惜,沒捉到。
我把這些都劃為過去了,2018年,應(yīng)該有個(gè)新的開始。
原文地址:ifeiwu
作者:飛屋睿
相關(guān)教程推薦:
ps漸變映射原理是什么?PS實(shí)例詳解漸變映射使用原理與方法
相關(guān)文章
psd文件用什么打開? 沒有Photoshop的情況下打開psd文件的四種方法
收到了psd文件,但是電腦沒有安裝ps,該怎么解決這個(gè)問題呢?下面我們就來看看這個(gè)問題的解決辦法2024-12-24ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過程中,Photoshop總是會(huì)無緣無故地自動(dòng)退出,這不僅打斷了工作流程,還可能導(dǎo)致未保存的更改丟失,令人頭疼不已,本文將深入剖析Photoshop自動(dòng)退出的原因,并提供相2024-07-04怎么優(yōu)化PSD文件? 有效防止Photoshop崩潰卡死的技巧奧
明就幾個(gè)圖層,并沒有引入什么大型圖片,但是 PSD 文件卻異常巨大,而且用起來經(jīng)常卡頓?下面我們就來看看pds文件優(yōu)化方法2024-05-25- 將多個(gè)圖層合并為一個(gè)圖層,但作為設(shè)計(jì)師你需要了解一下合并圖層是有破壞性的,下面我們就來詳細(xì)介紹一下2024-05-25
- 通常是因?yàn)镻hotoshop使用的暫存盤空間不足,導(dǎo)致無法正常工作,那么,如何解決這一問題呢?本文將為您提供詳細(xì)的解決方案2024-05-25
PS存儲(chǔ)和存儲(chǔ)為有什么區(qū)別? 理解存儲(chǔ)與存儲(chǔ)為的重要性
ps導(dǎo)出文件的時(shí)候,可以直接存儲(chǔ),也可以另存存儲(chǔ)為,這兩個(gè)操作有區(qū)別嗎?新手該怎么保存文件呢?詳細(xì)請(qǐng)看下文介紹2024-03-28ps beta ai顯示高峰需求進(jìn)不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能,在使用過程中,有時(shí)會(huì)遇到一個(gè)令人煩惱的問題,那就是PhotoshopBetaAI提示我們正在面臨高峰需求,請(qǐng)稍候再試,針對(duì)這個(gè)問題,本文為大家整理2024-03-28ps段落兩端對(duì)齊不能用怎么辦? ps文字排版不能對(duì)齊的修復(fù)技巧
PS進(jìn)行設(shè)計(jì)時(shí),段落兩端對(duì)齊是一個(gè)常用的排版功能,它能讓文本看起來更加整潔和專業(yè),然而,許多用戶在使用PS時(shí)可能會(huì)遇到一個(gè)令人頭疼的問題:段落兩端對(duì)齊功能似乎不起作2024-03-09ps插件安裝在哪個(gè)文件夾 ps插件安裝位置詳細(xì)介紹
PS插件是許多人常用的一種工具,有些用戶可能會(huì)困惑,不知道應(yīng)該將PS插件安裝到哪個(gè)文件夾,對(duì)于這個(gè)問題我們需要從多個(gè)角度進(jìn)行分析,以便給出一個(gè)準(zhǔn)確的答案2024-02-20ps打開出現(xiàn)dll文件丟失怎么辦 ps提示缺少dll文件的詳細(xì)修復(fù)方法
打開ps時(shí),系統(tǒng)提示缺少DLL文件,這通常意味著應(yīng)用程序無法找到它所依賴的DLL文件,可能是因?yàn)檫@些文件已經(jīng)被刪除、移動(dòng)或更改了名稱,下面我們就來分享幾種解決辦法2024-02-19