Efekt okomitih foto panela u Photoshopu

Napisao Steve Patterson.

U ovom Tutorial za Photoshop , naučit ćemo kako stvoriti iluziju da se jedna fotografija prikazuje kao niz okomitih ploča. Možda izgleda komplicirano, ali kao što ćemo vidjeti, zapravo je vrlo lako stvoriti efekt, a mnogi se koraci jednostavno ponavljaju.



Ova verzija vodiča je za Photoshop CS5 i ranije. Za Photoshop CS6 i CC (Creative Cloud), provjerite naše potpuno ažurirana verzija .



Evo slike koju ću koristiti za ovaj vodič:

  Izvorna fotografija. Slika je licencirana s iStockphoto by Photoshop Essentials.com. Izvorna slika.

A evo kako će izgledati konačni efekt 'vertikalnih foto panela':

  Efekt Photoshop vertikalnih foto panela. Konačni rezultat.

Kako stvoriti okomite foto panele

Korak 1: Dodajte bijeli jednobojni sloj ispune

Dok je vaša slika tek otvorena u Photoshopu, kliknite na Nova ispuna ili sloj za prilagodbu ikona na dnu ploče Slojevi. To je ikona koja izgleda kao krug dijagonalno podijeljen između crne i bijele:



  Ikona New Fill ili Adjustment Layer na ploči Slojevi u Photoshopu. Kliknite na ikonu New Fill ili Adjustment Layer.

Odaberi Jednobojna s vrha popisa slojeva za ispunu i prilagodbu koji se pojavi:

  Odabir sloja pune boje u Photoshopu. Odaberite sloj pune boje s vrha popisa.

Photoshop će iskočiti Birač boja tako da možemo odabrati kojom bojom želimo ispuniti sloj. Odaberite bijela , ili klikom u gornjem lijevom kutu velikog okvira za odabir boja s lijeve strane ili unosom 255 za R , G i B opcije blizu donjeg središta dijaloškog okvira:

  Odabir bijele boje iz alata za odabir boja u Photoshopu. Odaberite bijelu iz alata za odabir boja.

Kliknite OK kada završite da biste zatvorili alat za odabir boja. Dokument će sada biti ispunjen čvrstom bijelom bojom, koja će služiti kao pozadina za naš učinak:



  Photoshop dokument sada je ispunjen čistom bijelom bojom. Dokument je sada ispunjen bijelom bojom.

Ako pogledamo ploču Slojevi, vidjet ćemo novi sloj pune boje koji je nazvao Photoshop Ispuna bojom 1 , koji se nalazi iznad izvorne slike na pozadinskom sloju:

  Novi sloj pune boje pojavljuje se na ploči slojeva. Photoshop postavlja sloj pune boje iznad sloja pozadine.

Korak 2: Duplicirajte pozadinski sloj

Odaberite Pozadinski sloj klikom na njega na ploči slojeva:

  Odabir pozadinskog sloja na ploči Slojevi. Kliknite na pozadinski sloj da biste ga odabrali. Odabrani slojevi označeni su plavom bojom.

S odabranim pozadinskim slojem idite gore do Sloj izbornika u traci izbornika na vrhu zaslona odaberite Novi , zatim odaberite Sloj putem kopiranja . Ili, za brži način pristupa istoj naredbi, pritisnite Ctrl+J (pobjeda) / Command+J (Mac) na vašoj tipkovnici:



  Novi sloj putem naredbe Kopiraj u Photoshopu. Idite na Layer > New > Layer via Copy.

Kopija pozadinskog sloja, odgovarajućeg naziva Pozadinska kopija , dodaje se neposredno iznad izvornika:

  Kopija pozadinskog sloja pojavljuje se iznad izvornika na ploči Slojevi. Pozadinski sloj kopije dodaje se između izvornog pozadinskog sloja i sloja pune boje.

Korak 3: Premjestite sloj pozadinske kopije iznad sloja pune boje

Moramo pomaknuti sloj pozadinske kopije iznad sloja pune boje, a najbrži i najlakši način da to učinimo je tipkovničkim prečacem. Pritisnite Ctrl+desna zagrada ( ] ) (pobjeda) / Command+desna zagrada ( ] ) (Mac) na vašoj tipkovnici. Ovo će preskočiti trenutno odabrani sloj (sloj pozadinske kopije) preko sloja neposredno iznad njega (sloj Ispuna bojom 1), postavljajući sloj pozadinske kopije na vrh niza slojeva:



  Pozadinski sloj kopije pomaknut je iznad sloja pune boje. Pritisnite Ctrl+] (Win) / Command+] (Mac) za skok na sloj pozadinske kopije iznad sloja pune boje.

Korak 4: Odaberite alat za pravokutnik

Odaberite Alat za pravokutnik s ploče Alati:

  Odabir alata za pravokutnik u Photoshopu. Odaberite Rectangle Tool.

Korak 5: Odaberite opciju oblika

S odabranim alatom za pravokutnik kliknite na Oblici opciju na traci s opcijama na vrhu zaslona. To je lijeva ikona u nizu od tri ikone krajnje lijevo od trake s opcijama:

  Odabir opcije Shapes za alat Rectangle na traci s opcijama. Odaberite opciju Oblici na traci s opcijama.

Korak 6: Nacrtajte prvu okomitu ploču

S alatom Rectangle Tool u ruci i odabranom opcijom Shapes, kliknite unutar dokumenta i povucite svoju prvu okomitu ploču. Dodat ćemo svoje ploče slijeva nadesno preko slike, pa nacrtajte ovu prvu ploču krajnje lijevo od područja koje želite prikazati. Na primjer, u mom slučaju, izvući ću svoju prvu ploču na lijevoj strani muškarčeva lica (ne brinite o boji ploče):



  Povlačenje okomite ploče s alatom Rectangle Tool u Photoshopu. Povlačenje prve ploče na lijevoj strani slike.

Korak 7: Lagano zakrenite ploču slobodnom transformacijom

Kako bismo učinku dodali malo više vizualnog interesa, zarotirajmo neke ploče tako da se ne pojavljuju ravno gore-dolje. Pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za brzi pristup Photoshopu Slobodna transformacija naredba, koja postavlja granični okvir Slobodne transformacije i ručke oko panela. Pritisnite bilo gdje izvan panela i, dok je tipka miša još uvijek pritisnuta, povucite mišem da je zakrenete. Ne okrećite ga predaleko - mali kut je sve što nam treba. Također možete premjestiti ploču da je premjestite ako je potrebno tako što ćete kliknuti bilo gdje unutar nje i, ponovno s pritisnutom tipkom miša, povući ploču uokolo svojim mišem. Ovdje lagano okrećem ploču u smjeru suprotnom od kazaljke na satu. Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici da prihvatite promjenu i izađete iz naredbe Free Transform::

  Rotiranje ploče s slobodnom transformacijom. Upotrijebite Slobodnu transformaciju za rotiranje i/ili pomicanje ploče unutar dokumenta.

Korak 8: Premjestite sloj oblika ispod sloja pozadinske kopije

Ako pogledamo ploču Slojevi, vidjet ćemo naš novododani sloj Oblik (nazvan Oblik 1 ) koji se nalazi iznad sloja pozadinske kopije:



  Sloj Shape nalazi se na vrhu niza slojeva. Sloj Oblik trenutno se nalazi na vrhu niza slojeva.

Moramo zamijeniti redoslijed dvaju slojeva tako da se sloj oblika pojavi ispod sloja pozadinske kopije, a to možemo učiniti pomoću drugog praktičnog prečaca na tipkovnici. S odabranim slojem Shape pritisnite Ctrl+lijeva zagrada ( [ ) (pobjeda) / Command+lijeva zagrada ( [ ) (Mac) na vašoj tipkovnici. Ovo skače trenutno odabrani sloj (sloj Shape 1) ispod sloja neposredno ispod njega (sloj Background copy):

  Sloj oblika i sloj pozadinske kopije zamijenili su položaje. Pritisnite Ctrl+[ (Win) / Command+[ (Mac) da pomaknete sloj Shape 1 ispod sloja Background copy.

Korak 9: Odaberite sloj pozadinske kopije

Još jednom kliknite na Pozadinska kopija sloj da biste ga odabrali:

  Kliknite na sloj pozadinske kopije da biste ga odabrali. Kliknite sloj pozadinske kopije na vrhu niza slojeva da biste ga odabrali.

Korak 10: 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 'izrezuje' sliku na sloju pozadinske kopije na okomitu ploču na sloju oblika neposredno ispod njega, skrivajući sve na sloju pozadinske kopije osim područja koje se nalazi neposredno iznad ploče:

  Slika na sloju pozadinske kopije sada je izrezana na okomitu ploču ispod nje. Samo dio slike koji se pojavljuje preko oblika ploče ostaje vidljiv u dokumentu.

Ako pogledamo ploču Slojevi, vidimo da je sloj pozadinske kopije sada uvučen udesno, s malom strelicom usmjerenom prema dolje lijevo od minijature pregleda. Ovo je Photoshopov način da nam kaže da je sloj izrezan na sadržaj sloja ispod njega:

  Ploča Slojevi koja prikazuje sloj pozadinske kopije izrezan na sloj Oblik. Sloj uvučen udesno znači da je ošišan na sloj ispod njega.

Korak 11: Dodajte sjenu

Dodajmo nekoliko jednostavnih stilova slojeva na ploču. Najprije kliknite na Oblik 1 sloj da biste ga odabrali:

  Odabir sloja Oblik na ploči Slojevi. Kliknite na sloj Shape 1 na ploči Slojevi da biste ga odabrali.

Zatim kliknite na Stilovi slojeva ikona na dnu ploče slojeva:

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

Odaberite Drop Shadow s popisa stilova slojeva koji se pojavi:

  Odabir stila sloja Drop Shadow u Photoshopu. Odaberite Drop Shadow s popisa.

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije Drop Shadow u srednjem stupcu. Spustite Neprozirnost od sjene dolje do 60% kako biste smanjili njegov intenzitet, zatim postavite Kut do 120° . Postavite oba Udaljenost i Veličina opcije za 10 px, iako možda želite eksperimentirati s različitim vrijednostima za ove dvije opcije ovisno o veličini slike s kojom radite:

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

Ostavite dijaloški okvir Stil sloja trenutno otvoren jer još uvijek imamo još jedan stil sloja za dodati. Vaša bi ploča trebala izgledati slično ovome nakon dodavanja sjene:

  Slika nakon dodavanja sjene na prvu ploču. Slika nakon dodavanja sjene na prvu ploču.

Korak 12: Dodajte potez

Dok je dijaloški okvir Stil sloja još otvoren, kliknite izravno na riječ Moždani udar na dnu popisa uz lijevu stranu dijaloškog okvira. Provjerite jeste li kliknuli na samu riječ, a ne samo na potvrdni okvir, inače nećete imati pristup opcijama poteza:

  Odabir poteza s popisa stilova u dijaloškom okviru Stil sloja. Kliknite izravno na riječ Potez s lijeve strane dijaloškog okvira Stil sloja.

Srednji stupac dijaloškog okvira Stil sloja promijenit će se i prikazati opcije za potez. Klikni na uzorak boje desno od riječi Boja za promjenu boje poteza:

  Klikom na uzorak boje za potez u dijaloškom okviru Stil sloja. Kliknite na uzorak boja.

Photoshop će otvoriti Birač boja još jednom, ovaj put kako bismo mogli odabrati novu boju za potez koji će se pojaviti oko rubova ploče. Odaberite bijela baš kao što smo učinili u 1. koraku, klikom u gornjem lijevom kutu velikog okvira za odabir boja s lijeve strane ili unosom 255 za R , G i B vrijednosti. Kada završite, kliknite OK da biste zatvorili alat za odabir boja:

  Odabir nove boje za potez iz Birača boja. Odaberite bijelu iz alata za odabir boja.

Na kraju, promijenite Veličina moždanog udara do 2 px (možda ćete htjeti upotrijebiti veću vrijednost ako radite s većom slikom), a zatim promijenite Položaj do Unutra , koji će potez održati lijepim i oštrim u kutovima ploče:

  Mogućnosti veličine poteza i položaja u dijaloškom okviru Stil sloja. Postavite Size na 2 px i Position na Inside.

Pritisnite OK da biste zatvorili dijaloški okvir Stil sloja. Vaša bi ploča sada trebala izgledati slično ovome nakon dodavanja sjene i poteza:

  Prva ploča nakon nanošenja sjene i poteza. Prva ploča nakon nanošenja sjene i bijelog poteza.

Korak 13: Odaberite oba sloja odjednom

Dok je sloj Shape 1 već odabran, držite pritisnutu tipku Shift tipku i kliknite na sloj Background copy iznad njega. Ovo će odabrati oba sloja odjednom (oba će biti označena plavom bojom):

  Odabir dva sloja odjednom na ploči Slojevi. Držite Shift i kliknite na sloj Background copy kako biste ga odabrali i Shape 1 sloj.

Korak 14: Stvorite grupu slojeva

S oba odabrana sloja idite gore do Sloj izbornik na vrhu zaslona, ​​odaberite Novi , zatim odaberite Grupirajte iz slojeva :

  Naredba Nova grupa iz slojeva u Photoshopu. Idite na Layer > New > Group from Layers.

Photoshop će otvoriti dijaloški okvir Nova grupa iz slojeva. Imenujte novu grupu slojeva Ploča , zatim kliknite OK da biste zatvorili dijaloški okvir:

  Dijaloški okvir Nova grupa iz slojeva u Photoshopu. Nazovite novu grupu slojeva 'Panel'.

Photoshop postavlja dva sloja unutar nove grupe slojeva pod nazivom Panel. Na ploči Slojevi trenutno je vidljiva samo sama grupa. Dva su sloja skrivena unutar grupe. Dodat ćemo naše dodatne ploče s fotografijama dokumentu izradom kopija grupe:

  Nova grupa slojeva pod nazivom Panel pojavljuje se na ploči Slojevi u Photoshopu. Dva sloja su sada unutar grupe slojeva pod nazivom Panel.

Korak 15: Duplicirajte grupu slojeva

Kliknite na grupu Panel i, držeći pritisnutu tipku miša, povucite je prema dolje na Novi sloj ikona na dnu ploče slojeva:

  Povlačenje grupe slojeva na ikonu New Layer. Kliknite i povucite grupu Panel prema dolje na ikonu New Layer.

Otpustite tipku miša iznad ikone New Layer. Photoshop stvara kopiju grupe, imenuje je Kopija ploče , i postavlja ga iznad originalne grupe panela:

  Kopija grupe slojeva pojavljuje se iznad izvornika. Kopija grupe Panel dodaje se iznad izvornika.

Korak 16: Premjestite kopiju ispod izvorne grupe

Pritisnite Ctrl+lijeva zagrada ( [ ) (pobjeda) / Command+lijeva zagrada ( [ ) (Mac) za premještanje kopije grupe Panel ispod izvornika:

  Grupa Panel copy sada se pojavljuje ispod izvornika. Pritisnite Ctrl+[ (Win) / Command+[ (Mac) da biste premjestili grupu Panel copy ispod izvornika.

Korak 17: Otvorite grupu slojeva

Kliknite na malu trokut ikona s lijeve strane Kopija ploče ime grupe. Ovo će otvoriti grupu, otkrivajući dva sloja unutar nje:

  Otvaranje grupe slojeva. Kliknite na trokut da biste otvorili grupu kopija panela.

Korak 18: Odaberite sloj oblika

Klikni na Oblik 1 sloj unutar grupe da biste ga odabrali:

  Odabir sloja Shape 1 unutar grupe. Odaberite sloj Shape 1 unutar grupe Panel copy.

Korak 19: Pomaknite i zakrenite oblik slobodnom transformacijom

Pritisnite Ctrl+T (pobjeda) / Command+T (Mac) da biste brzo prikazali Slobodna transformacija ručke oko druge ploče, zatim kliknite bilo gdje unutar ploče i povucite je udesno. Isprva će izgledati kao da postoji samo jedna ploča u dokumentu budući da se izvorna ploča nalazi točno iznad druge, ali čim počnete povlačiti udesno, vidjet ćete da druga ploča izlazi iza originalne. Dok povlačite drugu ploču na mjesto, otkriva se više slike unutar nje:

  Povlačenje druge ploče udesno. Kliknite unutar ploče i povucite je prema desno da biste otkrili više slike.

Pokušajte postaviti drugu ploču malo više ili niže od izvorne ploče, opet samo da biste dodali više vizualnog interesa. Također, rotirajte ploču u suprotnom smjeru klikom bilo gdje izvan nje i povlačenjem mišem. Ovdje sam svoju drugu ploču postavio malo više od prve i zarotirao sam je u smjeru kazaljke na satu. Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje promjene i izlazak iz naredbe Free Transform:

  Okretanje druge ploče u smjeru kazaljke na satu. Lagano zakrenite drugu ploču u suprotnom smjeru.

Korak 20: Zatvorite grupu slojeva

Moramo napraviti još nekoliko kopija grupe slojeva kako bismo stvorili dodatne ploče, tako da spriječimo da stvari postanu previše zbrkane i zbunjujuće na ploči Slojevi, zatvorite grupu slojeva kada završite s njom ponovnim klikom na trokut lijevo od naziva grupe:

  Zatvaranje grupe slojeva na ploči Slojevi. Zatvorite grupu slojeva kada završite kako bi stvari izgledale čisto i organizirano.

Korak 21: Ponovite korake 15-20 za dodavanje dodatnih ploča

U ovom trenutku dodavanje preostalih ploča samo je stvar ponavljanja nekoliko istih koraka. Prvo duplicirajte prethodno dodanu grupu slojeva (to će biti najdonja grupa na ploči Slojevi i također će biti označena plavom bojom) povlačenjem je prema dolje na Novi sloj ikona:

  Dupliciranje druge grupe slojeva. Povucite najdonju grupu slojeva prema dolje na ikonu New Layer.

Kopija grupe pojavit će se neposredno iznad nje. Ovdje je nova kopija imenovana Kopija ploče 2. Kako budete dodavali više panela, grupe slojeva će se zvati Panel copy 3, Panel copy 4, i tako dalje:

  Kopija ploče 2 pojavljuje se na ploči Slojevi. Photoshop dodaje kopiju grupe slojeva neposredno iznad izvornika.

Pritisnite Ctrl+lijeva zagrada ( [ ) (pobjeda) / Command+lijeva zagrada ( [ ) (Mac) na tipkovnici za pomicanje nove grupe ispod ostalih grupa slojeva:

  Premještanje grupe Panel copy 2 ispod grupe Panel copy. Pritisnite Ctrl+[ (Win) / Command+[ (Mac) za pomicanje nove kopije ispod izvornika.

Otvorite grupu slojeva klikom na trokut lijevo od naziva, a zatim odaberite Oblik 1 sloj unutar grupe:

  Otvaranje grupe slojeva i odabir unutarnjeg sloja oblika. Otvorite grupu slojeva i odaberite sloj Shape 1.

Pritisnite Ctrl+T (pobjeda) / Command+T (Mac) da se pojavi Slobodna transformacija okvir i ručke oko nove ploče, zatim kliknite unutar ploče i povucite je udesno kako biste otkrili veći dio slike, postavljajući novu ploču malo iznad ili ispod prethodne. Pritisnite izvan ploče i povucite mišem da je zakrenete. Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite s izlaskom iz slobodne transformacije:

  Pomicanje i rotiranje treće ploče. Koristite slobodnu transformaciju za pomicanje i rotiranje ploče.

Na kraju kliknite na trokut ikonu za zatvaranje grupe slojeva kada završite. Ne morate nužno zatvarati grupe slojeva svaki put, ali puno je lakše raditi unutar ploče Slojevi sa zatvorenim grupama:

  Zatvaranje grupe slojeva. Kliknite na trokut da biste zatvorili grupu kada završite.

Ponovite te iste korake da dodate svoje preostale ploče u dokument i gotovi ste! Evo, nakon dodavanja još tri panela za otkrivanje ostatka čovjekova lica, moj je konačni rezultat 'vertikalnih foto panela' (izrezao sam dio bijele pozadine alatom za izrezivanje):

  Efekt Photoshop vertikalnih foto panela. Konačni rezultat.