Zamućeni tip koji se može uređivati ​​sa stilovima slojeva u Photoshopu

Napisao Steve Patterson.

U ovom tutorialu za Photoshop naučit ćemo kako stvarati potpuno uređivački zamućeni tip koristeći stilove slojeva! Točnije, vidjet ćemo kako koristiti tehniku ​​dodavanja zamagljen tekst u sjeni na sliku. Sada, ako ste neko vrijeme koristili Photoshop, možda mislite: 'Zamućen tekst? Zar ga ne možete jednostavno zamutiti filtrom Gaussian Blur?', i da, možete, ali postoji velika mana toga da.



Photoshop nam ne dopušta da primijenimo Gaussovo zamućenje (ili bilo koji drugi filtar) na tipku bez prethodnog pretvaranja teksta u piksele (proces poznat kao rasteriziranje vrstu), a nakon što se pretvori u piksele, tekst se više ne može uređivati. U ovom ćemo vodiču pogledati drugačiji način zamućivanja teksta, koji nam daje iste rezultate koje bismo postigli s Gaussovim zamućivanjem, ali bez potrebe za rasteriziranjem, što znači da naš tip ostaje u potpunosti moguće uređivati ​​čak i nakon što smo zamaglio tako da se još uvijek možemo vratiti i unijeti promjene koje su nam potrebne! Kako je moguće stvoriti zamagljen tekst koji se može uređivati? Zahvaljujući stilovima slojeva, to je zapravo vrlo jednostavno!

Evo dokumenta koji sam otvorio na svom ekranu i sadrži jedan sloj teksta (riječ 'SHADOW') ispred pozadinske slike:





  Izvorni dokument sa slojem Type iznad sloja Background. Slika © 2012 Photoshop Essentials.com. Izvorni dokument.

Ako pogledamo moju ploču Slojevi, vidimo tekst na sloju tipa koji se nalazi iznad slike na sloju pozadine i vidimo da je sloj tipa trenutno aktivan (označen plavom bojom):

  Ploča Slojevi u Photoshopu prikazuje sloj Type iznad sloja Background. Slika © 2012 Photoshop Essentials.com. Ploča Slojevi koja prikazuje sloj tipa iznad sloja pozadine.

Prije nego naučimo kako stvoriti zamućeni tip koji se može uređivati, pogledajmo na brzinu što se događa kada pokušam zamutiti svoj tekst pomoću filtra Gaussovo zamućenje. Odabrat ću ga odlaskom na filtar u traci izbornika na vrhu zaslona, ​​a zatim ću odabrati Zamutiti , i onda Gaussovo zamućenje :



  Odabir dijaloškog okvira Gaussian Blur u Photoshopu. Slika © 2012 Photoshop Essentials.com. Idite na Filter > Blur > Gaussian Blur.

Čim odaberem filtar Gaussian Blur, Photoshop otvara okvir upozorenja govoreći mi da će se tekst na sloju Type morati rasterizirati i da se više neće moći uređivati ​​kada završimo. To nije ono što želim, pa ću kliknuti gumb Odustani da poništim filtar:

  Okvir upozorenja vrste rasterizacije. Slika © 2012 Photoshop Essentials.com. Otkazujem filtar jer ne želim rasterizirati tekst.

Pogledajmo kako zamutiti tekst koristeći Photoshopove stilove slojeva!



Korak 1: Dodajte sjenu

S otvorenim dokumentom i odabranim slojem Type kliknite na Stilovi slojeva ikona na dnu ploče slojeva:

  Klikom na ikonu stilova slojeva na ploči slojeva. Slika © 2012 Photoshop Essentials.com. Klikom na ikonu Layer Styles.

Zatim odaberite Drop Shadow s vrha popisa stilova slojeva koji se pojavljuje:

  Odabir stila sloja Drop Shadow. Slika © 2012 Photoshop Essentials.com. Odabir sjene s popisa.

Korak 2: Smanjite udaljenost na 0px

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije Drop Shadow u srednjem stupcu. Spustite Udaljenost vrijednost sve dolje do 0px povlačenjem klizača skroz ulijevo. Opcija Udaljenost kontrolira koliko se daleko sjena pojavljuje od objekta koji baca sjenu. Postavljanje udaljenosti na 0px postavit će sjenu izravno iza teksta:



  Smanjenje udaljenosti padajuće sjene na 0 px. Slika © 2012 Photoshop Essentials.com. Smanjenje udaljenosti na 0px.

Ako pogledamo tekst u prozoru dokumenta, možemo vidjeti sjenu koja viri oko rubova slova:

  Sjena se pojavljuje oko rubova slova u prozoru dokumenta. Slika © 2012 Photoshop Essentials.com. Tekst nakon spuštanja vrijednosti udaljenosti na 0px.

Korak 3: Prijeđite na opcije miješanja

Nemojte još zatvoriti dijaloški okvir Stil sloja jer imamo još nekoliko stvari koje moramo obaviti. Kliknite izravno na riječi Mogućnosti za miješanje u gornjem lijevom kutu dijaloškog okvira. Mogućnosti padajuće sjene u srednjem stupcu bit će zamijenjene opcijama miješanja:

  Odabir opcija miješanja u dijaloškom okviru Stil sloja. Slika © 2012 Photoshop Essentials.com. Odabir opcija miješanja.

Korak 4: Smanjite neprozirnost ispune na 0%

Dok se opcije miješanja sada pojavljuju u srednjem stupcu, spustite Prozirnost ispune vrijednost do 0% povlačenjem klizača skroz ulijevo. Ova opcija Fill Opacity potpuno je ista opcija Fill koja se nalazi u gornjem desnom kutu ploče Slojevi. Kako smo saznali u Vodič za neprozirnost sloja u odnosu na ispunu , vrijednost Ispune kontrolira prozirnost stvarnog sadržaja sloja, ali nema utjecaja na bilo koji stil sloja koji se na njega primjenjuje. Smanjivanjem vrijednosti Fill sloja Type, pravi tekst postaje proziran, ali će stil sloja Drop Shadow ostati potpuno vidljiv:



  Smanjite opciju Fill Opacity na 0% u dijaloškom okviru Layer Style. Slika © 2012 Photoshop Essentials.com. Smanjenje neprozirnosti ispune na 0%.

Ako ponovno pogledamo prozor dokumenta, vidimo da su sama slova postala potpuno prozirna, dok je sjena i dalje vidljiva. Problem je u tome što, iako je tekst proziran, još uvijek blokira većinu sjene iza sebe od pogleda. Sve što možemo vidjeti od sjene je mali dio koji strši oko rubova. Ispravit ćemo to za trenutak:

  Slika nakon smanjenja neprozirnosti ispune teksta. Slika © 2012 Photoshop Essentials.com. Slika nakon smanjenja neprozirnosti ispune teksta.

Korak 5: Vratite se na opcije sjene

Kliknite izravno na riječi Drop Shadow ispod Blending Options u gornjem lijevom kutu dijaloškog okvira da biste se vratili na opcije Drop Shadow. Pazite da kliknete izravno na riječi, a ne unutar potvrdnog okvira lijevo od riječi, inače nećete dobiti pristup opcijama (i isključit ćete sjenu):



  Vraćanje na opcije Drop Shadow u dijaloškom okviru Layer Styles. Slika © 2012 Photoshop Essentials.com. Klikom na riječi Drop Shadow.

Korak 6: Onemogućite 'Layer Knocks Out Drop Shadow'

Ako pogledate dolje na dnu opcija Drop Shadow, vidjet ćete opciju koja se zove Sloj izbacuje padajuću sjenu . Prema zadanim postavkama, ova opcija je uključena, a kada je uključena, padajuća sjena ostaje skrivena iza stvarnog sadržaja sloja (u ovom slučaju, teksta), čak i ako sadržaj učinimo prozirnim. Pritisnite potvrdni okvir kako biste uklonili kvačicu i isključili opciju:

  Onemogućavanje opcije Layer Knocks Out Drop Shadow. Slika © 2012 Photoshop Essentials.com. Isključivanje opcije Layer Knocks Out Drop Shadow.

A sada je sam tekst potpuno skriven i više ne blokira padajuću sjenu iz pogleda:



  Zamućeni tekst u sjeni sada je potpuno vidljiv. Slika © 2012 Photoshop Essentials.com. Zamućeni tekst u sjeni sada je potpuno vidljiv.

Korak 7: Podesite veličinu sjene

Kad bismo zamućivali tekst pomoću filtra Gaussian Blur, prilagodili bismo količinu zamućivanja povlačenjem klizača Radius. S našom tehnikom stilova slojeva prilagođavamo zamućenje kontroliranjem veličine padajuće sjene pomoću Veličina opcija. Prema zadanim postavkama Veličina je postavljena na 16 px. Povucite klizač udesno kako biste povećali vrijednost i povećali sjenu, što će dodatno zamutiti tekst, ili ga povucite ulijevo kako biste smanjili vrijednost veličine i smanjili učinak zamućenja:

  Povećanje vrijednosti veličine za padajuću sjenu u dijaloškom okviru Stilovi slojeva. Slika © 2012 Photoshop Essentials.com. Podesite količinu zamućenja na tekstu pomoću opcije Veličina.

Evo mog efekta zamućenja nakon povećanja vrijednosti veličine na 29px:

  Tekst se čini mutnijim nakon povećanja vrijednosti veličine. Slika © 2012 Photoshop Essentials.com. Tekst nakon povećanja veličine padajuće sjene.

Kada ste zadovoljni količinom zamućenja, kliknite OK u gornjem desnom kutu dijaloškog okvira Stil sloja da biste ga zatvorili i dovršili efekt.

I tekst i efekt mogu se uređivati

Stilovi slojeva su živi, ​​nedestruktivni efekti, što znači da se možemo vratiti u bilo kojem trenutku i napraviti promjene. Ako, nakon što ste zatvorili dijaloški okvir Stil sloja, shvatite da morate dodatno prilagoditi količinu zamućivanja, jednostavno dvostruki klik na Drop Shadow efektu koji je naveden ispod sloja Type na ploči Slojevi (ponovno kliknite izravno na same riječi):

  Dvostruki klik na efekt Drop Shadow za sloj Type. Slika © 2012 Photoshop Essentials.com. Dupli klik na Drop Shadow efekt ispod sloja Type.

Ovo će ponovno otvoriti dijaloški okvir Stil sloja za opcije Drop Shadow tako da možete unijeti sve potrebne promjene u vrijednost Size. Kada završite, kliknite OK da biste ponovno zatvorili dijaloški okvir:

  Povlačenjem klizača Veličina u opcijama stila sloja Drop Shadow. Slika © 2012 Photoshop Essentials.com. Postavljanje nove vrijednosti veličine pomoću klizača.

Sam tekst također ostaje u potpunosti moguće uređivati, čak i s primijenjenim efektom zamućivanja. Jednostavno ga odaberite pomoću Vrsta alata , unesite svoj novi tekst, zatim pritisnite Ctrl+Enter (pobjeda) / Command+Return (Mac) na tipkovnici da biste je prihvatili. Efekt zamućenja automatski se primjenjuje na ažurirani tekst:

  Uređivanje teksta s primijenjenim stilom sloja Drop Shadow. Slika © 2012 Photoshop Essentials.com. Isti učinak zamućivanja primjenjuje se na novi tekst.

Kamo dalje...