Realističan efekt bacanja sjene u Photoshopu

Napisao Steve Patterson.

Photoshopov stil sloja Drop Shadow može biti izvrstan za dodavanje jednostavnih sjena slikama ili tekstu, čineći ih kao da lebde malo iznad pozadine, ali kada je u pitanju stvaranje realističnijih sjena ljudi ili objekata, standardna Drop Shadow jednostavno ne siječe. U ovom vodiču naučit ćemo jednostavan način stvaranja realističnog efekta bačene sjene!



Evo fotografije koju ću koristiti za ovaj vodič:



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

Evo kako će izgledati s primijenjenom sjenom:

  Photoshop efekt sjene. Konačni rezultat.

Kako stvoriti realističnu bačenu sjenu

Korak 1: Odaberite osobu ili predmet

Prije nego nekome možemo dodati sjenu, prvo ga moramo odabrati. Korištenje alata za odabir po vašem izboru ( Alat za laso , Alat za brzi odabir , Alat za olovku , itd.), nacrtajte odabir oko osobe (ili predmeta) na fotografiji. Kada završite, trebali biste vidjeti okvir odabira oko njih. Evo, odabrao sam djevojku:

  Oko djevojke na fotografiji pojavljuje se obris odabira. Odaberite osobu ili predmet na fotografiji.

Korak 2: Kopirajte odabir na novi sloj

S odabranom osobom ili objektom pritisnite Ctrl+J (pobjeda) / Command+J (Mac) na tipkovnici za brzo kopiranje odabira na novi sloj. Ništa se neće dogoditi u prozoru dokumenta, ali ako pogledamo ploču Slojevi, vidjet ćemo da je Photoshop kopirao odabir u novi sloj pod nazivom 'Layer 1' iznad sloja Pozadine:



  Odabir je kopiran na novi sloj. Odabir se pojavljuje na novom sloju iznad pozadinskog sloja.

Korak 3: Dodajte dodatni prostor na platnu ako je potrebno

Ovisno o vašoj slici, možda ćete trebati ovaj korak, ali ne morate, ali u mom slučaju, moram dodati nešto dodatnog prostora na platnu da napravim mjesta za sjenu. Najlakši način za dodavanje dodatnog prostora na platnu je pomoću Photoshopa Alat za izrezivanje . Odabrat ću ga na ploči Alati:

  Odabir alata za izrezivanje u Photoshopu. Odabir alata za izrezivanje.

Kako bih lakše vidio što radim, prebacit ću se iz prozora dokumenta u prvi Photoshopov modovi preko cijelog zaslona pritiskom na slovo F na mojoj tipkovnici. Zatim, dok je alat za izrezivanje aktivan, kliknut ću na sivo područje iznad i lijevo od gornjeg lijevog kuta slike, i držeći pritisnutu tipku miša, povući ću na sivo područje ispod i na desno od donjeg desnog kuta:

  Povlačenje alata za izrezivanje preko slike. Povlačenje alata za izrezivanje dijagonalno preko cijele slike.

Kad otpustim tipku miša, oko slike se pojavljuje obrub obrezivanja s ručke (kvadratići) na sve četiri strane iu svakom kutu. Trebam dodati više prostora na platnu s lijeve strane fotografije, pa ću kliknuti na lijevu ručku i povući je prema van:



  Povlačenje lijeve ručke za obrezivanje. Dodavanje više prostora s lijeve strane povlačenjem lijeve ručke za obrezivanje.

Ja ću pritisnuti Unesi (pobjeda) / Povratak (Mac) da prihvati usjev (iako je ono što mi ovdje radimo stvarno točno suprotan obrezivanja), u kojoj točki Photoshop dodaje dodatni prostor s lijeve strane slike i ispunjava je bijelom bojom (zadana boja pozadine). Ja ću pritisnuti F na tipkovnici nekoliko puta dok se ne vratim u prikaz prozora dokumenta:

  Pomoću alata za obrezivanje dodan je dodatni prostor na platnu. Budući da je moja boja pozadine bijela (zadana boja), Photoshop ispunjava novi prostor na platnu bijelom bojom.

Korak 4: Dodajte novi prazan sloj ispod sloja 1

Držite svoje Ctrl (pobjeda) / Naredba (Mac) i kliknite na Novi sloj ikona na dnu ploče slojeva:

  Ikona Photoshop New Layer na ploči Slojevi. Pritisnite ikonu New Layer dok držite pritisnut Ctrl (Win) / Command (Mac).

To govori Photoshopu ne samo da doda novi sloj dokumentu kao što bi inače bio, već i da doda novi sloj ispod trenutno odabrani sloj (Sloj 1), koji ga postavlja između sloja 1 i pozadinskog sloja:



  Novi je sloj dodan ispod trenutno odabranog sloja. Novi sloj pojavljuje se između izvorna dva sloja.

Korak 5: Nacrtajte gradijent na novom sloju

Kreirajmo novu pozadinu za efekt koristeći gradijent, koji će mu dati malo dubine. Klikni na Uzorak boje prednjeg plana pri dnu ploče Alati. Prema zadanim postavkama trebalo bi biti crno:

  Uzorak boje prednjeg plana u Photoshopu. Crna je zadana boja prednjeg plana.

Ovo otvara Photoshop Birač boja gdje možemo odabrati novu boju prednjeg plana. Odaberite svijetlo sivu. Ako želite koristiti istu nijansu sive koju ja koristim, unesite 70 % za B vrijednost (B označava svjetlinu) s desne strane. Kliknite OK kada završite da biste zatvorili alat za odabir boja:



  Odabir svijetlo sive u alatu za odabir boja u Photoshopu. Postavite vrijednost svjetline (B) na 70% za svijetlo sivu. H (Nijansa) i S (Zasićenost) trebaju ostati na 0%.

Zatim odaberite Alat za gradijent s ploče Alati. Koristit ćemo Gradient Tool nekoliko puta za ovaj efekt:

  Odabir Gradient Tool u Photoshopu. Odaberite Gradient Tool.

S aktivnim alatom za gradijent, desni klik (pobjeda) / Control-klik (Mac) bilo gdje unutar prozora dokumenta kako biste brzo prikazali Birač gradijenata , i pobrinite se da imate prvi gradijent - Iz prvog plana u pozadinu - odabire se klikom na njegovu sličicu (prva lijevo, gornji red). Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite s zatvaranjem alata za odabir gradijenata:

  Birač gradijenata u Photoshopu. Odaberite gradijent iz prednjeg plana u pozadinu.

Zatim kliknite pri dnu dokumenta i držite pritisnutim Shift tipku i povucite ravno prema gore dok ne budete točno iznad vodoravnog središta slike. Držanje tipke Shift dok povlačite ograničava vaše pokrete, što olakšava okomito povlačenje:



  Povlačenje gradijenta od sive do bijele. Povucite prijelazno područje za gradijent od sive do bijele.

Otpustite tipku miša i Photoshop će nacrtati gradijent, koji postaje nova pozadina za sliku:

  Nova svijetlosiva do bijela pozadina. Suptilni gradijent dodaje malo dubine slici.

Korak 6: Dodajte novi sloj iznad gradijenta

Kliknite još jednom na Novi sloj ikona na dnu ploče Slojevi (ovaj put ne morate držati tipku Shift):



  Ikona Novi sloj na ploči Slojevi u Photoshopu. Ponovno kliknite na ikonu New Layer.

Novi prazan sloj pojavljuje se iznad sloja gradijenta:

  Novi sloj se pojavljuje iznad sloja gradijenta na ploči Slojevi. Sloj 3 pojavljuje se iznad gradijenta.

Korak 7: Učitajte odabir oko osobe ili objekta

Držite svoje Ctrl (pobjeda) / Naredba (Mac) i kliknite izravno na gornji sloj sličica pregleda na ploči Slojevi. Nemojte odabrati sloj, samo kliknite njegovu sličicu:

  Klikom na sličicu pregleda sloja. Držite pritisnut Ctrl (Win) / Command (Mac) i kliknite minijaturu pregleda sloja 1.

Ovo trenutno učitava odabir oko sadržaja sloja. Ovdje možemo vidjeti da je djevojka na mojoj fotografiji sada odabrana:

  Odabir se pojavljuje oko djevojke na fotografiji. Obris odabira pojavljuje se oko osobe ili objekta koji smo prvi put odabrali u 1. koraku.

Korak 8: Ispunite odabir crnom bojom

Idi gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite :

  Odabir naredbe Fill u Photoshopu. Idite na Uredi > Ispuni.

Kada se pojavi dijaloški okvir Ispuni, promijenite Koristiti opciju na vrhu do Crno , zatim kliknite OK da biste zatvorili dijaloški okvir:

  Postavljanje opcije Koristi na Crno u dijaloškom okviru Ispuna. Postavite Use na Black, zatim kliknite OK.

Ovo ispunjava odabir crnom bojom. Još ga ne možemo vidjeti u prozoru dokumenta jer ga slika na sloju 1 blokira, ali mi limenka pogledajte ga u sličici pregleda sloja na ploči Slojevi:

  Sličica pregleda sloja. Možemo vidjeti sadržaj sloja u njegovoj sličici pregleda čak i kada ga ne možemo vidjeti u prozoru dokumenta.

Korak 9: Iskrivite sjenu na mjesto

Područje koje smo upravo ispunili crnom postat će naša sjena. Prvo ga trebamo preoblikovati i pomaknuti na mjesto, a to možemo učiniti koristeći Photoshopovu naredbu Distort. Idi gore do Uredi izbornik, odaberite Transformirati , a zatim odaberite Iskriviti :

  Idite na Edit > Transform > Distort. Idite na Edit > Transform > Distort.

Preoblikujte crno ispunjeno područje klikom na top transform handle i povucite je prema dolje dijagonalno, lijevo ili desno (ovisno o vašoj slici), sve dok više ne izgleda kao sjena osobe ili objekta:

  Iskrivljavanje sjene u oblik. Povucite gornju ručicu transformacije da biste iskrivili oblik sjene.

Možda ćete također morati popraviti donji dio sjene povlačenjem donjih kutnih ručica. U mom slučaju, donji dio sjene nije sasvim poravnat s djevojčinim cipelama, pa sam povukao donju desnu ručicu transformacije prema gore i udesno dok sve nije izgledalo dobro:

  Iskrivljenje donjeg dijela sjene. Ako je potrebno, povucite ručke donjeg kuta tako da se dno sjene poravna s osobom ili objektom.

Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje transformacije i izlazak iz naredbe Distort. Vaša bi sjena sada trebala izgledati otprilike ovako:

  Sjena je iskrivljena. Početni oblik sjene sada je na mjestu.

Korak 10: Nanesite blago zamućenje

Rubovi sjene izgledaju malo preoštri i oštri, pa primijenimo blago zamućenje na njih. Idi gore do filtar izbornik, odaberite Zamutiti , zatim odaberite Gaussovo zamućenje :

  Idite na Filter > Blur > Gaussian Blur. Idite na Filter > Blur > Gaussian Blur.

Ovo otvara dijaloški okvir Gaussian Blur. Povećajte Radius okolo 1,5 piksela za vrlo suptilni efekt zamućenja, a zatim kliknite OK za izlaz iz dijaloškog okvira. Rubovi sjene će izgledati mekši:

  Dijaloški okvir Gaussian Blur u Photoshopu. Vrijednost polumjera od oko 1,5 piksela je sve što nam treba za početak.

Korak 11: Koristite Quick Mask Mode za postupni odabir sjene

Da bi sjena izgledala realistično, rubovi moraju postupno postajati mekši što se više udaljava od subjekta. Da bismo stvorili ovaj efekt postupnog zamućenja, ponovno ćemo se okrenuti filtru Gaussian Blur, ali prvo ćemo stvoriti odabir koristeći Photoshop Brza maska način rada.

Odaberite Alat za gradijent još jednom na ploči Alati, zatim pritisnite slovo D na tipkovnici da vratite Photoshopove boje prednjeg plana i pozadine na njihove zadane (crna će biti boja prednjeg plana, bijela boja pozadine). Zatim pritisnite slovo Q na tipkovnici za prebacivanje u način rada Quick Mask. Ništa se još neće činiti drugačijim u prozoru dokumenta. Dok je alat za gradijent aktivan, kliknite pri dnu sjene i povucite dijagonalno prema vrhu, ovako:

  Povlačenje gradijenta u načinu Quick Mask u Photoshopu. Povucite dijagonalni gradijent od dna prema vrhu sjene.

Otpustite tipku miša na vrhu sjene i preko slike će se pojaviti crveni do prozirni sloj Quick Mask. Prozirni dio na vrhu sjene predstavlja područje koje je potpuno odabrano. Crveno na dnu sjene uopće nije odabrano, dok područje između postaje sve odabranije kako crvena boja postupno blijedi u prozirnost:

  Crveni do prozirni gradijent Quick Mask u Photoshopu. Kako boja blijedi od crvene do prozirne, područje postupno postaje odabranije.

Pritisnite slovo Q na tipkovnici za izlazak iz načina rada Quick Mask i povratak u normalni način rada. Crveno do prozirno preklapanje Quick Mask bit će zamijenjeno obrisom odabira standardnog izgleda za koji se čini da samo dijeli sjenu na pola, pri čemu je odabrana samo gornja polovica. Ovo je samo nesretna iluzija Photoshopa. Photoshop može prikazati samo obrise odabira oko piksela koji su odabrani najmanje 50%. Iako se čini da ovdje nismo ništa postigli, Gaussov filtar zamućenja upravo će dokazati suprotno:

  Umjesto preklapanja Quick Mask pojavljuje se obris odabira. Photoshop ne može točno prikazati obrise odabira oko piksela koji su samo djelomično odabrani.

Korak 12: Ponovno primijenite filtar Gaussian Blur

Budući da je filtar Gaussian Blur posljednji filtar koji smo koristili, možemo ga brzo vratiti pritiskom na Ctrl+Alt+F (pobjeda) / Command+Option+F (Mac) na tipkovnici. Ovaj put, kada se dijaloški okvir pojavi, povećajte Radius vrijednost za oko 10 piksela , a zatim kliknite OK za izlaz iz njega:

  Postavljanje vrijednosti radijusa na 10 piksela u dijaloškom okviru Gaussian Blur. Povećajte vrijednost radijusa na 10 piksela ili tako nešto.

Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za uklanjanje obrisa odabira, a u dokumentu vidimo da rubovi sjene sada izgledaju postupno mekši odozdo prema gore:

  Rubovi sjene postupno postaju mekši. Rubovi sjene sada izgledaju realističnije.

Korak 13: Dodajte masku sloja

Sjena mora nestati kako se udaljava od subjekta, što je lako učiniti pomoću maske sloja. Klikni na Maska sloja ikona na dnu ploče Slojevi. Sličica maske sloja ispunjena bijelom bojom pojavit će se desno od minijature pregleda sloja sjene:

  Dodavanje sloj maske u Photoshopu. Sličica maske sloja pojavljuje se nakon klika na ikonu maske sloja.

Korak 14: Postavite boju prednjeg plana na tamno sivu

Ne želimo da sjena potpuno izblijedi, stoga kliknite na uzorak boje pozadine na ploči Alati, koja bi trenutno trebala biti crna (zadane boje prednjeg plana i boje pozadine su obrnute kada je odabrana maska ​​sloja):

  Uzorak boje pozadine u Photoshopu. Kliknite na uzorak boje pozadine (onaj dolje desno).

Kada se pojavi alat za odabir boja, odaberite tamno sivu postavljanjem vrijednosti B (Svjetlina) na 30%. Ostavite opcije H (Hue) i S (Saturation) postavljene na 0%. Kliknite OK kada završite da biste zatvorili alat za odabir boja:

  Odabir tamnosive boje u alatu za odabir boja u Photoshopu. Odaberite tamno sivu za boju pozadine.

Korak 15: Nacrtajte gradijent preko sjene na maski sloja

Zatim, s odabranim alatom za gradijent, kliknite još jednom blizu dna sjene i povucite dijagonalno prema gore do vrha, baš kao što smo maloprije učinili u načinu rada Quick Mask. Razlika je u tome što mi crtamo gradijent na maski sloja:

  Crtanje gradijenta na maski sloja. Nacrtajte bijeli do tamnosivi gradijent od dna prema vrhu sjene.

Otpustite tipku miša na vrhu sjene. Budući da smo nacrtali gradijent na maski sloja, a ne na samoj slici, zapravo ne vidimo gradijent u dokumentu. Umjesto toga, vidimo učinak gradijenta na maski sloja, sa sjenom koja sada postupno blijedi kako se udaljava od subjekta:

  Sjena sada postupno blijedi. Sjena sada postupno nestaje.

Korak 16: Smanjite neprozirnost sjene

Kao posljednji korak, smanjimo neprozirnost sjene tako da ne izgleda tako tamno u blizini subjekta (budući da su sjene uvijek donekle prozirne). Naći ćete Neprozirnost opciju u gornjem desnom kutu ploče Slojevi. Lagano ga spustite na oko 85% :

  Opcija neprozirnosti sloja u Photoshopu. Smanjite neprozirnost sloja sjene na 85%.

I s tim smo gotovi! Evo konačnog efekta 'bačene sjene':

  Photoshop efekt sjene. Konačni rezultat.