În acest tutorial, veți învăța cum să completați un formular cu o imagine în Photoshop! După cum veți vedea, Photoshop simplifică plasarea unei fotografii în orice tip de formă, de la un dreptunghi de bază sau cerc la o formă personalizată de lux. Pentru acest tutorial, vom folosi una dintre formele personalizate gata făcute de Photoshop. Dar, după ce ai aflat pașii, poți începe să plasezi imagini în orice formă îți place!

Iată cum va arăta efectul final „imagine în formă” când am terminat. Desigur, acesta este doar un exemplu de efect. Există multe forme din care să alegeți în Photoshop și puteți chiar să vă creați propriul dvs. Așadar, după ce ați aflat pașii, nu există nici o limită la ceea ce puteți face:

Efectul final „imagine în formă”.

Să începem!

Cum să completați o formă cu o fotografie

Folosesc Photoshop CC, dar tot ceea ce vom face este compatibil și cu Photoshop CS6.

Pasul 1: Creați un document nou

Să începem prin crearea unui nou document. Accesați meniul Fișier din bara de meniu din partea de sus a ecranului și alegeți nou :

Accesând fișier și nou.

Aceasta deschide caseta de dialog Document nou . Dacă utilizați Photoshop CC, veți vedea versiunea recent redesenată a casetei de dialog Document nou. Dacă utilizați Photoshop CS6, veți vedea versiunea mai veche, tradițională. Vom analiza mai întâi versiunea Photoshop CC, apoi vom analiza versiunea CS6.

În Photoshop CC, opțiunile pentru crearea unui nou document personalizat se găsesc în panoul Detalii presetate din partea dreaptă a casetei de dialog. Pentru acest tutorial, să creăm un document în formă de pătrat. Setați lățimea și înălțimea la 2000 de pixeli . Rezolvăm Rezoluția la 72 de pixeli / inch, iar Conținutul de fundal la Alb . Faceți clic pe Creare pentru a crea noul document:

Panoul Detalii presetate din caseta de dialog Document nou în Photoshop CC.

În Photoshop CS6, setați din nou atât lățimea cât și înălțimea la 2000 de pixeli, rezoluția la 72 de pixeli / inch și conținutul de fundal pe alb . Faceți clic pe OK pentru a crea noul document:

Caseta de dialog Nou în Photoshop CS6.

Urmăriți videoclipul și împărtășiți comentariile dvs. pe canalul nostru YouTube!

Pasul 2: Selectați instrumentul Formă personalizată

După cum am menționat anterior, puteți utiliza orice tip de formă pentru acest efect, de la un simplu dreptunghi sau cerc la o formă personalizată. Pentru acest tutorial, voi folosi una dintre formele personalizate încorporate Photoshop.

Selectați Instrumentul de formă personalizată din bara de instrumente. În mod implicit, Instrumentul de formă personalizată este amplasat în spatele Instrumentului dreptunghi. Faceți clic dreapta (Win) / Control-clic (Mac) pe Instrumentul dreptunghi, apoi alegeți Instrumentul de formă personalizată din meniu:

Selectarea instrumentului de formă personalizată din bara de instrumente.

Pasul 3: Setați modul Instrument pe „formă”

Există trei tipuri diferite de forme pe care le putem desena în Photoshop. Putem desena forme vectoriale, căi sau forme bazate pe pixeli . În acest sens, dorim să desenăm forme vectoriale, ceea ce ne va permite să desenăm forma oricărei dimensiuni de care avem nevoie, păstrând marginile frumos și ascuțite.

Photoshop se referă la forme vectoriale pur și simplu la „forme”. Cu instrumentul de formă personalizată selectat, asigurați-vă că opțiunea Mod de instrument din bara de opțiuni este setată la Formă :

Setarea modului instrument pe „Formă” în bara de opțiuni.

Pasul 4: Setați culoarea formei la negru

Pentru a ne vedea forma pe fundalul alb, vom seta culoarea de umplere a formei la negru . Veți găsi swatch-ul de culoare Complet în bara de opțiuni (direct lângă opțiunea Modul instrument).

În mod implicit, culoarea va fi deja la negru. Dacă nu, apăsați litera D pe tastatură. Aceasta vă va reseta culorile de prim plan și de fundal la valorile implicite ale acestora, făcând culoarea prim-plan (și culoarea de umplere a formei) negru:

Completarea culorilor de umplere în bara de opțiuni. Asigurați-vă că este setat pe negru.

Pasul 5: Încărcați formele personalizate

Photoshop include o mulțime de forme personalizate gata, dintre care putem alege. Dar implicit, doar o mână de ele sunt încărcate în program. Pentru a găsi restul, trebuie să le încărcăm în noi înșine.

Miniatura Shape din bara de opțiuni afișează forma selectată în prezent. Faceți clic pe miniatură pentru a alege o altă formă:

Faceți clic pe miniatura Shape din bara de opțiuni.

Aceasta deschide selecționatorul de forme personalizate, cu miniaturi ale tuturor formelor din care putem alege. După cum am menționat, în mod implicit, sunt afișate doar o mână de forme. Haideți să încărcăm toate formele pentru a ne putea alege mai mult.

Faceți clic pe pictograma meniului ( pictograma roată) în colțul din dreapta sus al selectorului de forme personalizate:

Făcând clic pe pictograma meniului Picker personalizat.

În jumătatea de jos a meniului care apare, veți vedea o listă cu toate seturile de forme personalizate din care putem alege. În loc să le încarcă pe fiecare separat pentru a vedea ce obținem, hai să le încărcăm toate în același timp. Pentru a face acest lucru, selectați Toate din partea de sus a listei:

Încărcarea tuturor seturilor de forme personalizate în Photoshop.

Photoshop vă va întreba dacă doriți să înlocuiți formele curente cu cele noi. Deoarece formele implicite sunt incluse în diversele seturi de forme, nu vom pierde nimic înlocuindu-le, așa că faceți clic pe OK :

Faceți clic pe OK pentru a înlocui formele curente cu cele noi.

Pasul 6: alegeți o formă personalizată

Înapoi în selectorul de forme personalizate, avem acum multe alte forme pentru a alege. Parcurgeți miniaturile până îl găsiți pe cel pe care doriți să îl utilizați. Forma inimii (care de fapt face parte din formele implicite) este o alegere populară. Dar pentru ceva diferit, voi alege forma fluturelui .

Pentru a selecta o formă, faceți dublu clic pe miniatură. Aceasta selectează forma și se închide din selectorul de forme personalizate.

Selectarea formei personalizate a fluturilor.

Pasul 7: Desenați forma

Pentru a vă desena forma, faceți clic în stânga sus a documentului pentru a seta un punct de plecare. Cu butonul mouse-ului încă ținut apăsat, apăsați și țineți apăsată tasta Shift de pe tastatură și trageți în diagonală în jos, spre colțul din dreapta jos al documentului. Apăsați tasta Shift în timp ce trageți blochează raportul de aspect al formei, astfel încât să nu distorsionați aspectul.

Pe măsură ce desenați forma, veți vedea doar o schiță a căii care va arăta forma:

Faceți clic în stânga sus, țineți apăsat Shift și trageți în dreapta jos.

Pentru a completa forma, eliberați butonul mouse-ului, apoi eliberați tasta Shift. Asigurați-vă că eliberați mai întâi butonul mouse-ului, apoi tasta Shift sau raportul de aspect al formei se pot schimba. Photoshop desenează forma, completând-o cu negru:

Photoshop desenează forma când eliberați butonul mouse-ului.

Dacă ne uităm în panoul Straturi, vom vedea forma care stă pe propriul strat Formă deasupra stratului de fundal umplut alb:

Panoul Straturi care arată stratul Formă deasupra stratului Fundal.

Pasul 8: Mutați forma în centru

Pentru a muta forma în centrul documentului, selectați Instrumentul de mișcare Photoshop din bara de instrumente:

Selectarea instrumentului Mutare.

Apoi, faceți clic pe formă și trageți-o în centru. Ar trebui să se fixeze în loc odată ce vă apropiați de mijloc:

Mutarea formei în poziție.

Pasul 9: deschideți-vă imaginea

Deschideți imaginea pe care doriți să o așezați în forma dvs. Iată cea pe care o folosesc (fată cu fotografie fluture de la Adobe Stock). Imaginea dvs. se va deschide în propriul document cu file separate:

Imaginea pe care o voi pune în interiorul formei. Credit foto: Adobe Stock.

Pasul 10: Selectați și copiați imaginea

Să copiem imaginea și să o lipiți în documentul formei. Accesați meniul Select din partea de sus a ecranului și alegeți Toate . Veți vedea un contur de selecție în jurul imaginii.

Accesând Selectați> Toate.

Cu imaginea selectată, accesați meniul Edit și alegeți Copiere :

Accesând Editare> Copiere.

Pasul 11: Lipiți imaginea în documentul de formă

Comutați înapoi la documentul formei făcând clic pe fila acestuia chiar sub bara de opțiuni. Dacă nu ați denumit documentul când l-ați creat (ceea ce nu l-am făcut), cel mai probabil este denumit „Untitled-1”:

Dând clic pe fila documentului de formă.

Apoi, reveniți la meniul Editare și de data aceasta, alegeți Lipire :

Accesând Editare> Lipire.

Photoshop lipeste imaginea în document. În acest moment, imaginea blochează complet forma din vedere. De asemenea, imaginea mea este prea mare pentru a se încadra complet în documentul formei. Vom rezolva ambele aceste probleme în următorii doi pași:

Imaginea a fost lipită în documentul formei.

Pasul 12: Creați o mască de decupare

Dacă ne uităm din nou în panoul Straturi, vedem că Photoshop a plasat imaginea pe un nou strat deasupra stratului Formă:

Panoul Straturi care arată imaginea de deasupra formei.

Pentru a plasa imaginea în interiorul formei, tot ce trebuie să facem este să creăm o mască de tuns. Asigurați-vă că aveți stratul de imagine („Strat 1”) selectat. Apoi, mergeți la meniul Strat din partea de sus a ecranului și alegeți Creare mască de tuns :

Accesarea stratului> Creare mască de decupare.

Acest lucru „clipează” imaginea de pe „Strat 1” în stratul Formă de sub el, ceea ce înseamnă că singura parte a imaginii care rămâne vizibilă în document este zona care stă direct deasupra (sau în fața) formei. Restul imaginii este acum ascuns, creând iluzia că imaginea este de fapt în interiorul formei:

Masca de decupare plasează imaginea în interiorul formei.

Și dacă ne uităm din nou în panoul Straturi, vedem că „Layer 1” este indentat la dreapta, cu o săgeată mică îndreptată în jos spre stratul Shape de sub el. Așa se face că Photoshop ne anunță că imaginea este acum tăiată la forma:

Panoul Straturi care prezintă imaginea decupată în stratul Formă.

Pasul 13: Redimensionați și repuneți imaginea cu transformare gratuită

Pentru redimensionarea și repoziționarea imaginii în interiorul formei, asigurați-vă din nou că ați selectat „Layer 1”. Apoi accesați meniul Edit și alegeți Transformare gratuită :

Accesând Editare> Transformare gratuită.

Aceasta plasează caseta Transform gratuit și mânerele (pătratele mici) în jurul dimensiunilor reale ale imaginii dvs., inclusiv zona din afara panzei vizibile. Dacă nu puteți vedea toate mânerele dvs. de transformare gratuită, deoarece imaginea dvs. este prea mare pentru a se încadra în întregime pe ecran, accesați meniul Vizualizare și alegeți Fit on Screen :

Accesarea Vizualizare> Ajustare pe ecran.

Photoshop va ajusta automat nivelul de zoom, astfel încât întreaga casetă Transformare gratuită să fie vizibilă. Aici, vedem căsuța mea de Transformare liberă care se extinde spre dreapta pânzei:

Caseta Transformare gratuită apare în jurul întregii imagini.

Pentru a redimensiona imaginea în interiorul formei, apăsați și țineți apăsată tasta Shift și trageți oricare dintre mânerele colțului . Apăsați tasta Shift în timp ce trageți blochează aspectul original al formei pe măsură ce o redimensionați.

Pentru a muta imaginea în interiorul formei, faceți clic pe oriunde în caseta Transformare gratuită și trageți imaginea în poziție.

Aici, glisez mânerul din colțul din dreapta sus spre interior și am mutat și imaginea pentru a se potrivi mai bine feței fetei în forma aripii fluturelor:

Folosind Free Transform pentru redimensionarea și mutarea imaginii în interiorul formei.

Când sunteți gata, apăsați Enter (Win) / Return (Mac) de pe tastatură pentru a comuta schimbarea și închideți comanda Free Transform:

Imaginea se potrivește mai bine în formă.

Pasul 14: Schimbați culoarea de fundal

În acest moment, efectul principal „imagine în formă” este făcut! Desigur, putem face întotdeauna mai multe pentru a-l personaliza și a face să pară și mai bine. Un lucru pe care îl putem face este să schimbăm culoarea fundalului.

Cel mai simplu mod de a schimba culoarea de fundal este folosind unul dintre straturile de umplere a coloratului solid Photoshop. Vom avea nevoie de stratul de umplere Culoare solidă pentru a apărea între stratul Fundal și stratul Formă, așa că mai întâi, faceți clic pe stratul Fundal din panoul Straturi pentru a-l selecta:

Selectarea stratului de fundal.

Apoi, faceți clic pe pictograma Strat nou sau umplere din partea inferioară a panoului Straturi:

Făcând clic pe pictograma Strat nou de umplere sau reglare

Alegeți Culoare solidă din partea de sus a listei:

Adăugarea unui strat de umplere de culori solide.

Pop-urile Photoshop deschid Color Picker unde putem alege o nouă culoare. Negrul este o alegere populară ca culoare de fundal pentru acest efect, așa că haideți să vedem cum arată asta:

Alegerea negrului din Color Picker.

Negru cu siguranță scoate la iveală detaliile formei, dar ca culoare de fundal pentru un fluture, nu sunt sigur că funcționează:

Rezultatul după schimbarea culorii de fundal la negru.

putea alege o culoare diferită de Color Picker în sine. Sau, aș putea proba o culoare direct din imaginea din interior, care funcționează adesea mai bine.

Pentru a face acest lucru, mutați cursorul mouse-ului peste culoarea pe care doriți să o probați. Cursorul dvs. va trece temporar la pictograma Eyedropper Tool, permițându-vă să știți că este gata să probați o culoare. Îmi place să păstrez subtilitatea culorilor de fundal, așa că, mai degrabă decât să aleg verde din copaci sau roșu din flori, voi alege un ton ușor de piele de pe fruntea fetei, făcând clic pe ea pentru a o proba:

Eșantionarea unei culori pe care să o folosești pentru fundal.

Imediat ce dau clic, culoarea eșantionată devine noua culoare de fundal. Îmi place mai bine această nouă culoare, așa că voi face clic pe OK pentru a închide Color Picker:

Culoarea eșantionată este acum culoarea de fundal.

Dacă ne uităm în panoul Straturi, vom vedea stratul nostru de umplere de culoare solidă, denumit „Completare culoare 1”, așezat între stratul Fundal și stratul Formă, chiar acolo unde am avut nevoie de el:

Panoul Straturi care prezintă noul strat de umplere a culorii solide.

Pasul 15: Adăugați un accident vascular cerebral

În cele din urmă, să terminăm efectul adăugând o lovitură în jurul formei. Faceți clic pe stratul Formă din panoul Straturi pentru a-l selecta:

Selectarea stratului Shape.

Apoi, faceți clic pe pictograma Stiluri de strat (pictograma " fx ") din partea inferioară a panoului Straturi:

Dând clic pe pictograma Stiluri de strat.

Alegeți Stroke din listă:

Alegerea unui stil Stroke layer.

Aceasta deschide caseta de dialog Stil Layer Photoshop setată la opțiunile Stroke din coloana din mijloc. Pentru a schimba culoarea cursei, faceți clic pe swatch-ul de culori :

Făcând clic pe swatch-ul de culoare.

Se deschide din nou Color Picker. Voi alege culoarea albă pentru culoarea mea, apoi voi face clic pe OK pentru a închide selectorul de culori:

Alegerea albului din Color Picker.

Înapoi în caseta de dialog Strat strat, voi seta Poziția cursei pe Afară, astfel încât să apară în exteriorul formei. Apoi, voi crește valoarea Dimensiunii pentru a ajusta grosimea cursei. Pentru această imagine, cred că o dimensiune de aproximativ 12 px funcționează bine:

Setarea poziției pe exterior și dimensiunea la 12 px.

Faceți clic pe OK pentru a închide caseta de dialog Strat strat. Și cu asta, am terminat! Aici, după ce am schimbat culoarea de fundal și am adăugat o lovitură în jurul fluturelui, este efectul meu final de „imagine în formă”:

Rezultatul final.

Și acolo îl avem! Așa se poate așeza cu ușurință o imagine în interiorul unei forme folosind măști de tuns în Photoshop! Consultați secțiunea noastră Efecte foto pentru mai multe tutoriale cu efecte Photoshop! Și nu uitați, toate tutorialele noastre Photoshop sunt acum disponibile ca PDF-uri gata de imprimare!