Oblikujte skup fotografija s Photoshopom CC

Naučite kako stvoriti efekt skupine oblika u Photoshopu gdje se jedna slika prikazuje kao kolaž oblika! Sada potpuno ažuriran za Photoshop CC!



Napisao Steve Patterson.

U ovom vodiču za Photoshop naučit ćemo kako snimiti fotografiju, podijeliti je u više manjih dijelova i prikazati kao skupinu oblika, slično većim 'zidnim skupinama' zaslona gdje je nekoliko fotografija, obično različitih oblika i veličina. poredani zajedno na zidu kako bi tvorili veći dizajn. U ovom slučaju, koristit ćemo Photoshop da stvorimo nešto slično, ali u manjoj mjeri koristeći samo jednu sliku.



U ovoj verziji vodiča koristit ćemo Photoshop Novi izgled vodiča značajka koja nam pomaže podijeliti fotografiju u manje dijelove. Značajka New Guide Layout dostupna je samo u Photoshop CC i prvi put je predstavljen u ažuriranjima Creative Clouda 2014. Da biste pratili ovaj vodič, morate biti Adobe Creative Cloud pretplatnik i htjet ćete biti sigurni da je vaša kopija Photoshop CC ažurirana.

Ako koristite stariju verziju Photoshopa (CS6 ili stariju), pogledajte naš original Zaslon fotografija klastera oblika vodič za upute korak po korak o tome kako stvoriti isti učinak.

Evo originalne fotografije s kojom ću početi ( fotografija portreta leoparda sa Shutterstocka)



  Fotografija portreta leoparda. Slika je licencirana i korištena uz dopuštenje Shutterstocka Izvorna slika.

A evo kako će izgledati konačni efekt 'grozde oblika':

  Photoshop oblik grozda efekt prikaza fotografije. Konačni rezultat.

Kako stvoriti prikaz fotografija grozda oblika

Korak 1: Izradite novi dokument

Započnimo stvaranjem novog Photoshop dokumenta. Idi gore do Datoteka izbornik u traci izbornika na vrhu zaslona i odaberite Novi :

  Odabirom New iz izbornika File u Photoshopu. Idite na File > New.

Ovo otvara Photoshopov novi dijaloški okvir. Možete koristiti bilo koje dimenzije koje su vam potrebne za vaš učinak, ali dokument kvadratnog oblika najbolje funkcionira. Za ovaj vodič, postavit ću oba Širina i Visina mog dokumenta za 1000 piksela , a budući da ovo ne planiram tiskati, ostavit ću Rezolucija vrijednost postavljena na 72 piksela/inču . Ako ovaj efekt stvarate za ispis, najvjerojatnije će vam trebati veći dokument razlučivosti od oko 300 piksela/inču. Postavi Pozadinski sadržaj do Bijela , zatim kliknite U redu da biste zatvorili dijaloški okvir. Novi dokument, ispunjen bijelom bojom, pojavit će se na vašem ekranu:



  Dijaloški okvir Novi dokument u Photoshopu. Novi dijaloški okvir.

Korak 2: Dodajte novi prazan sloj

Zatim ćemo dodati novi sloj za držanje različitih oblika koje ćemo koristiti za podjelu naše slike. Pritisnite i držite Sve (pobjeda) / Opcija (Mac) tipku na tipkovnici i kliknite na Novi sloj ikona na dnu Ploča slojeva :

  Pritisnite i držite Alt (Win) / Option (Mac) i kliknite ikonu New Layer. Pritisnite i držite Alt (Win) / Option (Mac) i kliknite ikonu New Layer.

Ovo otvara dijaloški okvir Novi sloj, dajući nam priliku da imenujemo novi sloj prije nego što ga dodamo. Nazovite sloj 'Oblici', zatim kliknite u redu :

  Imenovanje oblika novog sloja u dijaloškom okviru New Layer. Imenujte novi sloj 'Oblici'.

Novi prazan sloj pod nazivom 'Oblici' pojavljuje se iznad pozadinskog sloja:



  Ploča Slojevi koja prikazuje novi sloj Oblici. Ploča Slojevi koja prikazuje novi sloj 'Oblici'.

3. korak: Odaberite 'Novi izgled vodiča'

Dodajmo neke vodiče u dokument koji će nam pomoći u stvaranju oblika. Da bismo to učinili, koristit ćemo Photoshop CC Novi izgled vodiča značajka. Idi gore do Pogled izbornik na vrhu zaslona i odaberite Novi izgled vodiča :

  Odabirom New Guide Layout iz izbornika View u Photoshopu CC. Odlazak na Pogled > Novi izgled vodiča.

Korak 4: Napravite raspored vodiča 3 x 3

Ovo otvara dijaloški okvir New Guide Layout koji nam omogućuje jednostavno dodavanje redaka i stupaca, oluka i margina našem dokumentu. Koristit ćemo ga za izradu jednostavne mreže 3 x 3. Prvo, u Stupci odjeljak s lijeve strane, postavite Broj stupaca do 3 , ostavi Širina polje prazno (tako da će Photoshop ravnomjerno rasporediti stupce) i postavite Žlijeb (prostor između stupaca) to 20 px .



Zatim, u Redovi odjeljak s desne strane, prvo kliknite unutar Redova potvrdni okvir da biste omogućili retke (prema zadanim postavkama su isključeni), zatim postavite Broj redova također na 3 . Ostavi Visina polje prazno kako bi ih Photoshop jednako rasporedio i postavite Žlijeb (razmak između redova) to 20 px :

  Stvaranje stupaca i redaka za raspored vodiča. Stvaranje stupaca i redaka za naš raspored vodiča.

Evo kako bi raspored vodiča trebao izgledati do sada u dokumentu, s tri stupca, tri retka i razmakom između svakog stupca i retka od 20 piksela:

  Mreža 3 x 3 s razmakom od 20 piksela. Mreža 3 x 3 s razmakom od 20 piksela.

Ako ne vidite da se izgled vašeg vodiča ažurira na zaslonu, provjerite je li Pregled odabrana je opcija u dijaloškom okviru:



  Opcija Preview u dijaloškom okviru New Guide Layout. Provjerite je li Preview označen.

Zatim, dodajmo neke margine oko rubova dokumenta. Kliknite na marginu potvrdni okvir da biste omogućili margine, zatim postavite svaku od četiri opcije ( Vrh , Lijevo , Dno , i Pravo ) do 40 px :

  Dodavanje margina oko dokumenta. Dodavanje margina oko dokumenta.

Kada završite, kliknite u redu za zatvaranje dijaloškog okvira New Guide Layout. Evo kako bi konačni izgled vodiča trebao izgledati s dodanim marginama. Imajte na umu da ako je vaš Photoshop dokument veći (ili manji) od dokumenta od 1000 x 1000 piksela koji sam izradio, možda ćete morati isprobati različite vrijednosti Gutter i Margin kako biste dobili iste rezultate. Općenito, volim koristiti vrijednost margine dvostruko veću od vrijednosti oluka, ali slobodno eksperimentirajte:



  Konačni izgled vodiča zajedno s marginama. Konačni raspored vodiča zajedno s marginama duž gornje, donje, lijeve i desne strane.

Saznajte sve o značajci New Guide Layout u Photoshopu

Korak 5: Odaberite Rectangular Marquee Tool

S dodanim izgledom vodiča odaberite Photoshopov Alat za pravokutni okvir od Ploča s alatima na lijevoj strani ekrana:

  Odabir alata Rectangular Marquee na ploči Alati. Odabir alata Rectangular Marquee.

Korak 6: Odaberite različite dijelove mreže

Koristit ćemo se Alat za pravokutni okvir , zajedno s našim rasporedom vodiča, za crtanje naših oblika. Da bismo to učinili, moramo povući odabire oko različitih kvadrata u rešetki 3 x 3. Započnite klikom na gornji lijevi kut kvadrata u Gornji lijevi mreže (zanemarite margine oko rubova dokumenta) i, držeći pritisnutu tipku miša, povucite izravno u donji desni kut kvadrata ispod njega . Uključite oluk između kvadrata u odabir. Da bi stvari bile lakše vidljive, označio sam područje za odabir žutom bojom:

  Odabir prvog kvadrata u gornjem redu i prvog kvadrata u srednjem redu, zajedno s olukom. Odabir prvog kvadrata u gornjem redu i prvog kvadrata u srednjem redu, zajedno s olukom između.

Zatim pritisnite i držite Shift tipku na vašoj tipkovnici. Ovo će dodati odabir koji ćemo stvoriti odabiru koji smo već napravili (vidjet ćete mali znak plus ( + ) pojavljuju se u donjem desnom kutu pokazivača miša dajući vam do znanja da ste unutra Dodaj u odabir način rada). Dok držite pritisnutu tipku Shift, kliknite u gornjem lijevom kutu kvadrata u Dolje lijevo mreže i, držeći pritisnutu tipku miša, povucite u donji desni kut kvadrata pokraj njega . Opet uključite oluk između kvadrata u odabir. I dalje biste trebali vidjeti svoj izvorni obris odabira oko prva dva kvadrata, a sada imamo još dva dodana kvadrata:

  Odabir kvadrata u donjem lijevom i donjem središnjem dijelu mreže. Dodavanje kvadrata u donjem lijevom i donjem središnjem dijelu, plus oluk između.

Dok držite tipku Shift pritisnutu, kliknite u donjem lijevom kutu kvadrata u dolje desno mreže i povucite izravno u gornji desni kut kvadrata iznad toga . Sada biste trebali imati odabrana tri odjeljka rešetke:

  Odabir kvadrata u donjem desnom i srednjem desnom kutu mreže. Dodavanje kvadrata u donjem desnom i srednjem desnom kutu.

Skoro smo gotovi. I dalje držite pritisnutu tipku Shift, dodajte gornji desni i gornji središnji kvadratić odabiru klikom na donji desni kut kvadrata u Gore desno i povlačenjem do gornjeg lijevog kuta kvadrata u gornji centar :

  Odabir kvadrata u gornjem desnom i gornjem središnjem dijelu mreže. Dodavanje kvadrata u gornjem desnom i gornjem središnjem dijelu.

Na kraju, dodajte kvadrat u središte mreže tako da pritisnete i držite Shift, kliknete u gornjem lijevom kutu kvadrata i povučete dolje u donji desni kut:

  Odabir kvadrata u središtu mreže. Završite odabir dodavanjem kvadrata u središte.

Korak 7: Ispunite odabir crnom bojom

Ispunimo sve oblike koje smo odabrali crnom bojom. Za to ćemo koristiti Photoshopovu naredbu Fill. Idi gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite :

  Odabir naredbe Fill iz izbornika Edit. Odlazak na Uredi > Ispuni.

Ovo otvara dijaloški okvir Fill. Postavi Sadržaj opciju na vrhu do Crno , i provjerite Način rada opcija je postavljena na Normalan i Neprozirnost je na 100% :

  Promjena opcije Contents u Black u dijaloškom okviru Ispuna. Promjena sadržaja u crno.

Kliknite OK da biste zatvorili dijaloški okvir Ispuna. Photoshop ispunjava odabir crnom bojom:

  Odabiri su ispunjeni crnom bojom. Dokument nakon ispunjavanja odabira crnom bojom.

Korak 8: Uklonite odabir i vodilice

Završili smo s obrisima odabira i vodičima, pa ih izbrišite iz dokumenta. Da biste uklonili obrise odabira, idite na Odaberi izbornik na vrhu zaslona i odaberite Poništi odabir , ili pritisnite Ctrl+D (pobjeda) / Command+D (Mac) na vašoj tipkovnici:

  Odabir Odaberi iz izbornika Odaberi. Idete na Odaberi > Poništi odabir.

Za uklanjanje vodilica, idite gore do Pogled izbornik i odaberite Jasne vodilice :

  Odabir Clear Guides iz izbornika View. Odlazak na View > Clear Guides.

Budući da su obrisi odabira i vodiči nestali, vidimo samo naše crno ispunjene oblike na bijeloj pozadini:

  Obrisi odabira i vodiči su uklonjeni. Dokument koji izgleda mnogo čistije.

Korak 9: Dodajte sjenu

Da bi učinak malo iskočio iz pozadine, iza oblika ćemo dodati sjenu. S odabranim slojem 'Oblici' kliknite na Stilovi slojeva ikona ( fx ikona) na dnu ploče Slojevi:

  Klikom na ikonu stilova slojeva na ploči slojeva. Klikom na ikonu stilova slojeva.

Odaberite Drop Shadow s popisa koji se pojavi:

  Odabir stila sloja Drop Shadow. Odabir stila sloja Drop Shadow.

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije Drop Shadow u srednjem stupcu. Ja ću postaviti Kut moje sjene da 135 ° tako da se čini da je izvor svjetla u gornjem lijevom kutu, tada ću postaviti oba Udaljenost i Veličina vrijednosti za 10 px . Udaljenost kontrolira udaljenost sjene od objekta, dok veličina kontrolira tvrdoću rubova sjene. Možda ćete htjeti eksperimentirati s ove dvije vrijednosti ako se veličina vašeg dokumenta razlikuje od moje. Napokon ću postaviti Neprozirnost od sjene do 40% :

  Mogućnosti Drop Shadow. Mogućnosti Drop Shadow.

Pritisnite OK kada završite da biste zatvorili dijaloški okvir Stil sloja. Evo mojih oblika s primijenjenom sjenom:

  Dokument nakon primjene sjene. Dokument nakon primjene sjene.

Jedna od sjajnih stvari kod stilova slojeva u Photoshopu je ta da ih je moguće u potpunosti uređivati ​​čak i nakon što ih primijenimo. Ako ponovno pogledamo ploču Slojevi, vidjet ćemo efekt Sjene naveden ispod sloja 'Oblici'. Ako odlučite, bilo sada ili kasnije kada ste dodali fotografiju, da niste zadovoljni kako sjena izgleda, jednostavno dvaput kliknite na riječi Drop Shadow da ponovno otvorite dijaloški okvir Stil sloja i izvršite sve potrebne promjene:

  Drop Shadow navedena ispod sloja Shapes. Dvaput kliknite riječi 'Drop Shadow' u bilo kojem trenutku da biste uredili njegove postavke.

Korak 10: Odaberite i kopirajte svoju fotografiju

Ako to već niste učinili, otvorite fotografiju koju želite koristiti za efekt. Otvorit će se u svom, odvojenom dokument s karticama . Možete se prebacivati ​​između dokumenata klikom na kartice duž vrha. Ovdje se prebacujem na dokument svoje fotografije klikom na njegovu karticu:

  Odabir glavne fotografije's document by clicking its tab. Odabir dokumenta glavne fotografije.

Moramo kopirati i zalijepiti fotografiju u dokument efekta skupa oblika. Idi gore do Odaberi izbornik na vrhu zaslona i odaberite svi , ili pritisnite Ctrl+A (pobjeda) / Command+A (Mac) da odaberete Odaberi > Sve na tipkovnici:

  Odabirom Sve iz izbornika Odaberi. Idete na Odaberi > Sve.

Time se oko fotografije postavlja obris odabira:

  Oko fotografije pojavljuje se obris odabira. Oko slike pojavljuje se obris odabira.

S odabranom fotografijom idite gore do Uredi izbornik i odaberite Kopirati , ili pritisnite Ctrl+C (pobjeda) / Command+C (Mac) na vašoj tipkovnici:

  Odabirom Kopiraj iz izbornika Uredi. Odlazak na Uredi > Kopiraj.

Korak 11: Zalijepite fotografiju u dokument klastera oblika

Vratite se na dokument klastera oblika klikom na njega tab :

  Vraćanje na učinak's document by clicking its tab. Vraćanje na dokument efekta.

Da biste zalijepili fotografiju i centrirali je u dokumentu, idite gore na Uredi izbornik, odaberite Posebno zalijepi , zatim odaberite Zalijepi na mjesto , ili pritisnite Shift+Ctrl+V (pobjeda) / Shift+Command+V (Mac):

  Odabir Zalijepi na mjesto iz izbornika Uredi. Odlazak na Uredi > Posebno lijepljenje > Zalijepi na mjesto.

Photoshop lijepi i centrira fotografiju u dokumentu. Ako pogledamo ploču Slojevi, vidjet ćemo da je Photoshop postavio fotografiju na potpuno novi sloj pod nazivom 'Layer 1' iznad sloja 'Shapes'. Ne brinite ako je vaša fotografija prevelika za učinak. Vidjet ćemo kako joj promijeniti veličinu za trenutak:

  Fotografija se pojavljuje na vlastitom sloju iznad ostalih. Fotografija se pojavljuje na vlastitom sloju iznad ostalih.

Korak 12: Napravite Clipping Mask

Trenutačno fotografija blokira oblike na sloju 'Oblici' iz pogleda. Želimo da se fotografija pojavi unutra oblike, a to možemo lako učiniti pomoću a maska ​​za rezanje . S odabranim slojem fotografije ('Layer 1') kliknite na malu ikona izbornika u gornjem desnom kutu ploče Slojevi:

  Klikom na ikonu izbornika ploče Slojevi. Klikom na ikonu izbornika ploče Slojevi.

Odaberite Napravite Clipping Mask iz izbornika koji se pojavi:

  Odabirom Create Clipping Mask iz izbornika ploče Slojevi. Odabir 'Stvori masku za rezanje'.

Ovo 'sječe' fotografiju na sadržaj sloja neposredno ispod nje, stvarajući iluziju da je fotografija sada unutar oblika. Ovdje vidimo da je moja fotografija prevelika da pravilno stane unutar oblika, ali to ću sljedeće popraviti:

  Učinak nakon izrezivanja sloja fotografije na sloj oblika. Efekt nakon izrezivanja fotografije na sloj 'Oblici'.

Naučite sve o maskama za izrezivanje u Photoshopu

Korak 13: Promijenite veličinu i položaj fotografije uz slobodnu transformaciju

Za promjenu veličine i položaja fotografije unutar oblika, provjerite je li odabran 'Layer 1' na ploči Slojevi, a zatim idite do Uredi izbornik na vrhu zaslona i odaberite Slobodna transformacija , ili pritisnite Ctrl+T (pobjeda) / Command+T na vašoj tipkovnici:

  Odabirom Slobodne transformacije ispod izbornika Uredi. Idite na Edit > Free Transform.

Ovo mjesto Slobodna transformacija kutiju i ručke (kvadratiće) oko fotografije. Iako možemo vidjeti samo dijelove fotografije koji su unutar oblika, okvir Slobodna transformacija pojavljuje se oko stvarnih dimenzija fotografije. Ako ne možete vidjeti cijeli okvir Free Transform jer je vaša fotografija toliko velika da se proteže izvan zaslona, ​​idite do Pogled izbornik i odaberite Prilagodi zaslonu , ili pritisnite Ctrl+0 (pobjeda) / Command+0 (Mac). Photoshop će odmah smanjiti sliku tako da sve, uključujući okvir Free Transform, bude vidljivo:

  Odabir Prilagodi zaslonu iz izbornika Pogled. Odlazak na Pogled > Prilagodi zaslonu.

Za promjenu veličine slike pritisnite i držite Shift tipku dok kliknete i povučete bilo koju od četiri kutne ručke . Držite Shift dok povlačite zaključat će omjer slike na mjestu dok joj mijenjate veličinu. Ako pritisnete i zadržite Shift+Alt (pobjeda) / Shift+Opcija (Mac) dok povlačite kutne ručke, ne samo da ćete zaključati omjer širine i visine slike na mjestu, već ćete također promijeniti veličinu fotografije iz središta, a ne iz kuta, što je često lakše.

Za pomicanje slike jednostavno kliknite i povucite bilo gdje unutar okvira Slobodna transformacija. Ovdje povlačim ručicu gornjeg lijevog kuta prema središtu dokumenta kako bih smanjio sliku i više je stavio unutar oblika:

  Promjena veličine fotografije unutar oblika pomoću slobodne transformacije. Promjena veličine fotografije unutar oblika pomoću slobodne transformacije.

Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici za izlazak iz načina rada Free Transform. I s tim smo gotovi! Evo, nakon promjene veličine moje fotografije, moj konačni efekt 'grupe oblika':

  Photoshop oblik grozda efekt prikaza fotografije. Konačni rezultat.