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:

Izvorna slika.

Evo kako će izgledati konačni rezultat:

Konačni učinak.

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 :

Pozadinski sloj sadrži našu izvornu sliku.

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:

Promijenite naziv novog sloja iz "Sloj 1" u "Ravni".

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:

Promijenite ime druge kopije iz "ravna kopija" u "skočna kopija".

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):

Kada očna jabučica nestane, to znači da su slojevi isključeni.

Korak 3: Odaberite pozadinski sloj

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

Odabir pozadinskog sloja.

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:

Klikom na ikonu New Fill ili Adjustment Layer.

Zatim s popisa odaberite gradijent :

Odabir sloja s gradijentom.

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:

Kliknete na traku za pregled gradijenta.

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):

Klikom na minijaturnu sličicu crnog, bijelog gradijenta da biste je odabrali.

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:

Dvokliknite zaustavljanje crne boje.

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:

Odabirom svjetlije sive boje pomoću alata za odabir boja.

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):

Ploča slojeva prikazuje sloj prelivanja gradijentom iznad sloja pozadine.

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

Naša gradijentna pozadina.

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:

Odabir i uključivanje "ravnog" sloja.

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:

Fotografija se ponovo vidi u prozoru dokumenta.

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:

Odabir alata Pravokutni ovjes na ploči Alati.

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:

Izvlačenjem pravokutnog izbora unutar slike.

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 :

Idite na Odaberi> Pretvori izbor.

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:

Odabir „Perspektive“ iz izbornika.

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:

Povucite gornju lijevu ručicu udesno. Gornja desna ručica pomaknut će se prema lijevoj strani.

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:

Povucite donju lijevu ručicu prema lijevoj strani. Donja desna ručica pomaknut će se prema desnoj strani.

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 :

Odabir "Scale" s izbornika.

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:

Povucite vrh crte odabira prema sredini.

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

Povucite donji dio odabira prema sredini.

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:

Skica odabira sada izgleda više "3D-ish" (tehnički pojam).

14. korak: Dodajte masku sloja

Kada je naš izbor na mjestu, kliknite ikonu Layer Mask na dnu ploče Slojevi:

Klikom na ikonu Layer Mask.

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:

Sličica maske sloja pojavljuje se na "ravnom" sloju.

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:

Slika nakon pretvorbe odabira u masku sloja.

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:

Klikom na ikonu Layer Style.

Zatim odaberite Stroke s popisa slojeva slojeva koji se pojavljuje:

Odabir stila sloja Stroke.

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

Klik na uzorak u boji.

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

Promijenite boju udaraca u bijelu pomoću alata za odabir boja.

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

Promjena opcije položaja u unutrašnjost.

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:

Povećajte veličinu hoda pomoću klizača.

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

Slika nakon dodavanja bijelog poteza oko fotografije.

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:

Odaberite gornji sloj i kliknite njegovu ikonu vidljivosti.

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:

Odabir glavnih predmeta koji će se pojaviti na slici.

18. korak: Dodajte masku sloja

Kad je odabran naš glavni predmet, kliknite još jednom na ikonu Layer Mask na dnu ploče Slojevi:

Klikom na ikonu Layer Mask.

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

Ploča slojeva koja prikazuje minijaturnu masku novog sloja za "skočni" sloj.

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

Slika nakon dodavanja maske drugog sloja.

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:

Odabir 'ravnog' sloja.

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:

Kliknite Ctrl (Win) / Command (Mac) na minijaturi sloja maske.

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

Izgled je još jednom vidljiv oko 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:

Držite tipku Ctrl (Win) / Command (Mac) i kliknite ikonu New Layer.

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:

Photoshop dodaje novi sloj ispod "ravnog" sloja. Preimenujte novi sloj u "sjenu".

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 :

Idite na Uredi> Ispunite.

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% :

Dijaloški okvir za dopunu

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:

Sličica za pregled svakog sloja pokazuje nam što se nalazi na sloju, čak i kad ga ne možemo vidjeti u prozoru dokumenta.

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:

Odabir maske "ravnog" sloja klikom na sličicu maske.

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:

Klikom na ikonu veze razdvojite masku iz sadržaja sloja (fotografija).

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 :

Idite na Edit> Transform> 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 kut fotografije kovrča prema gore, a ispod fotografije ćete otkriti dio crne „sjene“. Pritisnite Enter (Win) / Return (Mac) kada završite kako biste prihvatili učinak i izašli iz naredbe Warp:

Povucite svaki kut rešetke prema gore kako biste fotografiju okrenuli i uvijeli uglove.

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:

Odabir sloja "sjene".

28. korak: primijenite Gaussov filtar zamagljivanja

Idite do izbornika Filter na vrhu zaslona, ​​odaberite Blur, a zatim odaberite Gaussian Blur :

Idite na Filter> Blur> 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č:

Povećajte količinu radijusa da zamagli i omekša rubove sjene.

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

Rubovi sjene sada su mekši zahvaljujući filtru Gaussian Blur.

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% :

Spuštanje neprozirnosti sloja na 60%.

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

Slika nakon smanjenja neprozirnosti sjene.

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 :

Idite na Uredi> Besplatna transformacija.

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:

Pomicanje lijevog, desnog i donjeg ruba sjene prema unutra.

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:

Rubovi sjene sada se bolje slažu s rubovima fotografija.

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:

Dvaput kliknite na sličicu Gradient Fill.

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:

Klikom na traku za pregled gradijenta.

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:

Dvostrukim klikom na zaustavljanje sive boje.

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:

Odabir boje sa slike koja će se koristiti s gradijentom.

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:

Izvorna slika.

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

Konačni učinak.

Kategorija: