✅ Napravite okomiti foto kolaž s Photoshopom

Kako stvoriti okomiti foto kolaž

Naučite kako pretvoriti svoje slike u zabavan okomiti foto kolaž pomoću Photoshopa! Kompletan korak-po-korak vodič za Photoshop CC.

Napisao Steve Patterson.

U ovom tutorialu ću vam pokazati kako je jednostavno stvoriti okomiti foto kolaž s Photoshopom! Započet ćemo stvaranjem novog dokumenta i dijeljenjem ga u vertikalne odjeljke pomoću Photoshopovih vodiča. Zatim ćemo nacrtati odabire iz vodiča i zalijepiti slike u odabrane dijelove. Promijenimo veličinu i promijenimo slike promijenit ćemo besplatnom transformacijom i dodati ćemo zaokružiti slike pomoću slojnih efekata. I na kraju, pokazat ću vam brzi način za objedinjavanje boja na vašim slikama kako bi se cijeli kolaž sjedinio!

Evo kako će izgledati konačni foto kolaž kad završimo. Ovdje sam koristio šest slika, ali ovaj se učinak može lako prilagoditi za onoliko slika koliko vam treba:

Konačni rezultat.

Započnimo!

Kako stvoriti okomiti foto kolaž

Za nastavak uz ovaj vodič, morat ćete koristiti najnoviju verziju Photoshop CC-a. Započet ćemo stvaranjem novog Photoshop dokumenta, a zatim ga podijeliti u onoliko dijelova koliko nam je potrebno za prikaz naših slika.

Pogledajte također: Pretvorite fotografiju u kolaž s Photoshopom!

Korak 1: Stvorite novi Photoshop dokument

Kada pokrenete Photoshop CC bez otvaranja slike, preusmjerit ćete se na početni zaslon:

Početni zaslon u Photoshopu CC.

Da biste stvorili novi dokument s početnog zaslona, kliknite gumb Stvori novi u stupcu s lijeve strane:

Kliknite gumb "Stvori novo".

Ili idite na izbornik Datoteka na traci izbornika i odaberite Novo :

Idite na Datoteka> Novo.

Postavljanje širine i visine dokumenta

Bilo kako bilo, otvara se dijaloški okvir Novi dokument. Na ploči s podacima o unaprijed s desne strane unesite širinu i visinu vašeg dokumenta. Za ovaj ću vodič stvoriti dokument koji je dvostruko širi od visokog. Postavit ću širinu na 2000 piksela i visinu na 1000 piksela :

Unos širine i visine za dokument.

Postavljanje vrijednosti razlučivosti

Vrijednost razlučivosti ispod širine i visine odnosi se samo na ispis. Ako nećete ispisati svoj kolaž, možete zanemariti ovu vrijednost. Ali ako stvarate ovaj efekt za ispis, postavite rezoluciju na 300 piksela / inča, što je industrijski standard za ispis visoke kvalitete. Najvjerojatnije će vam trebati i veća veličina dokumenta, a želite širinu i visinu postaviti u inčima, a ne u pikselima.

U mom slučaju, budući da kolaž neću ispisati, vrijednost Rezolucije nije bitna:

Zanemarite vrijednost razlučivosti ako nećete ispisati kolaž.

Odabir boje pozadine

Ostavite pozadinski sadržaj postavljen na Bijelo, a sve ostalo na zadanim postavkama:

Odabir bijele boje za pozadinsku boju dokumenta.

Izrada novog dokumenta

Zatim za izradu dokumenta i zatvaranje dijaloškog okvira Novi dokument kliknite gumb Stvori :

Izrada novog dokumenta.

Novi dokument, ispunjen bijelom bojom, pojavljuje se na zaslonu:

Pojavi se novi dokument.

Korak 2: Dodajte vertikalne vodilice

Da bismo platno podijelili u okomite dijelove, upotrijebit ćemo značajku Novog vodiča Photoshopa. Ova je značajka dostupna samo u Photoshopu CC. Da biste ga odabrali, idite na izbornik Pogled na traci izbornika i odaberite Novi raspored vodiča :

Idite na Pogled> Novi raspored vodiča.

U dijaloškom okviru Novi vodič izgleda provjerite je li odabrana opcija ( Stupci ). Zatim unesite broj stupaca koji trebate u polje Broj . U mom slučaju, u kolažu moram prikazati šest slika, pa ću ih unijeti 6 .

Ostavite polje Širina prazno da bi Photoshop podijelio platno na jednake dijelove. A budući da ne želimo nikakav razmak između stupaca, ostavite i polje Gutter prazno (ili ga postavite na 0). Također nam ne trebaju vodoravni vodiči, pa opciju Redovi ostavite neprovjerenu. Zatim kliknite U redu da biste zatvorili dijaloški okvir:

Postavke novog vodiča.

I sada imamo svoje vodiče koji platno dijele na okomite trake:

Dokument nakon dodavanja vodiča.

Korak 3: Otvorite svoje slike

Zatim otvorite slike koje želite smjestiti u kolaž. Idite na izbornik Datoteka i odaberite Otvori :

Idite na Datoteka> Otvori.

Zatim idite do mape koja sadrži vaše slike. Da bih olakšao stvari, preimenovao sam svoje slike na temelju mjesta na kojem će se pojaviti u kolažu s lijeva na desno. Dakle, "1.jpg.webp" će biti prva slika s lijeve strane, "2.jpg.webp" će se pojaviti pored nje, a sve do "6.jpg.webp" s desne strane.

Otvorit ćemo sve naše slike u Photoshopu odjednom. Da biste odabrali više slika, držite Shift dok klikate na sličice. Zatim kliknite Otvori :

Shift kliknite slike da biste ih odabrali, a zatim kliknite Otvori.

Korak 4: Vratite se na glavni dokument o kolažu

Svaka se slika otvara u svojem zasebnom dokumentu i možete se prebacivati između dokumenata klikom na kartice na vrhu:

Kliknite jezičke za prebacivanje između slika.

Vratite se na glavni dokument o kolažu ("Untitled-1") klikom na njegovu karticu:

Ponovni odabir glavnog dokumenta.

Korak 5: Odaberite alat Pravokutni okvir

U ovom trenutku je premještanje slika u kolaž samo stvar ponavljanja istih koraka sa svakom slikom. A prvi korak je nacrtati izbor oko jedne od vertikalnih traka.

Na Alatnoj traci odaberite Alat za pravokutni ovjes:

Odabir Pravokutnog alata za ocrtavanje.

Korak 6: Nacrtajte izbor oko jedne od vertikalnih traka

Zatim nacrtajte izbor oko jednog od odjeljaka. Budući da radimo s lijeva na desno, počet ću s prvim s lijeve strane.

Kliknite gornji lijevi kut odjeljka, a zatim držite gumb miša i povucite dijagonalno prema dolje u donji desni kut. Okvir odabira trebao bi se nalaziti na vodilicama s obje strane, kao i na vrhu i na dnu dokumenta. Otpustite tipku miša i vaš će se obris odabira pojaviti na cijelom području:

Crtanje pravokutnog izbora oko prvog okomitog dijela kolaža.

7. korak: prebacite se na jednu od svojih slika

Klikom na njegovu karticu prebacite se na sliku koju želite smjestiti unutar odabira. Kliknut ću na karticu za svoju prvu sliku, "1.jpg.webp":

Prijelaz na dokument prve slike.

I evo slike koju koristim. Sve svoje slike preuzeo sam s Adobe Stocka:

Prva slika koja će se smjestiti u kolaž. Kredit za fotografije: Adobe Stock.

Korak 8: Odaberite i kopirajte sliku

Odaberite sliku tako da otvorite izbornik Select i odaberete All, ili pritiskom na Ctrl + A (Win) / Command + A (Mac):

Idite na Izbor> Sve.

A zatim kopirajte sliku tako da otvorite izbornik Uredi i odaberete Kopiraj ili pritisnite Ctrl + C (Win) / Command + C (Mac):

Idite na Uređivanje> Kopiraj.

Korak 9: Zalijepite sliku u izbor

Vratite se na glavni dokument o kolažu klikom na njegovu karticu :

Ponovni odabir glavnog dokumenta.

A zatim zalijepite sliku u svoj izbor, idite na izbornik Uredi, odaberite Posebno lijepljenje, a zatim odaberite Zalijepi u :

Idite na Uređivanje> Posebno lijepljenje> Zalijepi u.

Slika ili barem njezin dio pojavljuje se unutar odjeljka. Kako je slika prevelika da bi se mogla smjestiti u usku okomitu traku, vidljiv je samo dio slike. A šanse su da to nije dio koji želite prikazati. Naučit ćemo kako pomicati i mijenjati veličinu slike u trenu:

Rezultat nakon lijepljenja slike u izbor.

Povezano: Kako zalijepiti sliku u drugu sliku pomoću Photoshopa

Odabir se pretvara u masku sloja

Ali primjetite da je naš izborni okvir više propao. Umjesto toga, na ploči Slojevi vidimo da ne samo da je Photoshop sliku stavio u vlastiti sloj, već je i strukturu odabira pretvorio u masku sloja.

Bijeli dio maske je područje koje je bilo unutar našeg odabira, a to je područje na kojem je slika vidljiva u dokumentu. A crni dio je sve što je bilo izvan selekcije. Ovdje je slika sakrivena:

Odabir je pretvoren u masku sloja.

Korak 10: Promijenite veličinu i pomaknite sliku besplatnom transformacijom

Za promjenu veličine slike unutar okomite trake i pomicanje subjekta na svoje mjesto, upotrijebit ćemo Photoshopovu naredbu Free Transform. Idite na izbornik Uredi i odaberite Besplatno preoblikovanje ili pritisnite Ctrl + T (Win) / Command + T (Mac):

Idite na Edit> Free Transform.

Time se postavlja okvir slobodne transformacije i rukuje oko slike. Ako ne možete vidjeti sve ručke transformacije jer se slika proteže izvan vidljivog područja dokumenta, otvorite izbornik View i odaberite Fit on Screen ili pritisnite Ctrl + 0 (Win) / Command + 0 (Mac) :

Idite na View> Fit on Screen.

Zatim povucite ručke da biste promijenili veličinu slike unutar vertikalne trake. Od Photoshopa CC 2019, povlačenjem ručke proporcionalno se povećava slika, tako da više ne morate držati Shift. Ali ako želite da smanjite veličinu slike iz njenog središta, a ne s suprotne strane ili kuta, držite Alt (Win) / Option (Mac) dok povlačite.

A kako biste pregledali svoj predmet, kliknite i povucite unutar okvira Besplatna transformacija:

Promjena veličine i pomicanje slike na svoje mjesto pomoću Free Transform.

Da biste je prihvatili i zatvorili Besplatnu transformaciju, pritisnite Enter (Win) / Return (Mac). Zatim po potrebi zumirajte dokument držeći Ctrl (Win) / Command (Mac) i pritiskajući znak plus ( + ) na tipkovnici. I sada smo stavili prvu sliku u kolaž:

Prva slika se dodaje.

Korak 11: Ponovite iste korake za dodavanje više slika

Sada kada znamo kako sliku staviti u kolaž, dodavanje ostatka naših slika samo je stvar ponavljanja istih koraka. Evo kratkog sažetka:

Odaberite novi odjeljak kolaža

Prvo pomoću alata Rectangular Marquee nacrtajte izbor oko sljedećeg okomitog presjeka:

Odabir sljedećeg odjeljka kolaža.

Prebacite se na sljedeću sliku

Zatim pređite na sliku koju želite smjestiti unutar odabira klikom na njezinu karticu :

Prelazak na sljedeću sliku.

Evo druge slike koju koristim:

Druga slika. Kredit za fotografije: Adobe Stock.

Odaberite i kopirajte sliku

Odaberite sliku tako da odaberete Select > All, a zatim je kopirajte otvorite Edit > Copy :

Odabir i kopiranje slike.

Zalijepite sliku u izbor

Vratite se na glavni dokument o kolažu klikom na njegovu karticu:

Vraćanje na glavni dokument o kolažu.

Zatim zalijepite sliku u izbornik tako da otvorite Uredi > Posebno lijepljenje > Zalijepi u :

Lijepljenje slike u novi izbor.

Slika će se pojaviti unutar odjeljka:

Rezultat nakon lijepljenja druge slike.

Na ploči Slojevi vidjet ćete da je Photoshop stavio sliku u vlastiti sloj i pretvorio odabirni oblik u masku sloja:

Slika se pojavljuje na vlastitom sloju s vlastitom maskom.

Promijenite veličinu i pomaknite sliku besplatnom pretvorbom

Idite na Uredi > Besplatna transformacija ili pritisnite Ctrl + T (Win) / Command + T (Mac) da biste postavili okvir Free Transform i rukovali oko slike. Ako ne možete vidjeti sve ručke, idite na View > Fit on Screen ili pritisnite Ctrl + 0 (Win) / Command + 0 (Mac):

Idite na Edit> Free Transform.

Zatim promijenite veličinu slike povlačenjem ručica. Držite Alt (Win) / Option (Mac) za promjenu veličine slike u njenom središtu. A da biste smjestili predmet na svoje mjesto, kliknite i povucite unutar okvira Besplatna transformacija. Sliku također možete gurnuti na svoje mjesto pomoću tipki sa strelicama na tipkovnici:

Promjena veličine i pomicanje drugog s besplatnom transformacijom.

Pritisnite Enter (Win) / Return (Mac) da biste ga prihvatili i zatvorite Besplatno Transform. A zatim da biste po potrebi ponovo povećali sliku, držite Ctrl (Win) / Command (Mac) i pritisnite znak plus ( + ) na tipkovnici:

Druga slika dodana je kolažu.

Dodavanje preostalih slika

Iste ću korake iskoristiti kako bih brzo dodao ostatak svojih slika u kolaž, a evo i rezultata. Ako želite koristiti iste slike koje sam ovdje koristio, možete ih preuzeti sa Adobe Stock-a (slika 1, slika 2, slika 3, slika 4, slika 5 i slika 6):

Sve slike su dodane.

12. korak: očistite vodiče

Photoshop-ovi vodiči više ne trebaju. Dakle, da biste ih uklonili, idite na izbornik View i odaberite Clear Vodiči :

Idite na Pogled> Čisti vodiči.

Korak 13: Dodajte zaokret oko jedne od slika

Da bismo lakše razdvojili slike u kolažu, dodati ćemo crticu oko njih. Umjesto da crtu dodamo svaku pojedinu sliku, dodaćemo je samo jednoj od slika, a zatim ćemo je kopirati i zalijepiti na ostale.

Na ploči Slojevi odaberite prvu sliku s lijeve strane kolaža klikom na njegovu sličicu . To bi trebao biti prvi sloj iznad pozadinskog sloja:

Odabir prvog sloja iznad pozadinskog sloja.

Zatim kliknite ikonu Efekti sloja (ikona " fx ") pri dnu:

Odabir prvog sloja iznad pozadinskog sloja.

I s popisa odaberite Stroke :

Dodavanje efekta sloja Stroke.

Otvara se dijaloški okvir Layer Style postavljen na opcije Stroke. Kliknite gumb Poništi na zadano, tako da oboje započinjemo sa zadanim postavkama Stroke:

Vraćanje zadanih postavki.

Zatim kliknite uzorak boja za odabir nove boje za zaokret:

Klikom uzorak boja.

U Biraču boja odaberite bijelu, a zatim kliknite U redu:

Odabir bijele boje za boju.

Postavite položaj udara u sredinu tako da se širina hoda podijeli podjednako između ove slike i slike pored nje:

Postavljanje strogog položaja na sredinu.

I na kraju, odaberite veličinu za svoj hod. Budući da radim sa slikom niske rezolucije i želim tanki hod, postavit ću veličinu na 2 piksela . Ako stvarate kolaž za ispis, trebat ćete veću vrijednost. Kada završite, kliknite U redu da biste zatvorili dijaloški okvir:

Postavljanje veličine takta.

I ovdje vidimo tanki hod oko upravo te prve slike slijeva:

Udarac se pojavljuje oko prve slike.

Korak 14: Kopirajte i zalijepite strop na ostale slike

Sad kad smo prvoj slici dodali crticu, brzo je možemo kopirati i zalijepiti na ostale.

Kad je prva slika još uvijek odabrana na ploči Slojevi, idite na izbornik Sloj u traci izbornika, odaberite Slog sloja, a zatim odaberite Kopiraj stil sloja :

Idite na Sloj> Slog sloja> Kopiraj stil sloja.

Zatim vratite na ploči Slojevi odaberite ostale slike. Započnite klikom na sljedeću sliku neposredno iznad one na koju smo primijenili strop:

Odabir sljedeće slike na ploči Slojevi.

Zatim pritisnite i držite tipku Shift i kliknite sliku na vrhu. Ovo odabire oba sloja plus sve slojeve između:

Držite Shift i kliknite gornji sloj slike.

Vratite se na izbornik Sloja, odaberite Slog sloja i ovaj put odaberite Lijepi sloj:

Idite na Sloj> Slog sloja> Nalijepite sloj sloja.

A sada se udar pojavljuje i na ostalim slikama:

Rezultat nakon lijepljenja poteza na ostale slike.

Korak 15: Dodajte novi sloj iznad slika

Jedini problem moždanog udara je taj što ako pogledate pažljivo, vidjet ćete da se on čini samo upola širi oko vanjske strane kolaža kao i između slika. Da bismo to riješili, iznad ćemo slike dodati novi sloj, a zatim ćemo nanijeti drugi pomak.

Na ploči Slojevi kliknite gornji sloj da biste ga odabrali:

Odabir gornjeg sloja.

A zatim kliknite ikonu Dodaj novi sloj :

Dodavanje novog sloja.

Iznad slika se pojavljuje novi prazni sloj:

Novi sloj.

Korak 16: Napunite sloj bojom

Trenutno je novi sloj transparentan. Photoshop neće prikazati hod ili bilo koji drugi efekt sloja ispred prozirnosti. Dakle, prvo moramo dodati neki sadržaj u sloj. A najbrži način je da sloj ispunite našom bojom prednjeg plana .

Prema zadanim postavkama, boja Prednjeg plana je crna, kao što je prikazano u gornjem lijevom pregledu boje pri dnu alatne trake. Sakriti ćemo boju čim je dodamo, pa ako je vaša boja Prednjeg podešena na nešto drugo, to je u redu:

Trenutna boja prednjeg plana.

Da biste brzo napunili sloj sa bojom prednjeg plana, pritisnite Alt + Backspace (Win) / Option + Delete (Mac). Boja privremeno blokira prikaz kolaža:

Rezultat nakon što se novi sloj napuni bojom Foreground.

Korak 17: Zalijepite udarac na sloj

Vratite se na izbornik Sloja, odaberite Layer Style, a zatim odaberite Style Paste Style :

Idite na Sloj> Slog sloja> Nalijepite sloj sloja.

Udarac se pojavljuje oko vanjskog ruba. Ali još je pretanka, pa ćemo to popraviti sljedeće:

Rezultat nakon lijepljenja moždanog udara.

Korak 18: Promijenite položaj udara u unutrašnjost

Na ploči Slojevi dvokliknite učinak Stroke ispod gornjeg sloja:

Dvaput kliknite riječ "Stroke".

Ovo ponovno otvara dijaloški okvir Layer Style postavljen na iste opcije Stroke koje smo prethodno koristili. Ostavite vrijednost veličine jednaku kao i prije, ali promijenite položaj iz središta u unutar . Ovo će pomaknuti cijelu širinu poteza u unutrašnjost slike. Kada završite dijaloški okvir, kliknite U redu:

Promjena položaja udara u unutrašnjost.

19. korak: Smanjite dopunu na 0 posto

Natrag na ploču Slojevi sakrijte sadržaj gornjeg sloja tako što ćete cijelu vrijednost spustiti do 0% . Za razliku od vrijednosti neprozirnosti koja skriva i sadržaj sloja i sve efekte sloja koje smo primijenili, Fill skriva samo sadržaj. Učinci sloja, poput našeg moždanog udara, ostaju vidljivi:

Spuštanje vrijednosti ispune sloja na 0 posto.

A s vrijednošću Fill od 0%, kolaž se ponovo pojavljuje i naš je hod sada iste širine duž vanjskih ivica kao i između slika:

Kolaž nakon fiksiranja širine vanjskog hoda.

Korak 20: Dodajte sloj za punjenje u punoj boji

U ovom trenutku se vrši glavni kolaž. Ali s toliko različitih slika koje se koriste, velika je šansa da sada imamo previše različitih boja koje se bore za pažnju. Dakle, evo brzog načina objedinjavanja boja i spajanja čitavog kolaža.

Na ploči Slojevi provjerite je li gornji sloj još uvijek odabran. Zatim na dnu kliknite ikonu New Fill ili Adjustment Layer :

Klikom na ikonu "Novi sloj ispunjavanja ili podešavanja".

I s popisa odaberite sloj za punjenje Jednobojne boje :

Dodavanje sloja pune boje.

Korak 21: Odaberite boju koja će se uklopiti u kolaž

U Biraču boja odaberite jednu boju koja će se miješati sa ostalim. Volim koristiti naranču, jer pomaže i zagrijavanje slika. Postavit ću vrijednost H (Hue) na 40, vrijednost S (zasićenost) na 100, a vrijednost B (svjetlina) također na 100 . Kada završite dijaloški okvir, kliknite U redu:

Odabir boje koja će se uklopiti u kolaž.

Sloj za ispunu pojavljuje se iznad ostalih slojeva na ploči Slojevi, a boja privremeno blokira kolaž iz pogleda:

Rezultat nakon dodavanja sloja pune boje.

Korak 22: Promijenite način miješanja sloja ispune u Colour

Da biste boju uklopili sa slikama, prvo promijenite Način miješanja sloja ispune na ploči Slojevi iz Normal u Colour :

Promjena načina nanosa sloja za ispunu u Color.

To nam omogućuje da vidimo slike, ali boja je i dalje preintenzivna:

Rezultat nakon što se sloj za nanošenje sloja nanese na boju.

Korak 23: Smanjite neprozirnost sloja za nanošenje

Kako biste smanjili intenzitet i pomiješali novu boju s izvornim bojama, jednostavno snizite vrijednost neprozirnosti sloja za nanošenje . Dobar način za rad je započeti spuštanjem neprozirnosti sve do 0%, tako da vidite samo izvorne boje. Zatim polako povećavajte vrijednost dok rezultat ne izgleda dobro. Općenito, vrijednost od 10-15% djeluje dobro:

Smanjivanje neprozirnosti sloja na 15 posto.

Možete usporediti obojenu verziju s izvornim bojama klikom na ikonu vidljivosti sloja za punjenje da biste uključili i isključili učinak:

Uključivanje i isključivanje sloja za punjenje pomoću ikone vidljivosti.

I nakon smanjenja neprozirnosti i objedinjavanja boja, evo mog posljednjeg vertikalnog efekta kolaža: