U ovom vodiču za Photoshop naučit ćemo kako stvoriti zabavan 3D pop-up efekt, sličan dječjoj pop-up knjizi, gdje glavni predmet vaše fotografije izgleda kao da stoje i iskače pravo iz inače ravne slike.
Da bismo mu dodali još 3D izgled, iskrivit ćemo rubove fotografije pomoću Photoshopove naredbe Warp i ispod njih dodati prilagođenu sjenu. U stvaranje efekta uključeno je prilično nekoliko koraka, ali svi su vrlo jednostavni i laki. Ovdje ću koristiti Photoshop CS6, ali svaka nedavna inačica Photoshopa funkcionirat će.
Evo fotografije s kojom ću započeti:

Evo kako će izgledati konačni rezultat:

Kako stvoriti 3D pop up efekt
Korak 1: Napravite dvije kopije sloja pozadine
Ako smo nedavno otvorili fotografiju u Photoshopu, ako pogledamo ploču Slojevi, vidjet ćemo našu sliku kako sama sjedi na pozadinskom sloju :

Započnimo s izradom nekoliko kopija sloja. Pritisnite Ctrl + J (Win) / Command + J (Mac) na tipkovnici kako biste brzo napravili prvu kopiju. Vidjet ćete da se kopija, kojoj Photoshop automatski naziva "Sloj 1", pojavljuje iznad pozadinskog sloja na ploči Slojevi. Ova zadana imena koja Photoshop daje nove slojeve nisu baš korisna, pa će, budući da će se ova prva kopija koristiti kao "ravna" verzija naše slike, dvaput kliknuti izravno na naziv sloja i preimenovati ga u stan . Pritisnite tipku Enter (Win) / Return (Mac) na tipkovnici kada završite kako biste prihvatili promjenu imena:

Sada ćemo napraviti drugu kopiju sloja. Pritisnite Ctrl + J (Win) / Command + J (Mac) ponovo na tipkovnici. Još jedan novi sloj, ovaj put nazvan "ravna kopija", pojavit će se iznad ostala dva sloja na ploči Slojevi. Koristit ćemo ovaj sloj za stvaranje skočnog efekta, pa dvaput kliknite na naziv sloja i preimenujte ga u skočnom prozoru . Pritisnite Enter (Win) / Return (Mac) kada završite kako biste prihvatili promjenu imena. Sada biste trebali imati tri sloja:

2. korak: isključite vidljivost novih slojeva
Ta dva nova sloja još ne trebamo vidjeti u dokumentu, pa kliknite na ikonu vidljivosti sloja i ravnih slojeva (očne jabučice) na lijevoj strani svakog sloja da biste ih privremeno isključili i sakrij ih od pogleda (iako se čini da se ništa nije dogodilo u prozoru dokumenta jer sva tri naša sloja sadrže istu sliku):

Korak 3: Odaberite pozadinski sloj
Kliknite izvorni sloj pozadine da biste ga odabrali (odabrani slojevi se prikazuju plavom bojom):

Korak 4: Dodajte sloj dopunjavanja gradijenta
Dodajmo sloj koji ćemo koristiti kao pozadinu za naš učinak. Koristit ćemo sloj Gradient Fill jer su gradijenti nešto zanimljiviji od čvrste boje. Kliknite ikonu Novo zalijevanje ili podešavanje na dnu ploče Slojevi:

Zatim s popisa odaberite gradijent :

Korak 5: Odaberite crni, bijeli gradijent
Ovo otvara dijaloški okvir Gradient Fill. Kliknite na traku za pregled gradijenta na vrhu dijaloškog okvira kako biste uredili gradijent:

Ovo otvara veći dijaloški okvir Gradient Editor s izborom unaprijed postavljenih gradijenata koje možemo odabrati na vrhu. Odaberite crni, bijeli gradijent klikom na njegovu sličicu (treća s lijeva, gornji red):

Korak 6: Zamijenite crnu svjetlijom sivom
Odabranim gradijentom Crno, Bijelo, uredimo ga i lagano promijenimo. Možemo urediti gradijente u donjoj polovici uređivača gradijenata. Dvaput kliknite zaustavljanje crne boje ispod i dolje lijevo od trake za pregled gradijenta:

Ovo otvara Photoshop Color Picker, omogućavajući nam promjenu crne boje u gradijentu u neku drugu boju. Crno je malo previše tamno za našu pozadinu, pa odaberite svjetlije sive da ga zamijenite, barem zasad. Naučit ćemo kako se vratiti i po potrebi promijeniti gradijentne boje na kraju udžbenika:

Kliknite OK (U redu) da biste zatvorili program za odabir boja, a zatim kliknite OK (U redu) da biste zatvorili program Editor Gradient. Na kraju, kliknite U redu da biste zatvorili dijaloški okvir Gradient Fill. Ako pogledamo ploču Slojevi, možemo vidjeti naš novi gradijentni sloj koji se nalazi neposredno iznad pozadinskog sloja (ali ispod ostala dva sloja):

A ako pogledamo u prozoru našeg dokumenta, vidimo pozadinu gradijenta koji smo upravo dodali:

Korak 7: Odaberite i uključite "ravni" sloj
Zatim ćemo stvoriti "ravnu" verziju naše fotografije. Kliknite na "ravni" sloj na ploči Slojevi da biste ga odabrali (tako da je označen plavom bojom), zatim kliknite ikonu vidljivosti sloja da biste ga ponovo uključili u prozoru dokumenta:

Vaša će se fotografija ponovo pojaviti u prozoru dokumenta jer "ravni" sloj sjedi iznad sloja Gradient Fill i sada blokira sloj Gradient Fill iz pogleda:

Korak 8: Odaberite Alat Pravokutni okvir
Grabite alat Pravokutni ovjes na ploči Alati ili pritisnite slovo M na tipkovnici da biste ga brzo odabrali pomoću prečaca:

9. korak: Izvucite pravokutni odabir unutar slike
Kad je odabran Pravokutni alat za crtanje, kliknite i povucite pravokutni odabir unutar slike oko područja koje će postati ravna verzija fotografije. Ne brinite za to da za sada dobijete nešto točno. Početni odabir oko općeg područja je sve što trebamo:

Korak 10: Odaberite naredbu Transform Selection
Preobličimo naš izborni okvir kako bismo mu dali više 3D perspektive. Za to ćemo upotrijebiti Photoshopovu naredbu Transform Select . Idite do izbornika Select u traci izbornika na vrhu zaslona i odaberite Transform Selection :

Korak 11: Prebacite se na perspektivni način rada
Čim odaberete Odabir transformacije, vidjet ćete ručke transformacije (mali kvadratići) oko konture odabira (po jedan u svakom kutu i jedan na vrhu, dnu, lijevo i desno). Pomoću ovih ručki ćemo preoblikovati izbor, ali prije nego što to učinimo, trebamo prebaciti naredbu Transform Select u perspektivni način. Da biste to učinili, desnom tipkom miša (Win) / Control pritisnite (Mac) bilo gdje unutar konture odabira i odaberite izbornik Perspective iz izbornika koji se pojavi:

12. korak: Povucite ručke ugla kako biste stvorili 3D perspektivu
Sada kada smo u perspektivnom načinu, kliknite na ručicu u gornjem lijevom kutu konture odabira i držite pritisnutu tipku miša udesno. Suprotna ručica u gornjem desnom kutu kretat će se zajedno s njom:

Zatim kliknite na ručicu u donjem lijevom kutu konture odabira i opet držiteći gumb pritisnutom rukom prema van prema lijevoj strani. Budući da smo i dalje u perspektivnom načinu rada, suprotna ručica u donjem desnom kutu pomaknut će se prema van zajedno s njom:

Korak 13: Prelazak na način skaliranja
Zatim treba prebaciti naredbu Odabir transformacije iz perspektivnog načina i u češći način rada Skala. Desnom tipkom miša kliknite (Win) / Control pritisnite (Mac) još jednom unutar konture odabira, a ovaj put na izborniku odaberite Scale :

Sada kada smo u načinu rada Scale, kliknite na ručicu na vrhu konture odabira i povucite ručicu prema dolje s pritisnutom tipkom miša:

Na kraju, pritisnite ručicu na dnu konture odabira, držite miš i držite ovu ručicu prema gore:

Nastavite povlačiti ručke da biste promijenili strukturu odabira, prebacujući između perspektivnih i modalnih ljestvica po potrebi, sve dok vaš odabir ne izgleda više kao da bledi u daljinu. Kada završite, pritisnite Enter (Win) / Return (Mac) da biste ga prihvatili i izađite iz naredbe Transform Selection:

14. korak: Dodajte masku sloja
Kada je naš izbor na mjestu, kliknite ikonu Layer Mask na dnu ploče Slojevi:

Ovo pretvara naš izbor u masku sloja. Možemo vidjeti minijaturnu masku novog sloja koja je dodana na "ravni" sloj na ploči Slojevi. Crno područje u sličici predstavlja dio sloja koji je skriven od pogleda u dokumentu, dok bijelo područje predstavlja dio koji ostaje vidljiv u dokumentu:

A ako pogledamo u naš stvarni prozor dokumenta, vidimo da je sve na sloju koji je pao izvan našeg odabira nestalo, ostavljajući samo područje koje je bilo unutar odabira:

Korak 15: Dodajte sloj bijelog sloja sloja
Upotrijebimo bijeli potez za dodavanje obruba fotografiji. Kliknite ikonu Stil sloja (ikona fx) na dnu ploče Slojevi:

Zatim odaberite Stroke s popisa slojeva slojeva koji se pojavljuje:

Ovo otvara Photoshop-ov dijaloški okvir Stil sloja. Prvo moramo promijeniti boju našeg hoda, pa kliknite uzorak boja :

Kad se pojavi, odaberite Bicker u boji, a zatim kliknite OK (U redu) da biste zatvorili program za odabir boja:

Natrag u dijaloškom okviru Stil sloja promijenite položaj poteza s vanjske u unutarnju :

Na kraju, kliknite na klizač Veličina i počnite ga povlačiti udesno da biste povećali veličinu obruba oko fotografije (pazite na prozor dokumenta dok povlačite klizač). Postavit ću veličinu svog poteza na 16 piksela, ali ovisno o razlučivosti vaše slike, možda ćete morati postaviti svoju veličinu još višu da biste dobili sličan rezultat:

Kada završite, kliknite U redu da biste zatvorili dijaloški okvir Stil sloja. Sada imamo našu obrub fotografija:

Korak 16: Odaberite i uključite sloj "skočnog prozora"
Spremni smo dodati naš skočni efekt. Kliknite na "skočni" sloj na ploči Slojevi da ga odaberete, a zatim kliknite na ikonu vidljivosti da biste sloj ponovo uključili u prozoru dokumenta:

Korak 17: Odaberite svoj glavni predmet
Pomoću selekcijskog alata po vašem izboru (alat Lasso, alat za brzi odabir, alat za olovke itd.) Nacrtajte izbor oko glavnog predmeta na fotografiji. Ovdje sam odabrao dva dječaka i snježnog čovjeka. Pokušajte svoj izbor učiniti što preciznijim oko područja koja će se zapravo pojaviti na fotografiji (drugim riječima, područja koja će se pojaviti ispred gradijentne pozadine), ali u redu je izvući labav odabir oko nižih područja koja će se pojaviti ispred ravne verzije fotografije:

18. korak: Dodajte masku sloja
Kad je odabran naš glavni predmet, kliknite još jednom na ikonu Layer Mask na dnu ploče Slojevi:

Kao što smo vidjeli ranije, Photoshop naš izbor pretvara u masku slojeva, prikazujući sličicu maske na "pop up" sloju:

Uz dodanu masku sloja, slika koju smo odabrali sada iskoči iz slike:

Korak 19: Odaberite "ravni" sloj
Završimo efekt uvijanjem uglova fotografije i dodavanjem sjene. Kliknite na "ravni" sloj na ploči Slojevi da biste ga odabrali:

20. korak: Učitajte masku sloja kao izbor
Držite tipku Ctrl (Win) / Command (Mac) na tipkovnici i kliknite izravno na minijaturnu sličicu maske "ravnog" sloja:

Ovo ponovno učitava masku sloja kao odabir u prozoru dokumenta. Vidjet ćete obris izbora koji se ponovo pojavljuje oko ravne verzije fotografije:

Korak 21: Dodajte novi sloj ispod "ravnog" sloja
Pritisnite tipku Ctrl (Win) / Command (Mac) na tipkovnici još jednom i kliknite ikonu New Layer na dnu ploče Slojevi:

Photoshop obično dodaje nove slojeve izravno iznad trenutno odabranog sloja, ali dodavanjem tipke Ctrl (Win) / Command (Mac) Photoshop novi sloj postavlja ispod odabranog sloja. U našem slučaju ovdje se stavlja ispod "ravnog" sloja. Dvaput kliknite naziv novog sloja i preimenujte ga u "sjenu", a zatim pritisnite Enter (Win) / Return (Mac) da biste prihvatili promjenu imena:

Korak 22: Ispunite izbor na novom sloju crnom bojom
Ispunimo naš izbor na "sjenovitom" sloju crnom bojom. Idite na izbornik Uredi na vrhu zaslona i odaberite naredbu Ispuni :

Ovo otvara Photoshop-ov dijaloški okvir za popunjavanje. Promijenite opciju Use u vrhu na Black, a zatim provjerite je li opcija Mode u donjoj polovici dijaloškog okvira postavljena na Normal, a opcija Opacity postavljena na 100% :

Kliknite OK (U redu) kad završite kako biste zatvorili dijaloški okvir. Photoshop ispunjava izbor na "sjeni" sloju crnom bojom. Trenutačno ga ne možemo vidjeti u prozoru dokumenta, jer fotografija na "ravnom" sloju iznad njega blokira je pogled, ali možemo vidjeti naše područje ispunjeno crnom bojom ako pogledamo pregled sloja "sjene" sličica na ploči Slojevi:

Korak 23: Odaberite "ravnu" masku sloja
Vratit ćemo se sjeni nakon što smo ukrivili uglove naše fotografije, što ćemo učiniti sljedeće. Kliknite izravno na minijaturu maske na sloju na "ravnom" sloju da biste odabrali masku:

24. korak: odvojite sloj od maske
Ako pažljivo pogledate, vidjet ćete malu ikonu veze između sličice za pregled "ravnog" sloja i sličice njegove maske na ploči Slojevi. Kliknite na ikonu veze da biste je uklonili, što će prekinuti vezu maske sa sadržajem sloja:

Korak 25: Odaberite naredbu Warp
Kad je sličica maske sloja odabrana i prekinuta veza sa same fotografije, idite na izbornik Uredi na vrhu zaslona, odaberite Transform, a zatim odaberite Warp :

Korak 26: Povucite četiri točke u kutu prema gore da biste savili ugla
Vidjet ćete warp rešetku oko fotografije. Kliknite svaku od četiri kutne ručke na mreži i povucite ih prema gore. Dok povlačite svaku ručicu, vidjet ćete da se taj rub fotografije uvija i prema fotografiji ćete otkriti dio crne „sjene“ ispod fotografije. Pritisnite Enter (Win) / Return (Mac) kada završite kako biste prihvatili učinak i izašli iz naredbe Warp:

Korak 27: Odaberite Sloj "sjene"
Završimo stvari omekšavanjem sjene ispod fotografije. Kliknite na sloj "sjene" na ploči Slojevi da biste ga odabrali:

28. korak: primijenite Gaussov filtar zamagljivanja
Idite do izbornika Filter na vrhu zaslona, odaberite Blur, a zatim odaberite Gaussian Blur :

Ovo otvara Photoshopov dijaloški okvir Gaussian Blur. Povucite klizač Radius na dnu dijaloškog okvira udesno da biste povećali količinu zamućenja koja se primjenjuje na sjenu. Što više zamućenja nanesemo, pojavit će se mekši rubovi sjene. Povećat ću svoju vrijednost radijusa na oko 10 px, ali ovisno o razlučivosti vaše slike, možda želite postaviti svoju vrijednost radijusa višu, pa budite sigurni da pazite na sliku u prozoru dok povlačite klizač:

Kliknite OK (U redu) kad završite kako biste zatvorili dijaloški okvir. Evo kako sada izgleda moja sjena nakon primjene filtra zamućenja:

Korak 29: Smanjite neprozirnost sjene
Omekšali smo rubove sjene, ali još uvijek je previše mračno i intenzivno. Idite do opcije Opacity u gornjem desnom kutu ploče Slojevi i spustite neprozirnost sloja "shadow" sa 100% na 60% :

Sa smanjenom neprozirnošću, sjena sada više odlazi u pozadinu:

Korak 30: Preoblikujte sjenu naredbom za slobodnu transformaciju
Još jedna stvar. Posložimo malo sjenu tako da više izgleda kao da je zapravo ispod fotografije. Idite na izbornik Uredi i odaberite Besplatno preoblikovanje :

Ovo postavlja okvir za slobodnu transformaciju i rukuje se oko sjene. Samo ću kliknuti i povući lijevu, desnu i donju ručicu prema unutra, tako da se rubovi sjene bolje nadolaze s rubovima fotografije:

Kada završite, pritisnite tipku Enter (Win) / Return (Mac) na tipkovnici kako biste prihvatili transformaciju i izlaz iz naredbe Free Transform. Evo mog efekta nakon što malo preoblikujem sjenu pomoću besplatne transformacije:

Promjena boje pozadinskog gradijenta
Ako odlučite da vam se ne sviđa boja gradijenta pozadine, jedna stvar koju biste mogli isprobati je uzorkovanje boje izravno sa slike koju ćete koristiti za pozadinu. Pogledajmo brzo kako to učiniti. Prvo, dvaput kliknite na minijaturu sloja Gradient Fill na ploči Slojevi:

Ovo se ponovo otvara dijaloški okvir Gradient Fill upravo onako kako smo vidjeli na početku vodiča. Kliknite na traku za pregled gradijenta kako biste ponovno uredili gradijent:

Ovo će ponovno otvoriti uređivač gradijenta . Želim promijeniti sivu boju u gradijentu u nešto drugo, pa ću dvostrukim klikom zaustaviti sivu boju ispod i dolje lijevo od trake za pregled gradijenta:

Photoshop će ponovno otvoriti program za odabir boja, ali umjesto da odaberem boju iz programa Boja za odabir boja, pomaknut ću pokazivač miša izravno preko same slike, što će moj kurzor miša privremeno pretvoriti u ikonu kapka za oči . Da biste uzorkovali boju, jednostavno kliknite boju koju želite na slici. Kliknut ću na područje svijetloplave boje na snijegu. Photoshop mi daje trenutačni pregled uživo kako izgleda nova boja u gradijentu:

Nakon što odaberete boju koja vam se sviđa, kliknite OK (U redu) da biste zatvorili program za odabir boja, a zatim kliknite OK (U redu) da biste zatvorili graditeljski uređivač, a zatim dijaloški okvir Gradient Fill (Gradient Fill). I s tim smo gotovi! Evo, za usporedbu, još jednom moja originalna fotografija:

I evo mog konačnog rezultata nakon zamjene sive u gradijentu pozadine s bojom uzorkom izravno sa slike:
