Aflați cum puteți transforma imaginile într-un colaj foto distractiv vertical cu Photoshop! Un tutorial pas cu pas complet pentru Photoshop CC.

Scris de Steve Patterson.

În acest tutorial, vă arăt cât de ușor este să creați un colaj foto vertical cu Photoshop! Vom începe prin crearea unui nou document și împărțirea acestuia în secțiuni verticale folosind ghidurile Photoshop. Apoi vom trage selecții din ghiduri și vom lipi imaginile în selecții. Vom redimensiona și repoziționa imaginile cu Transformare gratuită și vom adăuga un atac în jurul imaginilor folosind efecte de strat. Și în final, vă voi arăta o modalitate rapidă de unificare a culorilor din imaginile dvs., astfel încât întregul colaj să se îmbine!

Iată cum va arăta ultimul colaj foto când vom termina. Am folosit șase imagini aici, dar acest efect poate fi personalizat cu ușurință pentru atâtea imagini pe care le aveți nevoie:

Rezultatul final.

Să începem!

Cum se creează un colaj foto vertical

Pentru a urmări acest tutorial, veți dori să utilizați cea mai recentă versiune a Photoshop CC. Vom începe prin crearea unui nou document Photoshop și apoi îl vom împărți în câte secțiuni trebuie să ne afișăm imaginile.

Vezi și: Transformă o fotografie într-un colaj cu Photoshop!

Pasul 1: Creați un nou document Photoshop

Când lansați Photoshop CC fără a deschide o imagine, sunteți dus la ecranul de pornire:

Ecranul de pornire din Photoshop CC.

Pentru a crea un document nou din Ecran de pornire, faceți clic pe butonul Creare nou în coloana din stânga:

Faceți clic pe butonul "Creare nou" '.

Sau accesați meniul File din bara de meniu și alegeți New :

Accesând Fișier> Nou.

Setarea lățimii și înălțimii documentului

În orice mod se deschide caseta de dialog Document nou. În panoul Detalii presetate de -a lungul dreptului, introduceți o lățime și o înălțime pentru documentul dvs. Pentru acest tutorial, voi crea un document care este de două ori mai larg decât este înalt. Voi seta lățimea pe 2000 pixeli și înălțimea la 1000 pixeli :

Introducerea Lățimii și Înălțimii pentru document.

Setarea valorii Rezoluției

Valoarea de rezoluție sub Lățime și Înălțime se aplică numai pentru tipărire. Deci, dacă nu veți imprima colajul dvs., puteți ignora această valoare. Dar dacă creați acest efect pentru imprimare, atunci setați rezoluția la 300 pixeli / inch, care este standardul industriei pentru imprimarea de înaltă calitate. Cel mai probabil veți avea nevoie de o dimensiune mai mare a documentului și veți dori să setați Lățimea și înălțimea în centimetri, nu în pixeli.

În cazul meu, din moment ce nu voi tipări colajul, valoarea Rezoluției nu contează:

Ignorați valoarea Rezoluției dacă nu veți imprima colajul.

Alegerea unei culori de fundal

Lăsați conținutul de fundal setat pe alb și orice altceva la setările implicite:

Alegerea albului pentru culoarea de fundal a documentului.

Crearea noului document

Apoi pentru a crea documentul și a închide caseta de dialog Document nou, faceți clic pe butonul Creare :

Crearea noului document.

Pe ecran apare noul document, completat cu alb:

Apare noul document.

Pasul 2: Adăugați ghiduri verticale

Pentru a împărți pânza în secțiuni verticale, vom folosi funcția Photoshop pentru noul ghid. Această caracteristică este disponibilă doar în Photoshop CC. Pentru a-l selecta, mergeți la meniul Vizualizare din bara de meniu și alegeți noul aspect de ghid :

Accesarea Vizualizare> Aspect nou ghid.

În caseta de dialog Aspect nou ghid, asigurați-vă că opțiunea Coloane este selectată (bifată). Apoi introduceți numărul de coloane de care aveți nevoie în câmpul Număr . În cazul meu, am șase imagini de afișat în colaj, așa că voi introduce 6 .

Lăsați câmpul Lățime gol pentru a permite Photoshop să împartă panza în secțiuni egale. Și, întrucât nu dorim niciun spațiu între coloane, lăsați și câmpul Gutter gol (sau setați-l la 0). De asemenea, nu avem nevoie de niciun ghid orizontal, așa că lăsați opțiunea Rânduri necontrolată. Apoi faceți clic pe OK pentru a închide caseta de dialog:

Setări pentru noul ghid.

Și acum avem ghidurile noastre care împart pânza în benzi verticale:

Documentul după adăugarea ghidurilor.

Pasul 3: deschideți imaginile

Apoi, deschideți imaginile pe care doriți să le plasați în colaj. Accesați meniul File și alegeți Open :

Accesând fișier> Deschide.

Apoi navigați la folderul care conține imaginile. Pentru a ușura lucrurile, am redenumit imaginile mele în funcție de locul în care vor apărea în colaj de la stânga la dreapta. Deci „1.jpg.webp” va fi prima imagine din stânga, „2.jpg.webp” va apărea lângă ea și până la „6.jpg.webp” în dreapta.

Vom deschide toate imaginile în Photoshop simultan. Pentru a selecta mai multe imagini, apăsați Shift în timp ce faceți clic pe miniaturi. Apoi faceți clic pe Deschide :

Faceți clic pe imaginile pentru a le selecta, apoi faceți clic pe Deschide.

Pasul 4: Comutați înapoi la documentul principal al colajului

Fiecare imagine se deschide în propriul său document separat și puteți comuta între documente făcând clic pe filele din partea de sus:

Faceți clic pe filele pentru a comuta între imagini.

Comutați înapoi la documentul principal al colajului („Untitled-1”) făcând clic pe fila acestuia:

Reselectarea documentului principal.

Pasul 5: Selectați instrumentul pentru marcaje dreptunghiulare

În acest moment, mutarea imaginilor în colaj este doar o chestiune de a repeta aceiași pași cu fiecare imagine. Și primul pas este să desenați o selecție în jurul uneia dintre benzile verticale.

Selectați Instrumentul pentru marcaje dreptunghiulare din bara de instrumente:

Selectarea instrumentului de marcă dreptunghiulară.

Pasul 6: Desenați o selecție în jurul uneia dintre benzile verticale

Apoi desenați o selecție în jurul uneia dintre secțiuni. Întrucât lucrăm de la stânga la dreapta, voi începe cu primul din stânga.

Faceți clic în colțul din stânga sus al secțiunii, apoi țineți butonul mouse-ului în jos și trageți în diagonală în jos în colțul din dreapta jos. Schița de selecție trebuie să se încadreze în ghidurile de pe ambele părți, precum și în partea de sus și de jos a documentului. Eliberați butonul mouse-ului și conturul de selecție va apărea în întreaga zonă:

Desenarea unei selecții dreptunghiulare în jurul primei secțiuni verticale a colajului.

Pasul 7: Comutați la una dintre imaginile dvs.

Comutați la imaginea pe care doriți să o plasați în selecție făcând clic pe fila acesteia. Voi face clic pe fila pentru prima mea imagine, „1.jpg.webp”:

Trecerea la documentul primei imagini.

Și iată imaginea pe care o folosesc. Am descărcat toate imaginile mele de pe Adobe Stock:

Prima imagine care va fi plasată în colaj. Credit foto: Adobe Stock.

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

Selectați imaginea accesând meniul Select și selectați Toate sau apăsând Ctrl + A (Câștigare) / Comandă + A (Mac):

Accesând Selectați> Toate.

Apoi copiați imaginea accesând meniul Edit și alegeți Copiere, sau apăsați Ctrl + C (Câștigă) / Comandă + C (Mac):

Accesând Editare> Copiere.

Pasul 9: Lipiți imaginea în selecție

Comutați înapoi la documentul principal al colajului făcând clic pe fila acestuia:

Reselectarea documentului principal.

Și apoi pentru a lipi imaginea în selecția dvs., accesați meniul Editare, alegeți Lipire specială, apoi alegeți Lipire în :

Accesarea Editare> Lipire specială> Lipire în.

Imaginea, sau cel puțin o parte a acesteia, apare în interiorul secțiunii. Deoarece imaginea este prea mare pentru a se încadra în banda verticală îngustă, este vizibilă doar o parte din imagine. Și șansele sunt, nu este partea pe care vrei să o afișezi. Vom învăța cum să mișcăm și să redimensionăm imaginea într-o clipă:

Rezultatul după lipirea imaginii în selecție.

Înrudit: Cum să lipiți o imagine într-o altă imagine cu Photoshop

Selecția este convertită într-o mască de strat

Dar observați că schița noastră de selecție a dispărut. În schimb, în ​​panoul Straturi, vedem că Photoshop nu numai că a plasat imaginea pe propriul strat, dar a transformat și conturul de selecție într-o mască de strat.

Partea albă a măștii este zona care a fost în interiorul selecției noastre și aceasta este zona în care imaginea este vizibilă în document. Iar partea neagră este tot ceea ce a fost în afara selecției. Aici este ascunsă imaginea:

Selecția a fost transformată într-o mască de strat.

Pasul 10: Redimensionați și mutați imaginea cu Transformare gratuită

Pentru redimensionarea imaginii din interiorul benzii verticale și pentru a muta subiectul în loc, vom folosi comanda Free Transform a Photoshop. Accesați meniul Edit și alegeți Transformare gratuită sau apăsați Ctrl + T (Win) / Command + T (Mac):

Accesând Editare> Transformare gratuită.

Aceasta plasează caseta Transformare gratuită și se ocupă cu imaginea. Dacă nu puteți vedea toate mânerele de transformare, deoarece imaginea dvs. se extinde dincolo de zona vizibilă a documentului, mergeți la meniul View și alegeți Fit on Screen sau apăsați Ctrl + 0 (Win) / Command + 0 (Mac) :

Accesarea Vizualizare> Ajustare pe ecran.

Apoi trageți mânerele pentru a redimensiona imaginea în banda verticală. Începând cu Photoshop CC 2019, glisarea unui mâner scalează imaginea în mod proporțional, astfel încât nu mai este necesar să apăsați Shift. Dar dacă doriți să scalați imaginea din centru, mai degrabă decât din partea sau colțul opus, țineți Alt (Win) / Option (Mac) în timp ce trageți.

Și pentru a muta subiectul în vedere, faceți clic și trageți în caseta Transformare gratuită:

Redimensionarea și mutarea imaginii în loc cu Free Transform.

Pentru a accepta și a închide Free Transform, apăsați Enter (Win) / Return (Mac). Apoi măriți din nou documentul dacă este necesar ținând apăsat butonul Ctrl (Win) / Command (Mac) și apăsând semnul plus ( + ) de pe tastatură. Și acum am plasat prima noastră imagine în colaj:

Se adaugă prima imagine.

Pasul 11: Repetați aceiași pași pentru a adăuga mai multe imagini

Acum că știm să plasăm o imagine în colaj, adăugând restul imaginilor noastre este doar o problemă de a repeta aceiași pași. Iată un rezumat rapid:

Selectați o nouă secțiune a colajului

În primul rând, utilizați Instrumentul pentru marcaje dreptunghiulare pentru a desena o selecție în jurul următoarei secțiuni verticale:

Selectarea secțiunii următoare a colajului.

Treceți la imaginea următoare

Apoi treceți la imaginea pe care doriți să o plasați în selecție făcând clic pe fila acesteia:

Trecerea la imaginea următoare.

Iată a doua imagine pe care o folosesc:

A doua imagine. Credit foto: Adobe Stock.

Selectați și copiați imaginea

Selectați imaginea accesând Selectați > Toate, apoi copiați-o accesând Editare > Copiere :

Selectarea și copierea imaginii.

Lipiți imaginea în selecție

Comutați înapoi la documentul principal al colajului făcând clic pe fila acestuia:

Revenirea la documentul colajului principal.

Și apoi inserați imaginea în selecție accesând Editare > Lipire specială > Lipire în :

Lipirea imaginii în noua selecție.

Imaginea va apărea în interiorul secțiunii:

Rezultatul după lipirea celei de-a doua imagini.

Și în panoul Straturi, veți vedea că Photoshop a plasat imaginea pe propriul strat și a transformat conturul de selecție într-o mască de strat:

Imaginea apare pe propriul strat cu propria mască.

Redimensionați și mutați imaginea cu Transformare gratuită

Accesați Editare > Transformare gratuită sau apăsați Ctrl + T (Câștig) / Comandă + T (Mac), pentru a plasa caseta Transformare gratuită și manevre în jurul imaginii. Și dacă nu puteți vedea toate mânerele, accesați View > Fit on Screen sau apăsați Ctrl + 0 (Win) / Command + 0 (Mac):

Accesând Editare> Transformare gratuită.

Apoi redimensionați imaginea trăgând mânerele. Apăsați Alt (Win) / Option (Mac) pentru a redimensiona imaginea din centru. Pentru a muta subiectul în loc, faceți clic și trageți în caseta Transformare gratuită. De asemenea, puteți juca imaginea în loc folosind tastele săgeată de pe tastatură:

Redimensionarea și mutarea celei de-a doua cu Transformarea liberă.

Apăsați Enter (Win) / Return (Mac) pentru a accepta și închide Transformare gratuită. Și apoi pentru a face zoom din nou pe imagine, dacă este nevoie, țineți apăsat butonul Ctrl (Win) / Command (Mac) și apăsați semnul plus ( + ) de pe tastatură:

A doua imagine a fost adăugată în colaj.

Adăugarea imaginilor rămase

Voi folosi aceiași pași pentru a adăuga rapid restul imaginilor mele în colaj și iată rezultatul. Dacă doriți să utilizați aceleași imagini pe care le-am folosit aici, le puteți descărca de pe Adobe Stock (imagine 1, imagine 2, imagine 3, imagine 4, imagine 5 și imagine 6):

Toate imaginile au fost adăugate.

Pasul 12: Ștergeți ghidurile

Nu mai avem nevoie de ghiduri Photoshop. Așadar, pentru a le elimina, accesați meniul View și alegeți Clear Guides :

Accesarea Vizualizare> Ștergere ghiduri.

Pasul 13: adăugați un accident vascular cerebral în jurul uneia dintre imagini

Pentru a ajuta la separarea imaginilor din colaj, vom adăuga o lovitură în jurul lor. Și mai degrabă decât să adăugăm cursa pe fiecare imagine, o dată, o vom adăuga doar la una dintre imagini și apoi o vom copia și lipi pe celelalte.

În panoul Straturi, selectați prima imagine din stânga colajului făcând clic pe miniatura acesteia. Ar trebui să fie primul strat deasupra stratului Fundal:

Selectarea primului strat deasupra stratului Fundal.

Apoi faceți clic pe pictograma Efecte de strat (pictograma " fx ") din partea de jos:

Selectarea primului strat deasupra stratului Fundal.

Și alege Stroke din listă:

Adăugarea unui efect Stroke layer.

Aceasta deschide caseta de dialog Stil strat stabilit pentru opțiunile Stroke. Faceți clic pe butonul Resetare la Default, astfel încât amândoi începem cu setările implicite Stroke:

Restaurarea setărilor implicite.

Apoi faceți clic pe swatch-ul de culoare pentru a alege o nouă culoare pentru cursa:

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

În selectorul de culori, alege alb, apoi faceți clic pe OK:

Alegerea albului pentru culoarea cursei.

Setați Poziția cursei pe Centru, astfel încât lățimea cursei să fie împărțită în mod egal între această imagine și imaginea de lângă ea:

Setarea poziției cursei pe centru.

Și în sfârșit, alegeți o Mărime pentru AVC. Deoarece lucrez cu o imagine cu rezoluție scăzută și vreau o lovitură subțire, voi seta dimensiunea la 2 pixeli . Dacă creați colajul pentru imprimare, veți dori o valoare mai mare. După ce ați terminat, faceți clic pe OK pentru a închide caseta de dialog:

Setarea Mărimii cursei.

Și aici vedem o lovitură subțire în jurul aceleiași imagini din stânga:

AVC apare în jurul primei imagini.

Pasul 14: Copiați și lipiți cursa pe celelalte imagini

Acum că am adăugat cursa la prima imagine, putem copia rapid și lipi pe celelalte.

Cu prima imagine încă selectată în panoul Straturi, mergeți la meniul Strat din bara de meniu, alegeți Stil strat, apoi alegeți Copiere strat strat :

Accesarea stratului> Stil strat> Copiere Stil strat.

Apoi înapoi în panoul Straturi, selectați celelalte imagini. Începeți făcând clic pe următoarea imagine direct deasupra celei în care am aplicat cursa:

Selectarea imaginii următoare în panoul Straturi.

Apoi, apăsați și țineți apăsată tasta Shift și faceți clic pe imaginea din partea de sus. Aceasta selectează ambele straturi plus toate straturile între:

Apăsați Shift și faceți clic pe stratul de imagine superior.

Reveniți la meniul Strat, alegeți Stil strat și, de această dată, alege Lipire Strat strat:

Accesarea stratului> Stil strat> Lipire stil strat.

Și acum accidentul vascular cerebral apare în jurul celorlalte imagini:

Rezultatul după lipirea accidentului vascular cerebral pe celelalte imagini.

Pasul 15: Adăugați un nou strat deasupra imaginilor

Singura problemă cu accidentul vascular cerebral este că, dacă te uiți cu atenție, vei vedea că acesta apare doar pe jumătate la fel de lat în jurul exteriorului colajului ca și între imagini. Pentru a remedia acest lucru, vom adăuga un nou strat deasupra imaginilor și apoi vom aplica un alt AVC.

În panoul Straturi, faceți clic pe stratul superior pentru a-l selecta:

Selectarea stratului superior.

Apoi faceți clic pe pictograma Adăugați un strat nou :

Adăugarea unui nou strat.

Un nou strat gol apare deasupra imaginilor:

Noul strat.

Pasul 16: Umpleți stratul cu o culoare

În acest moment, noul strat este transparent. Photoshop nu va afișa cursa sau orice alt efect de strat, în fața transparenței. Deci, mai întâi trebuie să adăugăm ceva conținut în strat. Și cel mai rapid mod este să umpleți stratul cu culoarea noastră în prim plan .

În mod implicit, culoarea dvs. în prim plan este neagră, așa cum se arată în tabelul de culoare stânga sus, lângă partea inferioară a barei de instrumente. Vom ascunde culoarea imediat ce o adăugăm, deci dacă culoarea dvs. în prim plan este setată pe altceva, este în regulă:

Culoarea actuală a primului plan.

Pentru a umple rapid stratul cu culoarea de prim plan, apăsați Alt + Backspace (Win) / Option + Delete (Mac). Culoarea blochează temporar colajul din vedere:

Rezultatul după umplerea noului strat cu culoarea în prim plan.

Pasul 17: Lipiți cursa pe strat

Reveniți la meniul Strat, alegeți Stil strat, apoi alegeți Lipire Strat strat :

Accesarea stratului> Stil strat> Lipire stil strat.

Accidentul cerebral apare în jurul marginii exterioare. Dar este încă prea subțire, așa că vom rezolva asta:

Rezultatul după lipirea AVC.

Pasul 18: Modificați poziția cursei în interior

În panoul Straturi, faceți dublu clic pe efectul Stroke sub stratul superior:

Faceți dublu clic pe cuvântul "accident vascular cerebral".

Aceasta redeschide caseta de dialog Stil strat stabilit la aceleași opțiuni Stroke pe care le-am folosit anterior. Lăsați valoarea Dimensiunii la fel ca înainte, dar schimbați Poziția de la centru la interior . Aceasta va muta întreaga lățime a cursei în interiorul imaginii. Faceți clic pe OK când ați terminat pentru a închide caseta de dialog:

Modificarea poziției cursei în interior.

Pasul 19: coborâți umplerea la 0 la sută

Înapoi în panoul Straturi, ascundeți conținutul stratului superior scăzând până la 0% valoarea de umplere . Spre deosebire de valoarea Opacitate care ascunde atât conținutul stratului, cât și orice efecte de straturi pe care le-am aplicat, Completarea ascunde numai conținutul. Efectele stratului, precum accidentul vascular cerebral, rămân vizibile:

Reducerea valorii de umplere a stratului la 0 la sută.

Și cu valoarea de umplere la 0%, colajul reapare, iar cursa noastră este acum aceeași lățime de-a lungul marginilor exterioare, așa cum este între imagini:

Colajul după fixarea lățimii cursei exterioare.

Pasul 20: Adăugați un strat de umplere de culori solide

În acest moment, principalul colaj este realizat. Dar, cu atât de multe imagini diferite sunt folosite, există șanse mari ca acum să avem prea multe culori diferite care să lupte pentru atenție. Iată un mod rapid de unificare a culorilor și de amestecare a întregului colaj.

În panoul Straturi, asigurați-vă că stratul superior este încă selectat. Apoi faceți clic pe pictograma nou strat de umplere sau reglare din partea de jos:

Dând clic pe pictograma „Strat nou de umplere sau reglare”.

Și alege un strat de umplere a culorii solide din listă:

Adăugarea unui strat de umplere de culori solide.

Pasul 21: alegeți o culoare care să se îmbine în colaj

În Color Picker, alegeți o singură culoare care să se amestece cu celelalte. Îmi place să folosesc portocaliu, deoarece ajută la încălzirea imaginilor. Voi seta valoarea H (Hue) la 40, valoarea S (Saturation) la 100, iar valoarea B (Brightness) la 100 . Faceți clic pe OK când ați terminat pentru a închide caseta de dialog:

Alegerea unei culori care să se îmbine în colaj.

Stratul de umplere apare deasupra celorlalte straturi din panoul Straturi, iar culoarea blochează temporar colajul din vedere:

Rezultatul după adăugarea stratului de umplere Culoare solidă.

Pasul 22: Modificați modul de amestec al stratului de umplere la Culoare

Pentru a combina culoarea cu imaginile, mai întâi schimbați modul Blend al stratului de umplere din panoul Straturi de la Normal la Culoare :

Modificarea modului de amestecare a stratului de umplere la Culoare.

Acest lucru ne permite să vedem imaginile, dar culoarea este încă prea intensă:

Rezultatul după modul de amestecare a stratului de umplere la Culoare.

Pasul 23: Scade opacitatea stratului de umplere

Așadar, pentru a reduce intensitatea și a amesteca noua culoare cu culorile originale, pur și simplu scade valoarea Opacității stratului de umplere. O modalitate bună de a lucra este să începeți prin reducerea opacității până la 0%, astfel încât să vedeți doar culorile originale. Apoi creșteți încet valoarea până când rezultatul arată bine. În general, o valoare de 10-15% funcționează bine:

Reducerea opacității stratului de umplere la 15%.

Puteți compara versiunea colorizată cu culorile originale făcând clic pe pictograma de vizibilitate a stratului de umplere pentru a comuta efectul de pe sau dezactivat:

Comutarea și dezactivarea stratului de umplere cu pictograma de vizibilitate.

Și aici, după scăderea opacității și unificarea culorilor, este efectul meu final de colaj vertical:

Rezultatul final.

Și acolo îl avem! Așa puteți crea un colaj foto vertical simplu în Photoshop! Dacă ați găsit acest tutorial util, asigurați-vă că consultați celelalte tutoriale ale mele în secțiunea Efecte foto. Și nu uitați, toate tutorialele mele sunt acum disponibile pentru a fi descărcate ca PDF-uri!