Oblikujte efekt prikaza skupa fotografija pomoću Photoshopa

Napisao Steve Patterson.

U ovom Tutorial za Photoshop , naučit ćemo kako prikazati jednu fotografiju kao skupinu oblika, slično većim 'zidnim skupinama' zaslona gdje je nekoliko fotografija, obično u različitim oblicima i veličinama okvira, poredano na zidu kako bi tvorile 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.



Evo kako će izgledati konačni rezultat:



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

Kako stvoriti efekt prikaza fotografije 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 naredbe New Document u Photoshopu. Idite na File > New.

Ovo otvara Photoshopov dijaloški okvir New Document. Dokument kvadratnog oblika najbolje funkcionira za ovaj učinak, pa ću postaviti 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 . Dimenzije i razlučivost koje su vam potrebne mogu biti različite, posebno ako ovo izrađujete za ispis. 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. Postavite širinu i visinu na 1000 piksela, razlučivost na 72 piksela/inču, a pozadinski sadržaj na bijelo.

Korak 2: Promijenite veličinu mreže u Photoshopovim postavkama

Koristit ćemo Photoshopovu rešetku da nam pomogne u stvaranju dizajna oblika, ali prvo moramo promijeniti veličinu rešetke, a to ćemo učiniti u postavkama. Na računalu idite do Uredi izbornik na vrhu zaslona, ​​odaberite Postavke , zatim odaberite Vodilice, rešetka i rezovi . Na Macu idite do Photoshop izbornik, odaberite Postavke , zatim odaberite Vodilice, rešetka i rezovi :



  Odabir postavki Vodilica, Mreže i Kriški u Photoshopu. Na osobnom računalu, postavke se nalaze u izborniku Uredi. Na Macu su ispod Photoshop izbornika.

Ovo otvara dijaloški okvir Preferences postavljen na opcije Guides, Grid i Slices. u Mreža odjeljak, postavite Gridline Svaki opcija za 2,5 posto . Ostale opcije ostavite na zadanim postavkama. Kliknite OK kada završite da biste zatvorili dijaloški okvir:

  Gridline Svaka opcija u postavkama Guides, Grid and Slices u Photoshopu. Postavite Gridline Every na 2,5 posto u odjeljku Grid.

Korak 3: Uključite mrežu

Promijenili smo veličinu rešetke, ali još uvijek je moramo uključiti u našem dokumentu. Da biste to učinili, idite gore do Pogled izbornik na vrhu zaslona, ​​odaberite Pokazati , zatim odaberite Mreža :

  Opcija Show Grid u Photoshopu. Idite na Pogled > Prikaži > Mreža.

Mreža je sada vidljiva u dokumentu. Iako je možemo vidjeti, rešetka zapravo nije dio dizajna. Tu je samo kao vizualna referenca da nam pomogne:



  Mreža prikazana u dokumentu u Photoshopu. Dokument s uključenom mrežom.

Korak 4: Dodajte novi sloj

Klikni na Novi sloj ikona na dnu ploče slojeva:

  Ikona Novi sloj na ploči Slojevi u Photoshopu. Kliknite na ikonu New Layer.

Ovo dodaje novi prazan sloj pod nazivom 'Layer 1' iznad pozadinskog sloja:

  Dokumentu se dodaje novi sloj pod nazivom Layer 1. Photoshop dodaje novi sloj i naziva ga 'Layer 1'.

Korak 5: Odaberite Rectangular Marquee Tool

Odaberite Alat za pravokutni okvir s ploče Alati:



  Odabir alata Rectangular Marquee Tool u Photoshopu. Odabir alata Rectangular Marquee.

Korak 6: Nacrtajte početni odabir oko mreže

S odabranim alatom Rectangular Marquee Tool nacrtajte početni obris odabira oko mreže, ali ostavite obrub širine dva kvadrata između obrisa odabira i rubova dokumenta. Obris odabira može biti teško vidljiv na snimci zaslona, ​​pa sam svoj označio crvenom bojom samo kako bih lakše vidio da sam oko njega ostavio obrub debljine dva kvadrata:

  Crtanje početnog obrisa odabira oko mreže. Nacrtajte obris odabira oko rešetke, ostavljajući obrub debljine dva kvadrata oko rubova.

Korak 7: Ispunite odabir crnom bojom

S odabranim mjestom idite gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite :



  Odabirom naredbe Fill iz izbornika Edit u Photoshopu. Idite na Uredi > Ispuni.

Ovo otvara Photoshopov dijaloški okvir Fill. Promijeni Koristiti opciju na vrhu dijaloškog okvira za Crno :

  Dijaloški okvir Ispuna u Photoshopu. Promijenite opciju Koristi u Crno.

Pritisnite OK da biste zatvorili dijaloški okvir. Photoshop ispunjava odabir crnom bojom u dokumentu. Više nam ne treba kontura odabira, pa da biste je uklonili, idite na Odaberi izbornik na vrhu zaslona i odaberite Poništi odabir . Možete i pritisnuti Ctrl+D (pobjeda) / Command+D (Mac) da biste brzo poništili odabir koristeći brži tipkovnički prečac:

  Odabirom Deselect iz izbornika Select u Photoshopu. Idite na Odaberi > Poništi odabir da biste uklonili obris odabira oko crno ispunjenog područja.

Sada biste trebali imati početni crno ispunjeni kvadratni oblik u dokumentu. Uistinu je svejedno koju smo boju odabrali za ispunjavanje odabira jer će se fotografija na kraju pojaviti iznad njega. Odabrao sam crnu jednostavno zato što je lako vidljiva ispred bijele pozadine, a također olakšava uočavanje linija mreže:



  Početni kvadratni oblik ispunjen crnom bojom. Početni crno ispunjen oblik.

Korak 8: Nacrtajte niz uskih pravokutnih odabira

Podijelit ćemo naš početni oblik u nekoliko manjih oblika, a to ćemo učiniti brisanjem njegovih dijelova. Prvo moramo odabrati područja koja ćemo izbrisati. Dok je Rectangular Marquee Tool još uvijek odabran, počnite od lijeve strane oblika i odbrojite 10 okomitih stupaca kvadrata prema unutra prema desno, zatim počnite od vrha oblika i nacrtajte odabir prema dolje oko 11. stupca, ali ostavite 10 kvadratiće između dna vašeg odabira i dna oblika. Shvaćam da to može zvučati zbunjujuće pa sam pokušao to učiniti jasnijim na snimci zaslona tako što sam još jednom istaknuo obris odabira crvenom bojom. Primijetite da je moj odabir širok samo jedan stupac i da postoji 10 kvadrata između mog odabira i lijeve strane oblika, kao i 10 kvadrata između dna mog odabira i dna oblika:

  Odabir 11. stupca kvadrata slijeva, ostavljajući red od 10 kvadrata ispod odabira. Nacrtajte odabir oko 11. stupca kvadrata slijeva, ostavljajući 10 kvadrata na dnu neodabranih.

Nakon što ste nacrtali prvi odabir, držite pritisnut Shift ključ, koji će vas privremeno prebaciti u Photoshop Dodaj u odabir modu, zatim odbrojite 10 vodoravnih redova kvadrata prema gore od dna oblika i nacrtajte sličan odabir oko 11. reda kvadrata počevši slijeva, ostavljajući 10 kvadrata između desnog ruba vašeg odabira i desne strane oblika . Opet, snimka zaslona, ​​nadamo se, olakšava pregled. Držeći pritisnutu tipku Shift, ovaj drugi odabir se dodaje prvom, i sada imamo odabrane dijelove jednog stupca i jedan red kvadrata:



  Odabir niza kvadrata u dokumentu. Držite Shift i nacrtajte odabir oko 11. reda kvadrata odozdo, ostavljajući 10 kvadrata s desne strane neodabranih.

Dva odabira manja, još dva do kraja. Nastavite držati pritisnut Shift tipku, zatim izbrojite 10 stupaca kvadrata s desne strane oblika i povucite odabir prema gore oko 11. stupca, ostavljajući 10 kvadrata između gornjeg ruba vašeg odabira i vrha oblika. Ovaj treći odabir dodaje se prva dva:

  Odabir drugog reda kvadrata u dokumentu. Ponovno držite Shift i nacrtajte odabir oko 11. stupca kvadrata s desne strane, ostavljajući 10 kvadrata s vrha neodabranih.

Konačno, s Shift tipku i dalje držite pritisnutu, odbrojite 10 redova kvadrata od vrha oblika i nacrtajte odabir oko 11. reda, počevši od desne strane oblika, ostavljajući 10 kvadrata između lijevog ruba vašeg odabira i lijevog ruba oblik. Kada ste gotovi, trebali biste imati odabrane dijelove dva retka i dva stupca kvadrata:

  Odabir drugog stupca kvadrata u dokumentu. Držite Shift i nacrtajte odabir oko 11. reda kvadrata od vrha, ostavljajući 10 kvadrata s lijeve strane neodabranih.

Korak 9: Izbrišite odabrana područja

Pritisnite Backspace (pobjeda) / Izbrisati (Mac) na vašoj tipkovnici za brisanje odabranih područja oblika, čime se veći oblik trenutačno dijeli na pet manjih oblika. Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za brzo uklanjanje obrisa odabira oko oblika. Više nam ne treba naša mreža prikazana u dokumentu, pa se vratite na Pogled izbornik, odaberite Pokazati , zatim odaberite Mreža da biste isključili mrežu. Možete i pritisnuti Ctrl+' (pobjeda) / Command+' (Mac) da biste ga isključili bržim tipkovnim prečacem. Evo kako dokument sada izgleda nakon uklanjanja obrisa odabira i isključivanja mreže:

  Jedan oblik je u dokumentu podijeljen na pet. Početni veći oblik podijeljen je u pet manjih oblika.

Korak 10: Dodajte sjenu

Klikni na Stilovi slojeva ikona na dnu ploče slojeva:

  Ikona stilova slojeva na ploči slojeva u Photoshopu. Klikom na ikonu Layer Styles.

Odaberite Drop Shadow s popisa stilova slojeva koji se pojavi:

  Odabir Drop Shadow s popisa stilova slojeva u Photoshopu. Odaberite Drop Shadow.

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije Drop Shadow u srednjem stupcu. Idem postaviti Kut od sjene do 120 ° i ja ću postaviti oba Udaljenost i Veličina do 12 px . Možda ćete morati koristiti različite vrijednosti za opcije Udaljenost i Veličina ako ste izradili dokument veći od veličine koju koristim za ovaj vodič. Na kraju, kako bih smanjio intenzitet sjene, smanjit ću Neprozirnost vrijednost do 60% :

  Mogućnosti sjene u dijaloškom okviru Stil sloja. Mogućnosti sjene u dijaloškom okviru Stil sloja.

Pritisnite OK da biste zatvorili dijaloški okvir Stil sloja. Sjena je sada dodana oblicima:

  Oblicima se dodaje sjena. Slika nakon dodavanja sjene.

Korak 11: Otvorite svoju fotografiju

Otvorite fotografiju koju želite smjestiti unutar oblika. Otvorit će se u zasebnom prozoru dokumenta. Evo slika Koristit ću:

  Fotografija golemog vala. Slika je licencirana od Fotolia by Photoshop Essentials.com. Izvorna slika.

Korak 12: Kopirajte i zalijepite fotografiju u dokument oblika

Pritisnite Ctrl+A (pobjeda) / Command+A (Mac) za brzi odabir cijele fotografije, zatim pritisnite Ctrl+C (pobjeda) / Command+C (Mac) da biste ga kopirali u međuspremnik. Prijeđite na dokument s oblicima, a zatim pritisnite Ctrl+V (pobjeda) / Command+V (Mac) za lijepljenje fotografije u dokument. Pojavit će se na vlastitom sloju (Sloj 2) iznad sloja oblika (Sloj 1) na ploči Slojevi:

  Slika je postavljena na Layer 2. Photoshop postavlja sliku na vlastiti sloj iznad sloja oblika.

Korak 13: Napravite Clipping Mask

Idi gore do Sloj izbornik na vrhu zaslona i odaberite Napravite Clipping Mask :

  Odabirom naredbe Create Clipping Mask iz izbornika Layer u Photoshopu. Idite na Layer > Create Clipping Mask.

Ovo 'sječe' fotografiju na oblike na sloju neposredno ispod nje, stvarajući iluziju da je fotografija podijeljena i prikazana na oblicima:

  Fotografija je sada ošišana na oblike ispod nje. Učinak nakon izrezivanja fotografije na oblike.

Ako pogledamo ploču Slojevi, vidimo da je sloj 2 sada uvučen udesno s malom strelicom na lijevoj strani minijature pregleda koja pokazuje prema dolje na sloj 1 ispod njega. Ovo je Photoshopov način da nas obavijesti da je sloj 2 sada ošišan na sadržaj sloja 1:

  Panel slojeva koji prikazuje sloj 2 ošišan na sloj 1 ispod njega. Photoshop uvlači slojeve koji su izrezani na sloj ispod njih.

Korak 14: Premjestite i promijenite veličinu fotografije uz slobodnu transformaciju

Za promjenu veličine i položaja fotografije unutar oblika, idite gore na Uredi izbornik na vrhu zaslona i odaberite Slobodna transformacija , ili pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za odabir naredbe Slobodna transformacija tipkovničkim prečacem:

  Odabir naredbe Free Transform u Photoshopu. Idite na Edit > Free Transform.

Ovo postavlja Photoshopov Free Transform okvir i ručke oko fotografije. Iako možemo vidjeti samo područje fotografije koje se nalazi iznad oblika, okvir za slobodnu transformaciju i ručke pojavit će se oko fotografije stvarna veličina . Ako ne možete vidjeti ručke jer je fotografija prevelika i proteže se izvan trenutno vidljivog područja dokumenta, idite gore do Pogled izbornik na vrhu zaslona i odaberite Prilagodi zaslonu . Također možete pritisnuti Ctrl+0 (pobjeda) / Command+0 (Mac) za odabir naredbe Fit on Screen pomoću tipkovničkog prečaca:

  Odabir naredbe Fit on Screen u Photoshopu. Idite na Pogled > Prilagodi zaslonu.

Photoshop će odmah smanjiti onoliko koliko je potrebno da stane cijela fotografija u vidljivo područje dokumenta kako biste mogli pristupiti ručicama za slobodnu transformaciju. Da biste promijenili veličinu fotografije, držite tipku Shift tipku, koja će ograničiti omjer slike dok joj mijenjate veličinu, zatim povucite bilo koju od četiri kutne ručke (kvadratići). Da biste premjestili fotografiju, jednostavno kliknite bilo gdje unutar graničnog okvira slobodne transformacije i povucite sliku mišem. Kako mijenjate veličinu i položaj slike, vidjet ćete kako se kreće unutar oblika:

  Promjena veličine i položaja slike pomoću slobodne transformacije. Po potrebi promijenite veličinu i položaj slike unutar oblika.

Kada ste zadovoljni kako stvari izgledaju, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje promjena i izlazak iz Free Transform. I s tim smo gotovi! Ovo je moj konačni rezultat 'prikaza fotografija grozda oblika':

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