Naučite kako lako pretvoriti jednu sliku u zabavan, kvadratni foto kolaž pomoću Photoshopa!
Da bismo stvorili efekt foto kolaža, počet ćemo obrezivanjem slike u kvadrat, a zatim ćemo je podijeliti na manje kvadrate. Kroz svaku ćemo dodati obrub tako da izgledaju kao zasebne fotografije, a zatim ćemo ih pomaknuti i zakrenuti na svoje mjesto. Napokon, promijenit ćemo boju pozadine, a završit ćemo dodavanjem kapljice iza efekta.
Evo slike koju ću koristiti. Ovaj sam preuzeo s Adobe Stock-a:
Izvorna slika. Kredit za fotografije: Adobe Stock.
A evo kako će izgledati foto kolaž kad završimo:
Konačni efekt foto kolaža.
Započnimo!
Kako stvoriti kvadratni foto kolaž
Za ovaj tutorial koristim Photoshop CC, ali sve je kompatibilno s Photoshop CS6. Možete pratiti i moj videozapis iz ovog vodiča na našem YouTube kanalu. Ili preuzmite ovaj vodič kao PDF spreman za ispis!
1. korak: izrežite sliku u kvadrat
Prvo što moramo učiniti je izrezati našu sliku u kvadrat. Odaberite Alat za obrezivanje na Alatnoj traci:
Odabir Alata za obrezivanje.
Na traci s opcijama postavite omjer slike u kvadrat :
Postavljanje proporcije na kvadrat.
Photoshop dodaje početnu kvadratnu obrezivanje oko slike:
Početna granica usjeva.
Povratak na traku mogućnosti provjerite je li označeno Delete Cropped Pixels :
Treba uključiti obrisane izrezane piksele.
Zatim povucite ručke za obrezivanje kako biste promijenili veličinu obruba oko objekta. Ako radite s portretom, pokušajte zadržati glavne crte lica (njihove oči, nos i usta) u središnjem kvadratu:
Promjena veličine obrezivanja oko predmeta.
Da biste obrezali sliku, pritisnite Enter (Win) / Return (Mac):
Rezultat nakon izrezivanja slike u kvadrat.
2. korak: Dodajte neke vodiče
Da biste nam pomogli da podijelimo sliku na manje kvadrate, dodaćemo neke vodiče.
Dodavanje prvog vodoravnog vodiča
Otvorite izbornik View u traci izbornika i odaberite New Guide :
Idite na Pogled> Novi vodič.
U dijaloškom okviru Novi vodič postavite orijentaciju na vodoravno, a zatim unesite 33% za položaj . Kliknite U redu da biste zatvorili dijaloški okvir:
Dodavanje prvog vodiča.
Photoshop dodaje prvu vodoravnu vodicu trećinu puta od vrha prema dolje:
Prvi vodoravni vodič dodaje se.
Dodavanje drugog vodoravnog vodiča
Da biste dodali drugi vodič, vratite se natrag u izbornik View i ponovno odaberite New Guide :
Vratite se na Pogled> Novi vodič.
Ostavite postavljeno orijentaciju na vodoravno, ali ovaj put unesite 66% za položaj . Kliknite U redu da biste zatvorili dijaloški okvir:
Dodavanje drugog vodiča.
Photoshop dodaje drugi vodič, ovoga puta dvije trećine od vrha:
Dodaje se drugi vodoravni vodič.
Dodavanje vertikalnog vodiča
Vratite se na izbornik View i ponovno odaberite New Guide :
Vratite se na Pogled> Novi vodič.
Za ovaj treći vodič promijenite orijentaciju u okomiti i unesite 33% za položaj . Zatim kliknite U redu:
Dodavanje trećeg vodiča.
Ovime se dodaje okomiti vodič na trećini puta s lijeve strane:
Prvi vertikalni vodič dodaje se.
Dodavanje drugog vertikalnog vodiča
I na kraju, vratite se posljednji put u izbornik View i odaberite Novi vodič :
Vratite se na Pogled> Novi vodič.
Ostavite orijentaciju postavljenu na okomito, ali promijenite položaj na 66% . Kliknite U redu kada završite:
Dodavanje četvrtog vodiča.
Photoshop dodaje drugi okomiti vodič, dvije trećine puta s lijeve strane, a sada je naša slika podijeljena na manje kvadrate:
Četiri vodiča koji sliku dijele na kvadrate.
Korak 3: Odaberite i kopirajte svaki kvadrat u novi sloj
Trebamo odabrati svaki kvadrat i kopirati ga u vlastiti sloj. Na Alatnoj traci odaberite Alat za pravokutni ovjes:
Odabir Pravokutnog alata za ocrtavanje.
Prebacivanje odabira na vodiče
Da biste bili sigurni da će naš izbor biti na vodičima, idite na izbornik View, odaberite Snap To i provjerite ima li Guides pokraj nje kvačicu. Ako ne, kliknite ga i odaberite ga:
Potražite kvačicu pokraj Vodiči.
Odabir prvog kvadrata
Počet ćemo s kvadratom u gornjem lijevom kutu. Kliknite i povucite obris odabira oko nje. Ako ste slijedili zadnji korak, kontura odabira trebala bi se uskladiti s vodičima:
Crtanje izbornog obrisa oko trga u gornjem lijevom kutu.
Kopiranje kvadrata u novi sloj
Da biste kopirali kvadrat u vlastiti sloj, idite na izbornik Sloj, odaberite Novo pa odaberite Sloj preko Kopiraj . Ili je brži način da pritisnete prečac na tipkovnici, Ctrl + J (Win) / Command + J (Mac):
Idite na Sloj> Novo> Sloj preko Kopiraj.
Na ploči Slojevi vidimo da je Photoshop stavio kopiju kvadrata na novi sloj iznad slike:
Trg je kopiran u vlastiti sloj.
Odabir pozadinskog sloja
Prije nego što odaberemo drugi kvadrat, prvo moramo ponovo odabrati sliku. Kliknite na pozadinski sloj da biste ga odabrali. Svaki put kad odaberete i kopirate novi kvadrat, prvo morate odabrati pozadinski sloj:
Odabir pozadinskog sloja.
Odabir i kopiranje drugog kvadrata
Zatim nacrtajte izbor oko trga u gornjem centru:
Odabir drugog kvadrata.
Da biste ga brzo kopirali u novi sloj, pritisnite Ctrl + J (Win) / Command + J (Mac). I natrag na ploču Slojevi, sada imamo dva kvadrata iznad slike:
Kopiran je drugi kvadrat.
Odabir i kopiranje preostalih kvadrata
Za odabir i kopiranje preostalih kvadrata ponovite iste korake. Prvo kliknite sloj pozadine da odaberete sliku:
Uvijek odaberite sloj pozadine prije odabira novog kvadrata.
Nacrtajte obris odabira oko novog kvadrata:
Odaberite drugi kvadrat.
A zatim pritisnite Ctrl + J (Win) / Command + J (Mac) da biste kopirali kvadrat u novi sloj:
Kvadrat je kopiran u novi sloj.
Nastavit ću s odabirom i kopiranjem kvadrata sve dok ih ne odaberem. A na ploči Slojevi sada vidimo svih devet kvadrata, svaki na zasebnom sloju, iznad slike:
Kopirano je svih 9 kvadrata.
4. korak: Sakrijte vodilice
Naši vodiči više nam ne trebaju, pa ih sakrijmo tako da otvorimo izbornik View, odaberemo Show, a zatim odaberemo vodiče :
Isključivanje vodiča.
Korak 5: Dodajte još prostora platna
Da biste imali prostora za pomicanje i okretanje kvadrata, dodat ćemo još platna na kojem će se nalaziti slika. A to možemo učiniti pomoću alata Crop. Odaberite Alat za obrezivanje na Alatnoj traci:
Ponovno odabir Alata za obrezivanje.
Pritisnite i držite tipku Alt (Win) / Option (Mac) na tipkovnici, a zatim kliknite i povucite bilo koju ručku obrezivanja prema van i dalje od slike. Tipka Alt / Option omogućava vam da promijenite veličinu obruba obrezivanja u središtu:
Dodavanje više prostora platna pomoću alata Crop.
Pritisnite Enter (Win) / Return (Mac) da biste je prihvatili, a Photoshop dodaje dodatni prostor platnu:
Oko fotografije je dodano više prostora.
Korak 6: Pozadinu ispunite crnom bojom
Photoshop prema zadanom ispunjava novi prostor bijelom bojom, ali ispunimo našu pozadinu crnom bojom. Na ploči Slojevi odaberite sloj Pozadina :
Odabir pozadinskog sloja.
Zatim idite na izbornik Uredi i odaberite Ispunite :
Idite na Uredi> Ispunite.
U dijaloškom okviru Dopunite postavite opciju Sadržaj na Crno, a zatim kliknite U redu:
Postavljanje sadržaja na crno.
Slika se sada pojavljuje ispred crne pozadine:
Rezultat nakon ispunjavanja pozadine crnom bojom.
Korak 7: Dodajte potez oko prvog kvadrata
Trenutačno ne možemo stvarno vidjeti svoje kvadrate, pa ćemo ih učiniti više očitim. A da bi izgledale kao odvojene fotografije, dodaćemo potez oko njih. Započet ćemo dodavanjem tačke na jedan od kvadrata, a zatim ćemo ga kopirati i zalijepiti na ostale.
Dodajući moždani udar
Na ploči Slojevi odaberite gornji sloj (onaj koji drži kvadrat u gornjem lijevom kutu):
Odabir gornjeg sloja.
Zatim kliknite ikonu Slojevi sloja (ikona fx ) na dnu ploče Slojevi:
Klikom na ikonu "fx".
I s popisa odaberite Stroke :
Dodavanje efekta sloja Stroke.
Promjena boje takta
U dijaloškom okviru Stil sloja kliknite uzorak boja :
Klikom uzorak boja u opcijama Stroke.
A zatim u Biraču boja promijenite boju iscrtavanja u bijelu, a zatim kliknite U redu:
Odabir bijele boje za novu boju udaraca.
Postavljanje veličine i položaja
Natrag u dijaloškom okviru Stil sloja postavite položaj udara na unutrašnjost . Zatim, pazite na kvadrat u gornjem lijevom dijelu slike kako povećavate vrijednost veličine povlačenjem klizača. Dat ću vrijednost od oko 32 px, ali to će ovisiti o veličini vaše slike:
Postavljanje položaja i veličine poteza.
Kliknite OK (U redu) da zatvorite dijaloški okvir i sada imamo obrub oko jednog od kvadrata:
Granica se pojavljuje oko trga u gornjem lijevom kutu.
Korak 8: Dodajte takt na ostale kvadrate
Natrag na ploču Slojevi vidimo da je naš udar naveden kao efekt ispod sloja:
Učinci su navedeni ispod sloja.
Da biste isti potez primijenili na ostale kvadrate, kopirat ćemo ga i zalijepiti. Kliknite desnom tipkom miša (Win) / Control (Gornji) / Control (Mac) na gornjem sloju, a zatim na izborniku odaberite Copy Layer Style :
Odabir "Kopiraj sloj sloja".
Kliknite drugi sloj odozgo (Sloj 2) da biste ga odabrali:
Odabirom drugog sloja odozgo.
Pritisnite i držite tipku Shift, a zatim kliknite na sloj odmah iznad pozadinskog sloja (Sloj 9). Ovo odabire sve ostale kvadrate odjednom:
Držite Shift i birajte donji kvadrat.
Kliknite desnom tipkom miša (Win) / Control (Mac) na bilo kojem od odabranih slojeva, a zatim odaberite Style Paste Layer Style :
Odabir "Paste Layer Style" stila.
I upravo tako, Photoshop nalijepi kap na ostale kvadrate:
Na svih 9 kvadrata nalazi se hod oko njih.
Korak 9: Pomicanje i zakretanje kvadrata
Da bismo stvorili više efekta kolaža, pomaknut ćemo i zakretati kvadrate pomoću Photoshopove naredbe Free Transform.
Odabir alata Move
Na Alatnoj traci odaberite Alat Move :
Odabir alata Move.
Uključivanje automatskog odabira
U traci mogućnosti provjerite je li automatski odabir uključen i je li postavljen na Layer . Tako ćemo jednostavno odabrati svaki kvadrat klikom na njega:
Provjerite je li Automatski odabir uključen i postavite na Layer.
Kliknite da biste odabrali kvadrat
Kliknite kvadrat u gornjem lijevom kutu da biste ga odabrali:
Odabir gornjeg lijevog kvadrata.
Pomaknite se i zakrenite kvadratom Free Transform
Zatim idite na izbornik Uredi i odaberite Besplatno preoblikovanje. Ili koristite prečac na tipkovnici, Ctrl + T (Win) / Command + T (Mac):
Idite na Edit> Free Transform.
Photoshop postavlja okvir slobodnog transforma i ručke oko trga:
Pojavljuju se ručke slobodne transformacije.
Za pomicanje trga kliknite i povucite bilo gdje unutar okvira Free Transform. Možete je pomicati i pomoću tipki sa strelicama na tipkovnici. Da biste ga rotirali, pomaknite pokazivač miša izvan okvira, a zatim kliknite i povucite:
Pomicanje i rotiranje trga na mjesto.
Da biste ga prihvatili, pritisnite Enter (Win) / Return (Mac), a naš je prvi kvadrat pomaknut i zakrenut na svoje mjesto:
Rezultat nakon pomicanja i zakretanja prvog kvadrata.
Ponavljanje koraka za ostale kvadrate
Za pomicanje i zakretanje ostalih kvadrata ponovite iste korake. Prvo kliknite kvadrat da biste ga odabrali, a zatim pritisnite Ctrl + T (Win) / Command + T (Mac) da biste brzo odabrali Free Transform . Pomaknite kvadrat na mjesto, a zatim ga zakrenite u položaj. Pritisnite Enter (Win) / Return (Mac) da biste je prihvatili.
U mom slučaju, ostavit ću središnji trg na izvornom mjestu, ali nastavit ću se kretati i rotirati vanjske kvadrate dok nisam zadovoljan rezultatima. Ako samo želite pomaknuti kvadrat bez rotiranja, nema potrebe za otvaranjem besplatne transformacije. Jednostavno je možete kliknuti i povući pomoću alata Move ili je gurnuti na svoje mjesto pomoću strelica na tipkovnici:
Rezultat nakon podešavanja svih vanjskih kvadrata.
Korak 10: Promjena boje pozadine
U ovom smo trenutku stvorili glavni učinak, ali možemo učiniti još nekoliko stvari. Jedna od njih je da možemo promijeniti boju pozadine. A za to ćemo upotrijebiti sloj za punjenje Jednobojne boje.
Na ploči Slojevi kliknite na pozadinski sloj da biste ga odabrali:
Odabir pozadinskog sloja.
Zatim kliknite ikonu New Fill ili Adjustment Layer :
Klikom na ikonu Novo sloj za ispunu ili prilagodbu.
I s popisa odaberite Solid Colour :
Odabirom sloja pune boje.
Uzorkovanje pozadinske boje sa slike
U Biraču boja odaberite novu boju za svoju pozadinu. Ili odaberite boju izravno sa slike tako da pomaknete pokazivač na sliku i kliknete na boju da biste je odabrali:
Uzorkovanje nove boje pozadine sa slike.
Nakon što pronađete boju koja vam se sviđa, kliknite U redu da biste zatvorili alat za odabir boja:
Fotografski kolaž s novom bojom pozadine uzorkovan sa slike.
Na ploči Slojevi vidimo naš novi sloj pune boje iznad sloja pozadine:
Sloj za ispunu nalazi se između pozadinskog sloja i trgova.
11. korak: Dodajte kap sjena
Na kraju, dovršimo efekt dodavanjem sjenke iza kvadrata. Da biste sjeni dodali sve kvadrate odjednom, prvo ćemo ih smjestiti u skupinu slojeva.
Grupiranje trgova
Kliknite gornji sloj (Sloj 1) da biste ga odabrali. Zatim pritisnite i držite tipku Shift i kliknite na sloj neposredno iznad sloja za ispunu (Sloj 9). Ovo odabire sve kvadrate odjednom:
Kliknite Layer 1, a zatim Shift kliknite Sloj 9.
Idite na izbornik Slojevi i odaberite Grupni slojevi :
Idite na Sloj> Grupni slojevi.
A natrag na ploču Slojevi, svi su naši kvadrati smješteni u novu grupu. Možete okretati grupu otvorenu ili zatvorenu klikom na strelicu pored naziva grupe:
Kvadrati su sada unutar skupine slojeva.
Dodavanje kapljice
Da biste grupi dodali sjenu, kliknite na ikonu Slojevi slojeva :
Klikom na ikonu "fx" odabranom grupom slojeva.
A zatim s popisa odaberite Drop Shadow :
Odabir kapljice.
Ovo otvara dijaloški okvir Stil sloja postavljen na Drop Shadow opcije:
Opcije ispuštanja sjene u dijaloškom okviru Stil sloja.
Ovdje možete prilagoditi kut i udaljenost sjene, ali lakše je samo kliknuti i povući unutar dokumenta. Dok povlačite, u dijaloškom će se prozoru ažurirati vrijednosti Kut i udaljenost:
Kliknite i povucite unutar dokumenta kako biste prilagodili kut i udaljenost sjene.
Nakon što postavite Kut i udaljenost vratite se na dijaloški okvir i podesite vrijednost Veličina da ublaže rubove. Također možete podesiti Opacity kako bi sjenka bila svjetlija ili tamnija. Smanjit ću mine na 30% :
Podešavanje veličine (mekoće) i neprozirnosti sjene.
Kada ste zadovoljni rezultatima, kliknite U redu da biste zatvorili dijaloški okvir. I sa primijenjenom sjenom ispadanja, evo mog konačnog učinka:
Konačni efekt foto kolaža.
I tu ga imamo! To je način kako jednu sliku pretvoriti u jednostavan, kvadratni foto kolaž u Photoshopu! Za dodatne efekte kolaža naučite kako stvoriti polaroidni kolaž, kolaž iz filmske vrpce ili kolaž iskrivljenih fotografija! Posjetite naš odjeljak s foto efektima za više vodiča. I ne zaboravite, svi naši udžbenici Photoshopa sada su dostupni za preuzimanje u PDF-u!