Estompați o imagine pe orice fundal de culoare cu Photoshop

cum să estompezi o imagine într-un fundal color cu Photoshop

Aflați pas cu pas cum să estompați o imagine în fundal negru, alb sau orice culoare cu Photoshop! Perfect pentru adăugarea de spațiu pentru text sau pentru a amesteca o imagine cu un design.

scris de Steve Patterson.

în acest tutorial, vă arăt cât de ușor este să estompați o imagine în orice culoare de fundal cu Photoshop. Aceasta este o modalitate excelentă de a amesteca o imagine într-un design mai mare sau de a crea spațiu pentru a adăuga text lângă subiect.

vom începe prin crearea unui nou document și plasarea unei imagini în el. Apoi vom alege o culoare inițială pentru fundal și vom estompa imaginea în culoare folosind o mască de strat. În cele din urmă, vă voi arăta cum să schimbați fundalul în orice culoare doriți, inclusiv cum să alegeți o culoare direct din imaginea în sine.

puteți urmări împreună cu orice versiune recentă de Photoshop. Rețineți însă că unul dintre pași folosește un gradient, iar Adobe a făcut modificări la gradienți înapoi în Photoshop 2020. Deci, pentru cele mai bune rezultate cu acest tutorial, veți dori să utilizați Photoshop 2020 sau o versiune ulterioară. Folosesc Photoshop 2021.

Iată un exemplu despre cum va arăta rezultatul final:

cum să estompezi o imagine într-o culoare de fundal cu Photoshop

o imagine estompată într-o culoare de fundal.

să începem!

descărcați acest tutorial ca PDF pregătit pentru imprimare!

Pasul 1: Crearea unui nou document Photoshop

începeți prin crearea unui nou document. Dacă vă aflați pe ecranul de pornire Photoshop, creați un document nou făcând clic pe butonul Creare nou

făcând clic pe butonul Creare nou de pe ecranul de pornire Photoshop.

făcând clic pe Creare nou pe ecranul de pornire.

sau dacă sunteți pe interfața principală, accesați meniul fișier și alegeți nou:

 alegând noua comandă din meniul fișier Photoshop.

mergând la fișier > nou.

apoi, în caseta de dialog Document nou, introduceți setările. Voi seta lățimea la 3000 pixeli, înălțimea la 1600 pixeli, rezoluția la 300 pixeli pe inch și conținutul de fundal La alb:

setările pentru noul document Photoshop

noile setări ale documentului.

apoi creați noul document făcând clic pe butonul Creare:

 făcând clic pe butonul Creare din caseta de dialog Document nou Photoshop.

făcând clic pe butonul Creare.

Pasul 2: Plasați imaginea în document

apoi, plasați imaginea în document accesând meniul fișier și alegând loc încorporat:

alegerea comenzii place Embedded din meniul fișier Photoshop.

mergând la fișier > loc încorporat.

navigați la imaginea de pe computer, faceți clic pe imagine pentru a o selecta, apoi faceți clic pe loc:

 selectarea și plasarea imaginii în documentul Photoshop.

Alegerea imaginii și faceți clic pe loc.

înrudit: Deschideți imaginea vs plasați imaginea în Photoshop

Photoshop plasează imaginea în document și deschide comanda transformare gratuită, astfel încât să putem redimensiona imaginea dacă este necesar și să o mutăm în poziție. Dacă imaginea dvs. este mai mare decât dimensiunea documentului, Photoshop o va redimensiona automat pentru a se potrivi, așa cum a făcut-o aici (portret de modă din Adobe Stock):

comanda transformare gratuită se deschide automat după plasarea imaginii în documentul Photoshop.

transformare gratuită se deschide automat atunci când plasați o imagine într-un document.

Pasul 3: Trageți subiectul într-o parte a documentului

pentru a face mai mult spațiu pentru ca imaginea să se estompeze în fundal, mutați subiectul în lateral apăsând și ținând apăsată tasta Shift de pe tastatură și trăgând imaginea la stânga sau la dreapta. Menținerea Shift limitează direcția pe care o puteți muta, facilitând tragerea directă peste:

glisarea subiectului într-o parte a documentului Photoshop.

glisarea subiectului pe o parte a documentului.

când ați terminat, închideți transformare gratuită făcând clic pe marcajul de selectare din bara de opțiuni:

închiderea transformării libere făcând clic pe marcajul de selectare.

făcând clic pe bifă.

în panoul Straturi, vedem că Photoshop a plasat imaginea pe un nou strat deasupra stratului de fundal:

 panoul Straturi Photoshop care arată imaginea plasată pe propriul strat.

imaginea a fost plasată pe propriul strat.

Related: cum de a deschide mai multe imagini ca straturi!

Pasul 4: Adăugați un strat de umplere de culoare solidă

nu vom folosi de fapt stratul de fundal pentru culoarea de fundal. În schimb, vom folosi un strat de umplere de culoare solidă, care va facilita alegerea oricărei culori de care avem nevoie.

pentru a adăuga un strat de umplere în culori solide, asigurați-vă mai întâi că stratul de imagine este selectat. Apoi faceți clic pe pictograma New Fill sau Adjustment Layer din partea de jos a panoului Layers:

făcând clic pe pictograma New Fill sau Adjustment Layer din panoul Layers din Photoshop

făcând clic pe pictograma New Fill sau Adjustment Layer.

și alegeți Culoare solidă din listă:

 adăugarea unui strat de umplere de culoare solidă.

adăugarea unui strat de umplere de culoare solidă.

Pasul 5: Alegeți o culoare de fundal inițială

în selectorul de culori, puteți alege orice culoare doriți. Dar voi alege albul deocamdată setând valorile R, G și B la 255. Ne vom întoarce și vom schimba culoarea după ce vom estompa imaginea în ea.

Faceți clic pe OK când ați terminat pentru a închide selectorul de culori:

 alegerea albului din selectorul de culori Photoshop.

alegerea albului ca culoare de fundal de pornire.

înapoi în panoul Straturi, stratul de umplere a fost adăugat deasupra imaginii, motiv pentru care blochează imaginea din vizualizare:

documentul este umplut temporar cu alb.

documentul este umplut temporar cu alb.

și observați că stratul de umplere include o mască de strat încorporată. Vom folosi această mască de strat pentru a estompa culoarea în imagine:

miniatura măștii de strat de pe stratul de umplere a culorilor solide.

miniatura măștii stratului de pe stratul de umplere.

Pasul 6: selectați masca stratului

în acest moment, este selectat stratul de umplere în sine, pe care îl putem spune după marginea albă din jurul specimenului de culoare. Avem nevoie ca masca stratului să fie selectată, așa că faceți clic pe miniatura măștii:

selectând masca stratului pe stratul de umplere a culorii solide.

selectarea măștii stratului.

Pasul 7: Selectați instrumentul Gradient

pentru a estompa culoarea și imaginea împreună, vom desena un gradient pe mască. Și pentru asta, avem nevoie de instrumentul Gradient.

selectați instrumentul Gradient din bara de instrumente:

 selectarea instrumentului Gradient din bara de instrumente Photoshop.

selectarea instrumentului Gradient.

Pasul 8: Alegeți gradientul alb-negru

apoi, în bara de opțiuni, faceți clic pe săgeata de lângă specimenul de gradient:

făcând clic pe săgeată pentru a deschide selectorul de Gradient în bara de opțiuni Photoshop

făcând clic pe săgeată pentru a deschide selectorul de Gradient.

în selectorul de Gradient, rotiți deschideți folderul Elemente de bază (nou începând cu Photoshop 2020) și alegeți gradientul alb-negru făcând dublu clic pe miniatura acestuia:

selectarea gradientului alb-negru în selectorul de Gradient Photoshop

făcând dublu clic pe miniatura gradientului alb-negru.

Pasul 9: Desenați un gradient alb-negru pe masca stratului

acum, deoarece nu putem vedea încă imaginea, nu vom face lucrurile corect la prima încercare. Dar ideea este de a trage un gradient negru spre alb peste masca stratului din zona în care dorim ca imaginea să se estompeze în culoare.

deci, setați un punct de plecare pentru gradient făcând clic și ținând apăsat undeva în zona generală a locului în care apare subiectul dvs. În cazul meu, ea este în dreapta:

făcând clic și ținând apăsat cu instrumentul Gradient pentru a seta începutul gradientului.

făcând clic și ținând apăsat cu instrumentul Gradient pentru a seta începutul gradientului.

apoi, cu butonul mouse-ului încă ținut apăsat, apăsați și mențineți apăsată tasta Shift de pe tastatură și trageți peste zona în care doriți ca imaginea și culoarea să se estompeze una în cealaltă. Deci, aceasta va fi zona de tranziție între culoare și imagine. Ținând apăsată tasta Shift în timp ce trageți limitează unghiul gradientului, astfel încât este mai ușor să trageți direct peste:

ținând apăsată tasta Shift și glisând peste zona de tranziție dintre imagine și culoarea de fundal.

ținând Shift și glisând peste zona de tranziție dintre imagine și culoare.

apoi, pentru a finaliza gradientul, eliberați butonul mouse-ului, apoi eliberați tasta Shift (în această ordine). Și exact așa, imaginea se estompează acum în culoare:

imaginea se estompează acum în culoarea bckground din Photoshop

imaginea se estompează acum în culoare.

vizualizarea gradientului în miniatura măștii stratului

putem vedea gradientul uitându-ne la miniatura măștii stratului din panoul straturilor. Zona neagră a măștii este locul în care stratul de umplere este ascuns 100%, permițând imaginii de sub ea să apară. Zona albă este locul în care stratul de umplere este vizibil 100% și blochează imaginea din vedere. Și gradientul dintre ele este locul în care se estompează împreună:

gradientul alb-negru apare în miniatura măștii stratului

gradientul apare în miniatura măștii stratului.

cum să vizualizați gradientul din document

de asemenea, puteți vizualiza masca stratului în document ținând apăsată tasta Alt (Win) / Option (Mac) pe un Mac și făcând clic pe miniatura măștii stratului:

ținând apăsat Alt (Win) / Option (Mac) și făcând clic pe miniatura măștii stratului

ținând apăsat Alt (Win) / Option (Mac) și făcând clic pe miniatura măștii stratului.

și acum este mai ușor pentru a vedea zona neagră în cazul în care imaginea este afișat prin, alb în cazul în care culoarea este vizibilă, și zona de tranziție între ele:

vizualizarea măștii stratului în documentul Photoshop

vizualizarea măștii stratului în document.

țineți apăsată tasta ALT sau Option și faceți clic din nou pe miniatura layer mask pentru a ascunde masca:

ținând apăsat Alt (Win) / Option (Mac) și făcând clic din nou pe miniatura layer mask

ținând apăsat Alt (Win) / Option (Mac) și făcând clic din nou pe miniatura layer mask.

Pasul 10: Redesenați gradientul pentru a regla efectul de estompare

acum, dacă nu ați desenat gradientul exact în locul potrivit, este în regulă, deoarece puteți desena altul. De fapt, puteți redesena gradientul de câte ori aveți nevoie. Fiecare gradient nou pe care îl desenați îl va înlocui pe cel precedent.

voi face clic pentru a-mi seta punctul de plecare undeva în jurul ochiului femeii:

 făcând clic pentru a seta punctul de plecare al celui de-al doilea gradient.

clic pentru a seta punctul de pornire al celui de-al doilea gradient.

apoi, cu butonul mouse-ului încă în jos, voi ține apăsată tasta Shift de pe tastatură și voi trage spre stânga:

 ținând apăsată tasta Shift și glisând peste zona de tranziție tthe.

ținând Shift și glisând peste zona de tranziție.

dar observați când eliberez butonul mouse-ului că am mers prea departe și putem vedea marginea stângă a imaginii:

 marginea stângă a imaginii este acum vizibilă.

marginea din stânga a imaginii este vizibilă.

așa că voi încerca încă o dată, începând din același loc:

 făcând clic pentru a seta punctul de pornire al celui de-al treilea gradient.

clic pentru a seta punctul de pornire pentru a treia încercare.

dar de data aceasta trăgând o distanță mai scurtă:

 trăgând o zonă de tranziție mai scurtă.

trăgând o zonă de tranziție mai scurtă.

voi elibera butonul mouse-ului, apoi tasta Shift. Și acest lucru arată mai bine:

imaginea se estompează mai bine în culoare după a treia încercare.

un rezultat mai bun.

pasul 11: alegeți o nouă culoare a stratului de umplere

după ce imaginea se estompează în culoare, puteți schimba culoarea făcând dublu clic pe specimenul de culoare al stratului de umplere din panoul Straturi:

făcând dublu clic pe specimenul de culoare al stratului de umplere

făcând dublu clic pe specimenul de culoare al stratului de umplere.

apoi alegeți o culoare nouă din selectorul de culori:

alegerea unei culori de fundal diferite de selectorul de culori

alegerea unei culori diferite de selectorul de culori.

sau alegeți una direct din imagine. Doar mutați cursorul mouse-ului peste imagine și faceți clic pe o culoare pentru ao proba.

opțiunea dimensiune eșantion

dar înainte de a proba o culoare, mergeți la bara de opțiuni și modificați dimensiunea eșantionului de la punctul eșantion (setarea implicită) la ceva mai mare, cum ar fi 3×3, 5×5 sau 11×11. În acest fel, veți proba culoarea medie a zonei, mai degrabă decât culoarea unui pixel individual. Voi alege 5×5:

alegerea unei dimensiuni mai mari a eșantionului pentru instrumentul Eyedropper din Photoshop

alegerea unei dimensiuni mai mari a eșantionului.

opțiunea eșantion

de asemenea, asigurați-vă că opțiunea eșantion este setată la toate straturile:

asigurându-vă că opțiunea eșantion este setată la toate straturile din bara de opțiuni Photoshop

asigurându-vă că eșantionul este setat la toate straturile.

apoi faceți clic pe diferite părți ale imaginii pentru a proba culoarea până când o găsiți pe cea care funcționează cel mai bine. Voi proba o culoare cenușie din dreapta sus. Când ați terminat, faceți clic pe OK pentru a închide selectorul de culori:

eșantionarea unei culori din partea dreaptă sus a imaginii pentru a o utiliza ca culoare de fundal în Photoshop

făcând clic în partea dreaptă sus a imaginii pentru a proba culoarea.

Pasul 12: Redesenați gradientul (opțional)

în cele din urmă, dacă doriți să vă întoarceți și să Redesenați gradientul, trebuie doar să reselectați miniatura măștii stratului din panoul Straturi:

Reselectarea miniaturii măștii stratului din panoul Straturi Photoshop

Reselectarea măștii stratului.

apoi, cu instrumentul Gradient încă selectat, faceți clic și țineți apăsat pe punctul de pornire, țineți apăsat Shift și trageți în afară zona de tranziție:

redesenarea gradientului de pe masca stratului

redesenarea gradientului de pe masca stratului.

eliberați butonul mouse-ului, apoi eliberați tasta Shift. Și iată rezultatul meu final:

imaginea se estompează în culoarea de fundal din Photoshop

efectul final.

unde să mergem mai departe…

și iată-l! Așa se estompează o imagine în orice culoare de fundal cu Photoshop!

pentru mai multe moduri de a amesteca imagini împreună, a verifica afară meu trei moduri de a amesteca două imagini tutorial. Sau vizitați secțiunea Efecte foto pentru mai multe tutoriale! Și nu uitați, toate tutorialele mele sunt disponibile pentru descărcare ca PDF-uri!

obțineți toate tutorialele noastre Photoshop ca PDF-uri! Descărcați-le astăzi!

Leave a Reply

Lasă un răspuns

Adresa ta de email nu va fi publicată.