Cum să estompați o imagine într-o culoare de fundal în Photoshop rapid cu Gradiente live

Trebuie să estompați o imagine într-o culoare de fundal pentru a adăuga spațiu pentru text sau alte elemente de design? În acest tutorial, ne vom uita la cea mai nouă și mai ușoară modalitate de a estompa o imagine într-o culoare de fundal în Photoshop, care utilizează Gradiente live.

Gradientele vii includ totul despre efectul de gradient (culoare, unghi etc.) care poate fi schimbat după realizarea efectului de gradient. Și când combinăm acest efect cu prim-planul Photoshop cu efectul de gradient transparent, avem o modalitate rapidă și ușoară de a estompa o imagine la orice culoare de care avem nevoie. Să vedem cum funcționează acest efect!

Pasul 1: Creați un nou document Photoshop

Să începem prin a crea un document nou. Dacă vă aflați pe ecranul principal, faceți clic pe butonul Fișier nou .

Sau din interfața principală Photoshop, accesați meniul Fișier și selectați Nou .

În caseta de dialog Document nou, introduceți setările pentru documentul dvs.

Acest ghid va stabili:

• Lățimea este de 3000 de pixeli
• Înălțimea este de 1600 de pixeli
• Rezoluția este de 300 pixeli/inch
• Fundalul este alb

Apoi faceți clic pe butonul Creare .

Va apărea noul document.

Dacă este necesar, măriți documentul accesând meniul Vizualizare și selectând Fit on Screen .

Pasul 2: Plasați imaginea în document

Adăugați o imagine în document accesând meniul Fișier și selectând Locați încorporat .

Navigați până unde este stocată imaginea pe computer, faceți clic pe imagine pentru a o selecta și faceți clic pe Locați .

Photoshop plasează imaginea pe pânză. De asemenea, adaugă controale Transformare gratuită în jurul imaginii, astfel încât să o puteți redimensiona dacă este necesar și să o mutați în poziția corectă.

Pasul 3: Repoziționați imaginea pe pânză

Mutați imaginea la stânga sau la dreapta pânzei pentru a face loc culorii. Țineți apăsată tasta Shift de pe tastatură în timp ce trageți pentru a facilita mutarea imaginii pe orizontală.

De exemplu, doriți ca subiectul să apară în partea dreaptă a pânzei și să se estompeze în culoare în partea stângă. Deci imaginea va fi trasă spre dreapta.

Apoi faceți clic pe bifa din bara de opțiuni pentru a accepta și a închide Free Transform.

În panoul Straturi, imaginea apare pe propriul strat deasupra stratului Fundal.

Pasul 4: Selectați Instrumentul Gradient

Pentru a estompa imaginea la orice culoare, selectați Instrumentul Gradient din bara de instrumente.

Apoi, în bara de opțiuni, asigurați-vă că Modul Instrument este setat la Gradient , ceea ce ne va permite să desenăm un gradient viu. Dacă setați pe Gradient clasic , veți desena vechiul stil de gradient fără caracteristici de gradient live.

Pasul 5: Selectați Prim-plan în gradient transparent

Încă în bara de opțiuni, faceți clic pe specimenul de gradient.

Apoi, rotiți, deschideți folderul Noțiuni de bază și selectați gradientul din prim-plan la transparent . Apăsați Enter sau Return pe Mac pentru a accepta.

Asigurați-vă că stilul Gradient este setat la Linear deoarece dorim să desenăm gradientul într-o linie dreaptă. De asemenea, asigurați-vă că Reverse este dezactivat, Dither este activat pentru a ajuta la reducerea oricărei benzi de culoare și Method este setată la Perceptual.

Pasul 6: Alegeți o culoare pentru a estompa imaginea

Selectați o culoare pentru gradient făcând clic pe eșantionul de culoare prim-plan din bara de instrumente.

Aceasta va fi culoarea la care se estompează imaginea. Deoarece desenăm un gradient viu, puteți oricând să vă întoarceți și să schimbați culorile mai târziu.

Exemplul va selecta alb pentru moment (setați toate valorile R, G și B la 255). Apoi faceți clic pe OK pentru a închide selectorul de culori.

Pasul 7: Desenați gradient pe imagine

Faceți clic și țineți apăsat pe imagine pentru a seta punctul de pornire pentru gradient. Exemplul va începe lângă marginea din stânga a imaginii.

Apoi țineți apăsat butonul mouse-ului și începeți să trageți din acel punct. Țineți apăsată tasta Shift de pe tastatură în timp ce trageți pentru a facilita tragerea direct.

Un avantaj al gradientului live față de gradientul clasic este că putem previzualiza gradientul pe măsură ce desenăm.

Nu vă faceți griji că obțineți gradientul exact acum. Doar desenați gradientul inițial și eliberați butonul mouse-ului.

În panoul Straturi, gradientul este adăugat la propriul strat Gradient Fill deasupra imaginii, păstrând gradientul și imaginea separate.

Pasul 8: Ajustați punctele de început și de sfârșit ale efectului de estompare

Observați controalele de pe pânză pe care le putem folosi acum pentru a edita gradientul.

Puteți face clic și trage opririle de culoare de la fiecare capăt al gradientului pentru a regla unde începe și se termină schimbarea. Țineți apăsată Shift în timp ce trageți pentru a muta opritorul de culoare într-o linie dreaptă.

Puteți chiar să faceți clic și să trageți linia care leagă opririle de culoare pentru a repoziționa gradientul pe pânză.

Deasupra acelei linii, veți vedea o pictogramă de diamant. De obicei, această pictogramă controlează punctul de mijloc dintre culorile de pe ambele părți. Dar, din moment ce lucrăm cu un gradient din prim-plan spre transparent, tragerea pictogramei nu va avea niciun efect.

Pasul 9: Ajustați punctul de mijloc de estompare

Dar puteți ajusta punctul de mijloc dintre culoare și transparență mergând la panoul Proprietăți și derulând în jos până când găsiți Opacity Controls .

Apoi trageți pictograma romb sub bara de previzualizare pentru a muta punctul de mijloc mai aproape de culoare sau transparență.

Pentru a reseta la centru, setați Locație la 50 .

Pasul 10: Reglați estomparea

Rețineți că tranziția în gradient între culoare și transparență nu pare lină. Cea mai mare parte a culorii este concentrată pe partea stângă, apoi se estompează foarte repede spre dreapta.

Uneori, schimbarea gradientului la o altă metodă în bara de opțiuni poate face lucrurile mai fluide.

Metoda implicită este Perceptual . Desenează culorile așa cum le văd ochii noștri în mod natural, ceea ce este de obicei ceea ce doriți atunci când lucrați cu degrade. Dar Perceptual nu este întotdeauna cea mai bună alegere pentru acest efect.

Există o altă metodă numită Classic , care desenează degradeuri așa cum a folosit Photoshop pentru a le desena.

Și observați că tranziția pare acum mai lină și mai graduală. Puteți alege metoda care se potrivește cel mai bine imaginii dvs., dar în cazul exemplu, Classic arată mai bine.

Pasul 11: alegeți o altă culoare de estompat (opțional)

Pentru a schimba culoarea la care se estompează imaginea, faceți dublu clic pe oprirea culorii imaginii respective. Asigurați-vă că alegeți o oprire pentru culoare, nu pentru transparență.

Apoi, există o modalitate de a alege o altă culoare din Selectorul de culori.

Sau, în timp ce Selectorul de culori este încă deschis, puteți eșantiona culorile direct din imagine.

Dar înainte de a eșantiona culoarea, accesați opțiunea Dimensiune eșantion din bara de opțiuni și schimbați-o de la Eșantion de punct la o dimensiune mai mare, cum ar fi 5 x 5 sau 11 x 11. În acest fel, veți eșantiona culoarea medie a zonei pe care faceți clic în loc de culoarea unui anumit pixel. De exemplu, vom alege 5 x 5.

Apoi faceți clic pe culoarea din imagine pentru a o proba. Exemplul va selecta o nuanță de gri din colțul din dreapta sus. Faceți clic pe OK pentru a închide selectorul de culori când ați terminat.

Pasul 12: faceți ajustările finale ale efectului de estompare

În acest moment, puteți face în continuare ajustări finale la punctele de început și de sfârșit ale efectului de gradient trăgând opririle de culoare.

Pentru a ascunde comenzile pânzei când ați terminat, pur și simplu selectați orice strat, altul decât stratul Umplere cu degrade din panoul Straturi.

Puteți readuce controalele pânzei reselectând stratul Gradient Fill, dar trebuie să activați și Instrumentul Gradient din bara de instrumente.

Iată rezultatul final al imaginii neclare la culoarea de fundal, gata să adauge text sau alte elemente de design în stânga.