V tem Vodiču za Photoshop bomo izvedeli, kako ustvariti zabaven 3D pop-up učinek, podoben otroški pop-up knjigi, kjer se zdi, da je glavni predmet vaše fotografije vstajanje in izskok iz prav tako ravne slike.
Da bi mu dodali še več 3D-videza, bomo z uporabo ukaza Photoshop zakrivili robove fotografije in pod njimi dodali senco po meri. Pri ustvarjanju učinka je vključenih kar nekaj korakov, vendar so vsi zelo preprosti in enostavni. Tukaj bom uporabljal Photoshop CS6, vendar bo vsa zadnja različica Photoshopa delovala.
Tukaj je fotografija, s katero bom začel:

Takole bo izgledal končni rezultat:

Kako ustvariti 3D pop up učinek
1. korak: Naredite dve kopiji sloja ozadja
Če smo na fotografiji na novo odprli v Photoshopu, če pogledamo ploščo Sloji, vidimo svojo sliko, ki samostojno sedi na plasti ozadja :

Začnimo s tem, da naredimo nekaj kopij plasti. Za hitro izdelavo prve kopije pritisnite Ctrl + J (Win) / Command + J (Mac) na tipkovnici. Kopija, ki jo Photoshop samodejno poimenuje "Layer 1", se prikaže nad plastjo Ozadje na plošči Sloji. Ta privzeta imena, ki jih Photoshop daje novim slojem, niso zelo uporabna, zato, ker bo ta prva kopija uporabljena kot "ploščata" različica naše slike, dvakrat kliknite neposredno na ime plasti in jo preimenujete po plošči . Ko končate, da spremenite ime, pritisnite Enter (Win) / Return (Mac) na tipkovnici:

Zdaj bomo naredili drugo kopijo plasti. Ponovno pritisnite Ctrl + J (Win) / Command + J (Mac) na tipkovnici. Druga dva sloja, tokrat imenovana "ploščata kopija", bo prikazana nad drugima dvema slojema na plošči Sloji. Ta sloj bomo uporabili za ustvarjanje našega pojavnega učinka, zato dvakrat kliknite na ime plasti in ga preimenovajte. Ko končate, da spremenite ime, pritisnite Enter (Win) / Return (Mac). Zdaj bi morali imeti tri plasti:

2. korak: izklopite vidnost novih plasti
Teh dveh novih slojev nam v dokumentu še ni treba videti, zato kliknite ikono vidnosti sloja (flat) in „pop-up“ (zrklo) na skrajni levi strani vsake plasti, da jih začasno izklopite in jih skrijete pred ogledom (čeprav se v oknu dokumenta ne bo zgodilo nič, ker vse tri naše plasti vsebujejo isto sliko):

3. korak: Izberite Ozadje plast
Kliknite originalni sloj ozadja, da ga izberete (izbrani sloji so označeni z modro barvo):

4. korak: Dodajte sloj za polnjenje gradientov
Dodajmo plast, ki ga uporabimo kot ozadje za naš učinek. Uporabili bomo plast Gradient Fill, saj so gradienti nekoliko bolj zanimivi od trdnih barv. Kliknite ikono New Fill ali Adjustment Layer na dnu plošče Sloji:

Nato na seznamu, ki se prikaže, izberite Gradient :

5. korak: Izberite črni, beli gradnik
Odpre se pogovorno okno Gradient Fill. Če želite urediti gradient, kliknite vrstico za predogled gradienta na vrhu pogovornega okna:

S tem se odpre večje pogovorno okno Gradient Editor, na vrhu pa je na voljo izbor prednastavljenih gradientov. Izberite črni in beli gradient s klikom na njegovo sličico (tretja z leve, zgornja vrstica):

6. korak: Zamenjajte črno s svetlejšo sivo
Z izbranim gradientom Črni, Beli ga uredimo in rahlo spremenimo. Gradiente lahko urejamo v spodnji polovici urejevalnika gradiva. Dvokliknite zgornjo levo od vrstice za predogled gradientov na črni barvi :

Odpre se Photoshop-ov barvni nabiralnik, ki nam omogoča spreminjanje črne barve v gradientu v drugo barvo. Črna je za naše ozadje nekoliko pretemna, zato izberite vsaj svetlejšo sivo, da jo vsaj vsaj za zdaj nadomestite. Naučili se bomo, kako se vrniti in po potrebi spremeniti barve naklona na koncu vadnice:

Kliknite V redu, da se izklopite iz barvnega izbiralnika, nato pa kliknite V redu, da zaprete urejevalnik Gradient. Na koncu kliknite V redu, da zaprete pogovorno okno Gradient Fill. Če pogledamo v ploščo Sloji, lahko opazimo naš novi sloj Gradient Fill neposredno nad plasti ozadja (vendar pod drugima dvema slojema):

Če pogledamo v okno dokumenta, vidimo zasnovo gradienta, ki smo ga pravkar dodali:

7. korak: Izberite in vklopite "ravno" plast
Nato bomo ustvarili "ravno" različico naše fotografije. Kliknite na ploščato plast na plošči Sloji, da jo izberete (tako da je označena z modro barvo), nato pa kliknite ikono vidnosti plasti, da jo v oknu dokumenta vklopite.

Vaša fotografija se bo znova prikazala v oknu dokumenta, ker "ploščata" plast sedi nad plastjo Gradient Fill in zdaj blokira plast Gradient Fill iz pogleda:

8. korak: Izberite Pravokotno orodje Marquee
Na plošči Orodja zgrabite orodje Pravokotna oznaka ali pritisnite tipko M na tipkovnici, da jo hitro izberete s bližnjico:

9. korak: Povlecite pravokotno izbiro znotraj slike
Z izbranim orodjem Rectangular Marquee kliknite in povlecite pravokotni izbor znotraj slike okoli območja, ki bo postalo ravna različica fotografije. Ne skrbite, da bi zaenkrat dobili kaj točno. Začetni izbor okoli splošnega območja je vse, kar potrebujemo:

Korak 10: Izberite ukaz Transform Selection
Preoblikujmo naš izborni oris, da bomo dali večjo perspektivo 3D. Za to bomo uporabili Photoshopov ukaz Transform Selection . Pojdite do menija Select v menijski vrstici na vrhu zaslona in izberite Transform Selection :

11. korak: Preklopite v perspektivni način
Takoj, ko izberete izbiro preoblikovanja, se bodo okrog izbranega ozadja pojavili transformacijski ročaji (majhni kvadratki) (po en v vsakem vogalu in eden na vrhu, spodaj, levo in desno). Te ročaje bomo uporabili za preoblikovanje izbire, ampak preden to storimo, moramo ukaz Transform Selection preklopiti v perspektivni način. Če želite to narediti, z desno tipko miške kliknite (Win) / Control ( Kliknite) (Mac) kjerkoli znotraj izbirnega orisa in v meniju, ki se prikaže, izberite Perspective :

12. korak: Povlecite ročke vogala, da ustvarite perspektivo 3D
Zdaj, ko smo v perspektivnem načinu, kliknite ročaj v zgornjem levem kotu izbirnega orisa in s pritisnjeno tipko miške povlecite ročico v desno. Nasproti ročaj v zgornjem desnem kotu se bo premikal skupaj z njim:

Nato kliknite ročaj v spodnjem levem kotu izbirnega orisa in z roko miške še naprej držite ta ročaj navzven proti levi strani. Ker smo še vedno v načinu perspektive, se bo nasprotni ročaj v spodnjem desnem kotu pomaknil navzven, skupaj z njim:

Korak 13: Preklopite na način lestvice
Nato moramo ukaz za izbiro preoblikovati iz načina perspektive in v pogostejši način lestvice. Znova z desno miškino tipko kliknite (Win) / Nadzorni klik (Mac) znotraj izbirnega orisa in tokrat v meniju izberite Scale :

Zdaj, ko smo v načinu Scale, kliknite ročaj na vrhu izbirnega orisa in s pritisnjeno tipko miške povlecite ročico navzdol:

Na koncu kliknite ročaj na dnu izbirnega orisa, držite miško in držite ta ročaj navzgor:

Nadaljujte z vlečenjem ročajev, da spremenite izbirni obris, po potrebi preklopite med perspektivnimi in lestvicami, dokler vaš izbirni obris ne bo bolj videti, kot da zbledi v daljavo. Ko končate, pritisnite Enter (Win) / Return (Mac), da ga sprejmete, in izstopite iz ukaza Transform Selection:

14. korak: Dodajte masko plasti
Ko je naš izbor pripravljen, kliknite ikono Layer Mask na dnu plošče Sloji:

To naš izbor pretvori v masko plasti. Lahko vidimo sličico maske nove plasti, ki je bila dodana na "ravno" plast na plošči Sloji. Črno območje na sličici predstavlja del plasti, ki je skrit pred pogledom v dokumentu, belo območje pa tisti del, ki ostane viden v dokumentu:

Če pogledamo v dejansko okno dokumenta, vidimo, da je vse na plasti, ki je padla zunaj našega izbora, izginilo, tako da ostane samo območje, ki je bilo znotraj izbora:

15. korak: Dodajte slog sloja bele poteze
Za dodajanje obrobe na fotografijo uporabimo belo potezo. Kliknite ikono sloja sloja (ikona fx) na dnu plošče plasti:

Nato na seznamu slogov slojev, ki se prikaže, izberite Stroke :

Odpre se pogovorno okno Sloga sloja Photoshopa. Najprej moramo spremeniti barvo poteze, zato kliknite na barvno črto:

Ko se izpiše, izberite beli barvni barv in nato kliknite V redu, da zaprete izbirnik barv:

Nazaj v pogovornem oknu slog sloja spremenite položaj poteze z zunanje v notranjost :

Na koncu kliknite drsnik Velikost in začnite ga vleči proti desni, da povečate velikost roba okoli fotografije (bodite pozorni na okno dokumenta, ko povlečete drsnik). Nastavil bom velikost poteze na 16 pik, toda glede na ločljivost slike boste morda morali nastaviti velikost še višje, da dobite podoben rezultat:

Ko končate, kliknite V redu, da zaprete pogovorno okno Slog sloja. Zdaj imamo svojo mejo fotografij:

16. korak: Izberite in vklopite "pop up" Layer
Pripravljeni smo dodati svoj pojavni učinek. Kliknite na "pop up" plast na plošči Sloji, da jo izberete, nato pa kliknite njeno ikono vidnosti, da jo v oknu dokumenta vklopite plast:

Korak 17: Izberite svoj glavni predmet
S pomočjo izbirnega orodja (orodje Lasso, orodje za hitro izbiro, orodje za pero itd.) Narišite izbor okoli glavnega predmeta na fotografiji. Tu sem izbral dva fanta in snežaka. Potrudite se, da bo vaša izbira čim natančnejša okoli območij, ki se bodo dejansko pojavila na fotografiji (z drugimi besedami, področja, ki se bodo pojavila pred gradientnim ozadjem), vendar je v redu, da narišete ohlapno izbiro okoli spodnjih območij, ki se bodo pojavila pred ravno različico fotografije:

18. korak: Dodajte masko plasti
Ko izberemo naš glavni predmet, še enkrat kliknite ikono Layer Mask na dnu plošče Sloji:

Tako kot smo že videli, tudi Photoshop naš izbor pretvori v masko plasti, pri čemer na sloju "pop up" prikaže sličico maske:

In ko je dodana maska sloja, iz slike izpiše območje, ki smo ga izbrali:

Korak 19: Izberite "ravno" plast
Zaključimo učinek tako, da zavihamo vogale fotografije in dodamo senco. Kliknite na ploščato plast na plošči Sloji, da jo izberete:

20. korak: Ponovno naložite masko sloja kot izbiro
Pridržite tipko Ctrl (Win) / Command (Mac) na tipkovnici in kliknite neposredno na sličico maske "ploščatega" sloja:

To ponovno naloži masko sloja kot izbiro v oknu dokumenta. Ogledali se boste obris izbire, ki se bo ponovno pojavil okoli ravne različice fotografije:

21. korak: Dodajte nov sloj pod "ravno" plast
Še enkrat pridržite Ctrl (Win) / Command (Mac) na tipkovnici in kliknite ikono New Layer na dnu plošče Sloji:

Običajno Photoshop doda nove plasti neposredno nad trenutno izbrano plast, vendar z dodajanjem tipke Ctrl (Win) / Command (Mac) Photoshop novo plast postavi pod izbrano plast. V našem primeru ga tukaj postavimo pod "ravno" plast. Dvokliknite ime nove plasti in jo preimenujte v "senco", nato pritisnite Enter (Win) / Return (Mac), da sprejmete spremembo imena:

22. korak: Izpolnite izbor na novem sloju s črno barvo
Izpolnimo naš izbor na "senčni" plasti s črno barvo. Odprite meni Urejanje na vrhu zaslona in izberite ukaz Izpolni :

Odpre se pogovorno okno Izpolni Photoshop. Spremenite možnost Uporaba na vrhu v Črno, nato pa se prepričajte, da je možnost Način v spodnji polovici pogovornega okna nastavljena na Običajno in da je možnost Opaciteta nastavljena na 100% :

Ko končate, zapustite pogovorno okno in kliknite V redu. Photoshop izbiro na sloju "senca" napolni s črno. Trenutno ga v oknu dokumenta dejansko ne moremo videti, ker fotografija na "ploščatem" sloju nad njim zavira pogled, vendar lahko naše črno območje vidimo, če pogledamo predogled plasti "senca" sličica na plošči Sloji:

Korak 23: Izberite "ravno" masko plasti
Vrnili se bomo v senco, ko bomo ukrivili vogale naše fotografije, kar bomo storili naprej. Kliknite neposredno na sličico maske plasti na "ravni" plasti, da izberete masko:

24. korak: Prekini povezavo s slojem maske
Če natančno pogledate, boste na plošči s plastmi videli majhno ikono povezave med sličico predogleda "ravne" plasti in sličico maske. Kliknite ikono povezave, da jo odstranite, kar bo prekinilo povezavo z masko iz vsebine plasti:

Korak 25: Izberite ukaz Warp
Če je sličica maske plasti izbrana in prekinjena s same fotografije, pojdite na meni Urejanje na vrhu zaslona, izberite Preoblikovanje in nato izberite Warp :

Korak 26: Povlecite štiri kotičke navzgor, da zavijte vogale
Okrog fotografije boste videli osnovo z osnovo . Kliknite na vsakega od štirih vogalov na mreži in jih povlecite navzgor. Ko povlečete vsak ročaj, se bo videl tisti kotiček fotografije navzgor, pod fotografijo pa boste razkrili nekaj črne "senčne" plasti. Ko končate, da pritisnete Enter (Win) / Return (Mac), da sprejmete učinek in izstopite iz ukaza Warp:

Korak 27: Izberite sloj "senca"
Zaključimo stvari z mehčanjem sence pod fotografijo. Kliknite ploščico "senca" na plošči Sloji, da jo izberete:

Korak 28: Uporabite Gaussov filter zamegljenosti
Pojdite do menija Filter na vrhu zaslona, izberite Blur, nato izberite Gaussian Blur :

Odpre se Photoshopovo pogovorno okno Gaussian Blur. Povlecite drsnik Radius na dnu pogovornega okna proti desni, da povečate količino zameglitve, ki se nanaša na senco. Bolj kot se zamegli, bolj mehki robovi se bodo prikazali. Povečala bom vrednost radiusa na približno 10 pik, vendar boste morda glede na ločljivost slike želeno vrednost radija nastavili višje, zato ne pozabite na sliko v oknu dokumenta, ko povlečete drsnik:

Ko končate, zapustite pogovorno okno in kliknite V redu. Tukaj je videti moja senca po uporabi zamegljenega filtra:

Korak 29: Spustite nepreglednost sence
Zmehčali smo robove sence, vendar je še vedno pretemno in intenzivno. Pojdite do možnosti Opacity v zgornjem desnem kotu plošče Sloji in spustite nepreglednost plasti "senca" s 100% na 60% :

Ko se motnost zmanjša, senca zdaj bolj bledi v ozadje:

Korak 30: Preoblikujte senco z ukazom Free Transform
Še zadnja stvar. Malo pospravimo senco, da bo bolj podobna njeni fotografiji. Odprite meni Urejanje in izberite Brezplačno preoblikovanje :

Tako se postavi polje Free Transform in roča okoli sence. Samo levo, desno in spodnje ročaje bom malo povlecil navznoter, tako da se robovi sence boljše ob robovih fotografije navzgor:

Ko končate, pritisnite tipko Enter (Win) / Return (Mac) na tipkovnici, da sprejmete preobrazbo in izstopite iz ukaza Free Transform. To je moj učinek, ko sem nekoliko preoblikoval senco s prostim programom Transform:

Spreminjanje barve gradienta ozadja
Če se odločite, da vam barva gradienta ozadja ni všeč, morate poskusiti barvno vzorčenje neposredno s slike, ki jo želite uporabiti za ozadje. Na hitro si oglejmo, kako to storiti. Najprej dvakrat kliknite na sličico sloja Gradient Fill na plošči Sloji:

To znova odpre pogovorno okno Gradient Fill tako, kot smo videli na začetku vadnice. Kliknite na vrstico za predogled gradienta in znova uredite gradient:

To bo znova odprlo urejevalnik Gradient . Želim spremeniti sivo barvo v gradientu v nekaj drugega, zato bom dvakrat kliknil zaustavitev sive barve spodaj in na skrajni levi strani predogleda gradienta:

Photoshop bo znova odprl Barvni nabiralnik, toda namesto, da izberem barvo iz barvnega nabiralnika, premaknem kazalec miške neposredno čez sliko, ki bo moj kurzor miške začasno spremenil v ikono za oči . Če želite vzorčiti barvo, preprosto kliknite želeno barvo na sliki. Kliknil bom na območju svetlo modre barve v snegu. Photoshop mi omogoča takojšen predogled v živo, kako izgleda nova barva v gradientu:

Ko izberete barvo, ki vam je všeč, kliknite V redu, da zaprete barvni nabiralnik, nato kliknite V redu, da zaprete urejevalnik gradiva in nato pogovorno okno Gradient Fill. In s tem smo končali! Za primerjavo je spet moja originalna fotografija:

In tu je moj končni rezultat po zamenjavi sive v gradientu ozadja z barvo, vzorčeno neposredno s slike:
