Foto realistične padajuće sjene u Photoshopu

Napisao Steve Patterson.

Budimo iskreni, Photoshopov ugrađeni efekt sjene ima svoja ograničenja. U redu je za osnovne efekte sjene, poput stvaranja teksta kao da je malo uzdignut od pozadine na web-stranici, ali ako tražite nešto realističnije na fotografiji, sjena sama po sebi neće pomoći. Uz malu pomoć, te jednostavne, nezanimljive padajuće sjene možemo pretvoriti u nešto puno realističnije 'mapiranjem' naših sjena na sliku pomoću onoga što se naziva mapa pomaka . Karte pomaka su ono što profesionalci koriste za dodavanje realizma slikama, ali neka vas to ne uplaši. Ne morate biti profesionalac da biste ih koristili. Zapravo, vrlo su jednostavni.



Kao što ćemo vidjeti u ovom vodiču za Photoshop, mapa pomaka zapravo nije ništa drugo nego zasebna, crno-bijela verzija vaše slike koju Photoshop koristi da shvati kako preoblikovati vaše sjene tako da izgledaju kao da slijede prirodne teksture i dubine pozadine iza njih, baš kao što bi učinila prava sjena. Zamislite kartu pomaka kao Photoshop pomicanje piksela s 'mjesta na mjesto'. Ako vam to ima smisla, super! Ako ne, ne brinite, bit će kad završimo s ovim vodičem.



Evo moje originalne slike, jednostavne fotografije vode:

  Izvorna slika

Dodat ću neki tip preko toga, a zatim dodati sjenu na tip. Obično bih dobio nešto što izgleda ovako:



  Voda s dodanim tipom i jednostavnom sjenom

Uopće nije baš realno. Čini se da padajuća sjena prati oblike valova ispod nje nešto , ali to je samo zato što je neprozirnost padajuće sjene postavljena na zadanu vrijednost od 75%, pa se neki od valova vide kroz nju. Smanjena neprozirnost malo pomaže, ali definitivno nije najbolje što možemo učiniti. Uglavnom, sjene izgledaju ravno.

Ipak, zahvaljujući snazi ​​Photoshopa i mapama pomaka, tu jednostavnu sjenu mogu lako pretvoriti u nešto više poput ovoga:



  Konačni rezultat.

To izgleda puno bolje, a stvaranje tog 'mapiranog' efekta sjene je ono što ćemo raditi u ovom vodiču.

Ovaj vodič je iz našeg Foto efekti niz. Započnimo!



Korak 1: Dodajte neki tekst iznad svoje slike

Moja fotografija vode otvorena je u Photoshopu, au mojoj paleti slojeva vidim da trenutno imam jedan sloj, sloj pozadine, koji sadrži moju sliku:

  Photoshop's Layers palette showing the original image open on the Background layer Photoshopova paleta slojeva koja prikazuje izvornu sliku otvorenu na pozadinskom sloju.

Prvo što ću učiniti je dodati vrstu koju ću koristiti. Pritisnite T na tipkovnici za brzi pristup Vrsta alata i dodajte svoj tekst. Upisat ću 'DEEP BLUE':



  Dodana slika sa mojim tekstom. Pritisnite 'T' na tipkovnici za brzi pristup alatu Type i dodavanje teksta na sliku.

Evo moje palete slojeva koja sada prikazuje dva sloja - moj originalni pozadinski sloj i moj novododani sloj tipa iznad njega:

  Photoshop's Layers palette now showing the type layer above the Background layer Paleta slojeva sada prikazuje sloj tipa koji je dodan iznad sloja pozadine.

Ne morate učiniti ovaj sljedeći korak ako ne želite, ali ja ću rastegnuti svoj tekst i učiniti ga višim pritiskom na Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija okvir i ručke oko mog tipa, a zatim dok držite pritisnutim Sve (pobjeda) / Opcija (Mac), povući ću okvir Slobodna transformacija prema gore od gornje središnje ručice (zaokruženo crvenom bojom na slici ispod). Držeći pritisnutu tipku Alt/Option, to govori Photoshopu da rasteže tip od središta, proširujući i vrh i dno u isto vrijeme.

  Rastezanje tipa i povećanje pomoću slobodne transformacije Rastezanje tipa i povećanje pomoću Photoshopove naredbe Free Transform. Držeći pritisnutu tipku Alt (Win) / Option (Mac) dok povlačim s gornje ručke povećava visinu teksta s gornje i donje strane u isto vrijeme dok povlačim.

S tekstom na mjestu, sljedeće ćemo dodati našu padajuću sjenu.



Korak 2: Dodajte sjenu tekstu

S odabranim slojem vrste kliknite na Dodaj stil sloja ikona na dnu palete slojeva:

  Kliknite ikonu Dodaj stil sloja na dnu palete slojeva Kliknite ikonu Dodaj stil sloja na dnu palete slojeva.

Odaberi Drop Shadow s popisa stilova slojeva koji se pojavi:



  Odaberite stil sloja Drop Shadow s popisa Odaberite stil sloja Drop Shadow s popisa.

Ovo će otvoriti dijaloški okvir Stil sloja koji nam pokazuje opcije Drop Shadow:

  Dijaloški okvir Stil sloja koji prikazuje opcije sjene Dijaloški okvir Stil sloja koji prikazuje opcije sjene.

Ostavit ću neprozirnost postavljenu na zadanu vrijednost od 75%, a kut postavljen na 120 stupnjeva. Jedina opcija koju ću promijeniti je Udaljenost , na koji ću postaviti dvadeset piksela, kao što je prikazano gore. Kada završite, kliknite OK za izlaz iz okvira opcija.

Evo moje slike s primijenjenom sjenom:

  Slika sa sjenom primijenjenom na tekst Slika sa sjenom primijenjenom na tekst.

Definitivno nije ono što biste nazvali realističnim. Naravno, ne mogu se sjetiti kad sam posljednji put vidio tekst kako lebdi iznad vode u stvarnom životu, ali da sam ga vidio, siguran sam da sjena ne bi izgledala ovako lažno. Srećom, rješavanje tog problema je glavni cilj ovog vodiča. Sljedeće ćemo napraviti našu kartu pomaka.

Korak 3: Kopirajte pozadinski sloj i zalijepite ga kao novi kanal

U paleti slojeva kliknite još jednom na sloj pozadine da biste ga odabrali:

  Kliknite na sloj pozadine u paleti slojeva da biste ga odabrali Kliknite na sloj pozadine u paleti slojeva da biste ga odabrali.

S odabranim pozadinskim slojem pritisnite Ctrl+A (pobjeda) / Command+A (Mac) za odabir sadržaja sloja, koji je u ovom slučaju izvorna fotografija vode. Vidjet ćete okvir za odabir koji se pojavljuje oko slike u prozoru dokumenta. Zatim pritisnite Ctrl+C (pobjeda) / Command+C (Mac) za kopiranje sadržaja sloja.

Sada se prebacite na svoje Paleta kanala , koji je grupiran odmah pored palete Slojevi, i kliknite na Stvori novi kanal ikona na dnu palete kanala, zaokružena crvenom bojom ispod:

  Kliknite ikonu Stvori novi kanal na dnu palete kanala. Kliknite ikonu Stvori novi kanal na dnu palete kanala.

Novi kanal ispunjen crnom bojom, koji Photoshop naziva 'Alpha 1', pojavit će se ispod postojećih crvenih, zelenih i plavih kanala:

  Novi kanal nazvan Alpha 1 Photoshop dodaje novi kanal ispod Plavog kanala i naziva ga 'Alpha 1'.

S odabranim kanalom 'Alpha 1' pritisnite Ctrl+V (pobjeda) / Command+V (Mac) da zalijepite sadržaj pozadinskog sloja u ovaj novi kanal. Vidjet ćete da se slika pojavljuje crno-bijelo unutar područja pregleda minijatura kanala 'Alpha 1':

  Lijepljenje sadržaja u novi kanal Sadržaj pozadinskog sloja prikazuje se crno-bijelo unutar minijature pregleda novog kanala.

I vidjet ćete da se ista crno-bijela verzija pojavljuje u vašem prozoru dokumenta:

  Crno-bijela verzija pozadinskog sloja sada se pojavljuje u prozoru dokumenta Crno-bijela verzija pozadinskog sloja sada se pojavljuje u prozoru dokumenta.

Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) da poništite odabir slike u ovom trenutku. Sljedeći ćemo primijeniti filtar Gaussian Blur na novi kanal.

Korak 4: Primijenite filtar Gaussian Blur na novi kanal

Koristit ćemo ovaj novi kanal kao našu mapu pomaka za našu padajuću sjenu, a jedna od stvari koju želimo izbjeći je oštre ili grube rubove na mapi pomaka kako bi naša sjena tekla glatko i prirodno s mreškanje i valovi u vodi. Kako bih bio siguran da je sve lijepo i glatko, ovom kanalu ću dodati filtar Gaussian Blur.

S odabranim kanalom 'Alpha 1' idite do Izbornik filtera na vrhu zaslona odaberite Zamutiti , a zatim odaberite Gaussovo zamućenje , koji otvara dijaloški okvir Gaussian Blur:

  Photoshop's Gaussian Blur filter Odaberite Filter > Blur > Gaussian Blur da biste otvorili dijaloški okvir Gaussian Blur.

Ovdje želite dodati samo malu količinu zamućenja. Koristim sliku niske razlučivosti za ovaj vodič, a meni radijus vrijednost od oko 2 piksela. Ako koristite sliku izravno iz svog digitalnog fotoaparata, velike su šanse da će biti mnogo veće razlučivosti i u tom slučaju ćete vjerojatno ustanoviti da postavka od oko 5-6 piksela dobro funkcionira. Opet, želimo samo malu količinu zamućenja, tek toliko da sve bude glatko.

Korak 5: Pojačajte kontrast kanala s razinama

Sljedeća stvar koju želimo učiniti je pojačati kontrast ovog kanala, jer što je veći kontrast, to će veći utjecaj imati naša mapa pomaka. Ponovno dok je novi kanal još uvijek odabran, upotrijebite tipkovni prečac Ctrl+L (pobjeda) / Command+L (Mac) da se pojavi Razine dijaloški okvir:

  Photoshop's Levels dialog box Upotrijebite razine za pojačavanje kontrasta novog kanala, što povećava učinak koji će naša mapa pomaka imati na padajuću sjenu.

Dok je dijaloški okvir Razine otvoren, povucite crnu i bijelu točku Input Levels klizače (oba gore zaokružena crvenom bojom) prema sredini kako biste pojačali kontrast kanala. Ne brinite o gubitku detalja u svijetlim i sjenama kao što biste to učinili da smo koristili Razine za korekciju tonova na slici. Ovdje se jedino brinemo o jačanju kontrasta.

Evo kako moj kanal sada izgleda nakon povećanja kontrasta s razinama:

  Alfa kanal nakon pojačanja kontrasta s razinama Kanal 'alpha 1' nakon pojačanja kontrasta s razinama.

Završili smo s radom na kanalu i spreman je za korištenje kao mapa pomaka, ali da bismo ga koristili, moramo stvoriti novi dokument iz njega, a to ćemo učiniti sljedeće.

Korak 6: Dupliciraj kanal kao novi dokument

Primijenili smo naš filtar Gaussian Blur na kanal kako bismo sve ugladili, a kontrast smo pojačali s razinama. Naš kanal je spreman za korištenje kao mapa pomaka, ali da bismo koristili kartu pomaka, to mora biti zasebna datoteka, a trenutno je to samo kanal u našoj izvornoj datoteci. Ipak ćemo ga spremiti kao novu datoteku dupliciranjem kanala. Kliknite na malu strelicu koja pokazuje desno u gornjem desnom kutu palete kanala za pristup opcijama palete kanala i odaberite Dvostruki kanal s padajućeg popisa koji se pojavi:

  Photoshop's Channels palette menu Kliknite malu strelicu koja pokazuje desno u gornjem desnom kutu palete kanala i odaberite 'Duplicate Channel' s popisa opcija.

Ovo otvara dijaloški okvir Dvostruki kanal:

  Dijaloški okvir Dvostruki kanal Dijaloški okvir 'Dvostruki kanal'.

Za Odredište , kliknite na strelicu prema dolje i odaberite Novi da duplicirate kanal kao potpuno odvojeni dokument i date svom novom dokumentu naziv. Ja sam svoj nazvao 'water-displace'. Kliknite OK kada završite i vaš će se kanal pojaviti kao novi Photoshop dokument na vašem zaslonu.

Korak 7: Spremite novi dokument

Spremite ovaj novi dokument na svoju radnu površinu ili gdje god ga želite spremiti na svom računalu i zapamtite gdje ga spremate jer ćemo mu pristupiti za koji trenutak. Nakon što ste spremili dokument, zatvorite ga, ostavljajući otvorenim samo izvorni dokument.

Korak 8: Stvorite novi sloj iz stila sloja Drop Shadow

Obično su stilovi slojeva kao što su sjene jednostavno efekti primijenjeni na druge slojeve, ali možemo pretvoriti stilove slojeva u njihove vlastite slojeve, što je upravo ono što trebamo učiniti s našim efektom sjene kako bismo ga mogli koristiti s našim pomakom karta. S odabranim slojem tipa idite gore do Izbornik slojeva na vrhu zaslona odaberite Stil sloja , a zatim skroz dolje pri dnu popisa odaberite Stvori sloj :

  Odaberite Stvori sloj da postavite sjenu na vlastiti zaseban sloj ispod sloja tipa Idite na Layer > Layer Style > Create Layer da pretvorite efekt padajuće sjene u vlastiti zasebni sloj ispod sloja tipa.

Kada odaberete 'Create Layer' iz opcija stila sloja, Photoshop uzima padajuću sjenu, rasterizira je (pretvara je u piksele), a zatim je postavlja na svoj zasebni sloj neposredno ispod sloja tipa:

  Sjena se sada pojavljuje na vlastitom sloju ispod sloja tipa Sjena se sada pojavljuje na vlastitom sloju ispod sloja tipa.

Imamo našu mapu pomaka i imamo svoju padajuću sjenu na vlastitom sloju. Spremni smo kombinirati to dvoje i stvoriti mnogo realističniji efekt sjene, a to ćemo učiniti sljedeće.

Korak 9: Primijenite mapu pomaka na sloj sjene pomoću filtra pomaka

Spremni smo primijeniti našu kartu pomaka. Kliknite na sloj padajuće sjene u paleti slojeva da biste ga odabrali. Zatim idite gore do Izbornik filtera na vrhu zaslona odaberite Iskriviti , a zatim odaberite Istisnuti da biste otvorili dijaloški okvir filtra Displace:

  Photoshop's Displace filter dialog box Idite na Filter > Distort > Displace da biste prikazali dijaloški okvir filtra 'Displace'.

Dva su dijela korištenja Photoshopovog Displace filtera. Najprije postavite opcije kako će Photoshop primijeniti kartu pomaka, a zatim odaberete kartu pomaka koju želite koristiti. Ovaj prvi dijaloški okvir koji se pojavi je mjesto gdje postavljate opcije. Kao što sam gore zaokružio, postavite oba Vodoravna ljestvica i Okomito mjerilo opcije za 10 , ako već nisu postavljeni na 10. Za Karta pomaka , Odaberi Stretch To Fit , i za Nedefinirana područja , izaberite Zamotajte okolo . Kliknite OK kada ste gotovi.

Otvorit će se drugi dijaloški okvir koji od vas traži da odaberete koju datoteku želite koristiti kao kartu pomaka. Dođite do mjesta gdje ste spremili kartu pomaka nekoliko koraka unatrag i odaberite je. Klik Otvorena za korištenje karte pomaka, a vaša padajuća sjena odmah se preslikava na pozadinu iza nje!

Kako bih dobio bolju predodžbu o tome što se događa, kliknut ću na ikonu očne jabučice krajnje lijevo od mog sloja tipa kako bih privremeno sakrio svoj tip iz pogleda tako da mogu vidjeti samo sjenu i vodu iza nje. Evo kako je moja sjena izgledala prije primjene mape pomaka:

  Sjena prije primjene karte pomaka Sjena prije primjene mape pomaka, s tipskim slojem koji je privremeno skriven od pogleda.

I evo moje potpuno iste sjene nakon primjene moje karte pomaka:

  Sjena nakon što je primijenjena karta pomaka Sjena nakon što je primijenjena karta pomaka.

Zahvaljujući karti pomaka, padajuća sjena više ne leži na slici iza nje. Sada se krivuda i savija zajedno s vodom, stvarajući mnogo realističniji učinak.

Još jednom ću kliknuti ikonu očne jabučice za svoj sloj teksta kako bih vratio svoj tekst u prikaz preko vrha sjene, a ovo je moj konačni rezultat:

  Konačni rezultat Konačni rezultat.