Perspektivni efekt sjene teksta u Photoshopu

Napisao Steve Patterson.

U ovom Vodič za tekstualne efekte u Photoshopu , naučit ćemo kako stvoriti popularan, klasičan efekt davanjem teksta a perspektivna sjena kao da izvor svjetlosti iza teksta baca sjenu na tlo ispred njega. Tijekom ovog vodiča koristit ću Photoshop CS5, ali radit će bilo koja novija verzija.



Evo kako će izgledati konačni rezultat:



  Photoshop tekstualna perspektiva efekt sjene. Slika © 2010 Photoshop Essentials.com. Konačni tekstualni efekt 'sjene perspektive'.

Započnimo!

Korak 1: Duplicirajte tekstualni sloj

Za početak, išao sam naprijed i dodao malo teksta ispred pozadine ispunjene jednostavnim prijelazom crno-sivo. Možete stvoriti ovaj perspektivni efekt sjene s bilo kojom bojom pozadine ili slikom koju želite:

  Početni tekst. Slika © 2010 Photoshop Essentials.com. Dodajte svoj tekst u dokument.

Ako pogledamo ploču Slojevi, vidjet ćemo da se moj tekst nalazi na vlastitom tekstualnom sloju iznad pozadinskog sloja:



  Panel slojeva u Photoshopu. Slika © 2010 Photoshop Essentials.com. Tekst se pojavljuje na vlastitom sloju iznad pozadine.

Moramo napraviti kopiju teksta, pa s odabranim tekstualnim slojem na ploči Slojevi (odabrani slojevi označeni su plavom bojom), idite do Sloj izbornika u traci izbornika na vrhu zaslona odaberite Novi , a zatim odaberite Sloj putem kopiranja . Ili, za puno brži način odabira iste naredbe, upotrijebite tipkovni prečac Ctrl+J (pobjeda) / Command+J (Mac):

  Idite na Layer, New, Layer via Copy. Slika © 2010 Photoshop Essentials.com. Idite na Layer > New > Layer via Copy.

Ništa se ne događa u prozoru dokumenta, ali se kopija tekstualnog sloja pojavljuje iznad izvornika na ploči Slojevi:

  Kopija tekstualnog sloja pojavljuje se na ploči Slojevi. Slika © 2010 Photoshop Essentials.com. Kopija tekstualnog sloja pojavljuje se iznad izvornika.

Korak 2: Povucite kopiju ispod izvornika

Pritisnite kopiju tekstualnog sloja na ploči Slojevi i povucite je izravno ispod izvornog tekstualnog sloja. Kada vidite da se između izvornog tekstualnog sloja i pozadinskog sloja pojavljuje istaknuta traka, otpustite tipku miša kako bi Photoshop stavio sloj na njegovu novu poziciju:



  Povucite kopirani sloj teksta ispod izvornika. Slika © 2010 Photoshop Essentials.com. Povucite kopirani tekstualni sloj između izvornika i pozadinskog sloja.

Korak 3: Rasterizacija teksta

Za trenutak ćemo preoblikovati tekst tako da više izgleda kao perspektivna sjena, ali Photoshop nam to neće dopustiti dok je tekst još uvijek tekst. Prvo trebamo pretvoriti tekst u piksela , koji je u Photoshopu poznat kao rasteriziranje to. Da biste to učinili, idite gore do Sloj izbornik, odaberite Rasteriziraj , a zatim odaberite Tip :

  Rasterizacija teksta u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Layer > Rasterize > Type.

Korak 4: Okrenite i premjestite tekst

S kopijom izvornog teksta sada pretvorenom u piksele, idite do Uredi izbornik i odaberite Slobodna transformacija , ili pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za pristup Free Transformu pomoću tipkovničkog prečaca:

  Naredba Free Transform u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Edit > Free Transform.

Ovo postavlja okvir Slobodna transformacija i ručke (kvadratiće) oko teksta u prozoru dokumenta. Desni klik (pobjeda) / Control-klik (Mac) bilo gdje unutar prozora dokumenta i odaberite Okreni okomito iz kontekstualnog izbornika koji se pojavi:



  Naredba Flip Vertical u Photoshopu. Slika © 2010 Photoshop Essentials.com. Odaberite Flip Vertical iz izbornika.

Ovo okreće tekst naopako u prozoru dokumenta:

  Tekst je okomito okrenut. Slika © 2010 Photoshop Essentials.com. Slika nakon okomitog okretanja teksta.

Zatim kliknite bilo gdje unutar graničnog okvira slobodne transformacije, držite pritisnuto Shift tipku, zatim povucite tekst ispod izvornog teksta. Držanje tipke Shift dok povlačite ograničava smjer u kojem možete povlačiti, što olakšava povlačenje ravno prema dolje. Dodat ću razmak između originalne i okrenute verzije teksta tako da će izgledati kao da moj izvorni tekst lebdi u zraku iznad sjene:



  Povucite okrenuti tekst ispod izvornika. Slika © 2010 Photoshop Essentials.com. Držite Shift i povucite okrenuti tekst ispod izvornika.

Korak 5: Razvucite i preoblikujte tekst

Kliknite na ručicu u donjem središtu okvira Free Transform i povucite je prema dolje da biste okomito razvukli tekst:

  Okomito rastezanje teksta. Slika © 2010 Photoshop Essentials.com. Razvucite tekst povlačenjem donje središnje ručice ravno prema dolje.

Zatim, s još jednom aktivnom Slobodnom transformacijom desni klik (pobjeda) / Control-klik (Mac) bilo gdje unutar prozora dokumenta i odaberite Perspektiva iz kontekstualnog izbornika:

  Odabir perspektive iz opcija transformacije. Slika © 2010 Photoshop Essentials.com. Odaberite perspektivu iz opcija transformacije.

S odabranom perspektivom kliknite bilo na Dolje lijevo ili dolje desno rukujte i vodoravno ga povucite prema van. Dok povlačite jednu od ručica, druga će se ručka proširiti u suprotnom smjeru, dajući tekstu 3D perspektivu. Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite s transformacijama:



  Promjena perspektive teksta pomoću Free Transform. Slika © 2010 Photoshop Essentials.com. Dok povlačite jednu ručicu donjeg kuta prema van, druga se pomiče u suprotnom smjeru.

Korak 6: Ispunite tekst crnom bojom

Pritisnite slovo D na tipkovnici za brzo poništavanje Photoshopovih boja prednjeg plana i pozadine ako je potrebno, što će vašu boju prednjeg plana postaviti na crno . Zatim pritisnite Shift+Alt+Backspace (pobjeda) / Shift+Option+Delete (Mac) za popunjavanje okrenutog i preoblikovanog teksta bojom prednjeg plana (crna):

  Ispunite transformirani tekst crnom bojom. Slika © 2010 Photoshop Essentials.com. Ispunite transformirani tekst crnom bojom.

Korak 7: Primijenite filtar Gaussian Blur

Idi gore do filtar izbornik, odaberite Zamutiti , zatim odaberite Gaussovo zamućenje :



  Odabir filtra Gaussian Blur u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Filter > Blur > Gaussian Blur.

Kada se pojavi dijaloški okvir Gaussian Blur, povucite Radius klizač uz dno prema desno kako biste sjeni dodali samo malu količinu zamućenja. Pazite na sliku u prozoru dokumenta dok povlačite klizač kako biste procijenili rezultate, budući da će količina zamućenja koju dodate ovisiti o veličini i razlučivosti vaše slike, ali sve što želimo ovdje je suptilan učinak . Postavit ću vrijednost radijusa na 2 piksela :

  Dijaloški okvir Gaussian Blur. Slika © 2010 Photoshop Essentials.com. Nanesite malu količinu zamućenja na sjenu.

Pritisnite U redu kada završite da biste izašli iz dijaloškog okvira. Vaš tekst u sjeni sada bi trebao biti blago zamućen:

  Dijaloški okvir Gaussian Blur. Slika © 2010 Photoshop Essentials.com. Slika nakon primjene filtra Gaussian Blur.

Korak 8: Smanjite neprozirnost sloja

Budući da se većina sjena ne pojavljuje kao puna boja, smanjite neprozirnost sloja da dodate malo prozirnosti sjeni. Naći ćete Neprozirnost opciju u gornjem desnom kutu ploče Slojevi. Spustite ga na oko 80% :

  Smanjenje neprozirnosti sjene. Slika © 2010 Photoshop Essentials.com. Opcija neprozirnosti sloja.

Korak 9: Duplicirajte sloj sjene

Pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za brzo dupliciranje sloja zamućene sjene. Kopija će se pojaviti iznad izvornika na ploči Slojevi:

  Dupliciranje sloja sjene. Slika © 2010 Photoshop Essentials.com. Napravite kopiju sloja sjene.

Korak 10: Ponovno primijenite filtar Gaussian Blur

Sjene se šire i postaju sve mekše što se više udaljavaju od izvora, stoga dodajmo još više zamućenja našoj kopiji sjene. Zatim ćemo upotrijebiti nekoliko maski slojeva da pomiješamo dva sloja sjene. Prvo privremeno sakrijte izvorni sloj sjene klikom na njega ikona vidljivosti sloja (očna jabučica) na ploči Slojevi. Tako ćete lakše vidjeti što radimo:

  Klikom na ikonu vidljivosti sloja na ploči Slojevi. Slika © 2010 Photoshop Essentials.com. Ikona vidljivosti slojeva privremeno uključuje i isključuje slojeve u dokumentu.

Budući da je filtar Gaussian Blur posljednji filtar koji smo primijenili, možemo mu ponovno brzo pristupiti pritiskom na Ctrl+Alt+F (pobjeda) / Command+Option+F (Mac). Ovaj put dodajte još više zamućenja sjeni povlačenjem polumjera klizača dalje udesno. Ovaj ću put postaviti vrijednost radijusa na oko 6 piksela. Kao i prije, vrijednost koju koristite može biti drugačija i ovisit će o vašoj slici, stoga procijenite rezultate u prozoru dokumenta dok povlačite klizač:

  Dodavanje više zamućenja uz Gaussian Blur. Slika © 2010 Photoshop Essentials.com. Ovaj put upotrijebite veću vrijednost radijusa da biste dodali jače zamućenje.

Pritisnite U redu kada završite da biste izašli iz dijaloškog okvira. Vaša bi sjena sada trebala izgledati ovako:

  Slika nakon zamućenja sjene pomoću Gaussian Blur. Slika © 2010 Photoshop Essentials.com. Slika nakon dodavanja još zamućenja drugom sloju sjene.

Korak 10: Dodajte masku sloja

Klikni na Maska sloja ikona na dnu ploče Slojevi za dodavanje maske sloja na sloj:

  Ikona Layer Mask na ploči Slojevi u Photoshopu. Slika © 2010 Photoshop Essentials.com. Kliknite na ikonu Layer Mask.

A sličica maske sloja pojavit će se pored glavnog sloja sličica pregleda :

  Sličica maske sloja pojavljuje se na sloju sjene. Slika © 2010 Photoshop Essentials.com. Sličica maske sloja.

Korak 11: Povucite crno-bijeli gradijent na masku sloja

Odaberite Photoshop's Alat za gradijent s ploče Alati:

  Alat za gradijent u Photoshopu. Slika © 2010 Photoshop Essentials.com. Odaberite Gradient Tool.

Uz odabrani Gradient Tool, desni klik (pobjeda) / Control-klik (Mac) bilo gdje unutar prozora dokumenta i odaberite crno-bijeli gradijent klikom na njegovu sličicu (treća slijeva, gornji red). Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite s zatvaranjem alata za odabir gradijenata:

  Birač gradijenata u Photoshopu. Slika © 2010 Photoshop Essentials.com. Kliknite sličicu za crno-bijeli gradijent.

Želimo da ova ekstra zamućena verzija sjene postupno nestaje u prikazu dok se udaljava od teksta, pa kliknite alatom za gradijent na samom vrhu sjene da biste postavili početnu točku za gradijent, a zatim držite Shift tipku i povucite ravno prema dolje do dna sjene. Otpustite tipku miša kada dođete do dna da postavite krajnju točku za gradijent. Držanje tipke Shift dok ponovno povlačite ograničava smjer u kojem možete povlačiti, što olakšava povlačenje ravno prema dolje:

  Povlačenje gradijenta na maski sloja. Slika © 2010 Photoshop Essentials.com. Pritisnite na vrhu sjene, držite Shift, povucite prema dolje i otpustite tipku miša na dnu sjene.

Budući da smo povukli gradijent na maski sloja, a ne na samom sloju, gradijent kontrolira vidljivost sjene, koja sada polako blijedi kako se udaljava od teksta:

  Sjena sada blijedi u pogledu zahvaljujući gradijentu na maski sloja. Slika © 2010 Photoshop Essentials.com. Gradijent na maski sloja kontrolira prozirnost sjene.

Korak 12: Kopirajte masku sloja na izvorni sloj sjene

Kliknite još jednom na ikona vidljivosti sloja za izvorni sloj sjene kako bi bio vidljiv unutar dokumenta:

  Ikona vidljivosti sloja. Slika © 2010 Photoshop Essentials.com. Ponovno uključite izvorni sloj sjene.

Pritisnite minijaturu maske sloja na ploči Slojevi, držite Sve (pobjeda) / Opcija (Mac), zatim povucite masku prema dolje na izvorni sloj sjene ispod nje. Kada vidite da se okvir za isticanje pojavljuje oko izvornog sloja sjene, otpustite tipku miša da kopirate masku na sloj. Sada ćete vidjeti identične sličice maske slojeva na oba sloja sjene:

  Kopiranje maske sloja na sloj ispod njega. Slika © 2010 Photoshop Essentials.com. Tipka Alt (Win) / Option (Mac) govori Photoshopu da napravi kopiju maske dok je povlačite.

Korak 13: Invertirajte masku sloja

Trebamo da izvorna sjena nestane kako se pomiče dalje od teksta, upravo suprotno od onoga što trenutno radi, pa kliknite na novu sličica maske sloja na izvornom sloju sjene na ploči Slojevi da biste ga odabrali. Zatim pritisnite Ctrl+I (pobjeda) / Command+I (Mac), koji će preokrenuti gradijent na maski sloja, tako da crna postaje bijela, a bijela postaje crna:

  Boje u gradijentu na maski sloja sada su obrnute. Slika © 2010 Photoshop Essentials.com. Sličica maske sloja sada prikazuje gradijent bijelo-crno umjesto crno-bijelo.

Budući da su oba sloja sjene sada pomiješana, sjena se čini mekšom kako se udaljava od teksta:

  Sjena teksta nakon okretanja maske sloja. Slika © 2010 Photoshop Essentials.com. Slika nakon okretanja maske sloja.

Korak 14: Smanjite neprozirnost gornjeg sloja sjene

Na kraju kliknite na gornji sloj sjene (kopija sjene) na ploči Slojevi da biste ga još jednom odabrali, a zatim smanjite njegovu neprozirnost na oko 60% :

  Smanjivanje neprozirnosti sloja na 50%. Slika © 2010 Photoshop Essentials.com. Odaberite gornji sloj sjene, a zatim smanjite njegovu neprozirnost na 60%.

I s tim smo gotovi! Evo našeg konačnog efekta teksta 'sjene perspektive':

  Photoshop tekstualna perspektiva efekt sjene. Slika © 2010 Photoshop Essentials.com. Konačni tekstualni efekt 'sjene perspektive'.

Kamo dalje...