Primijenite više poteza na tekst u Photoshopu

Napomena o verziji: Koristite li Photoshop CC 2020 ili noviji? Pogledajte sve moje nove Dodajte više poteza tekstu s efektima slojeva tutorial.



Napisao Steve Patterson.

U ovom Vodič za tekstualne efekte u Photoshopu , malo ćemo se zabaviti udarcima. Naučit ćemo kako je lako dodati onoliko poteza našem tekstu koliko želimo, umjesto da se zadovoljimo samo jednim, što nam Photoshop obično dopušta da dodamo.



Evo primjera rezultata na kojem ćemo raditi. U ovom slučaju, oko slova su dodana tri odvojena poteza, ali možete upotrijebiti korake u ovom vodiču da biste dodali onoliko poteza koliko želite:

  Primjena višestrukih poteza na tekst u Photoshopu. Slika © 2008 Photoshop Essentials.com

Započnimo!

Korak 1: Izradite novi dokument

Započnite stvaranjem novog praznog Photoshop dokumenta. Idi gore do Datoteka izbornik na vrhu zaslona i odaberite Novi , ili jednostavno pritisnite tipkovni prečac Ctrl+N (pobjeda) / Command+N (Mac). U svakom slučaju dolazi do Photoshopa Novi dokument dijaloški okvir. Odaberite veličinu koja god vam je potrebna za vaš dokument. Postavit ću svoj dokument na a Širina od 6 inča , a Visina od 4 inča , i a Rezolucija od 300 piksela/inču . Pritisnite U redu kada završite da izađete iz dijaloškog okvira i vaš novi prazan dokument će se pojaviti na ekranu.



Korak 2: Odaberite alat za tipkanje

Da bismo dodali tip našem dokumentu, trebat će nam Photoshop Tip također l. Odaberite ga s palete Alati ili pritisnite slovo T na tipkovnici da biste ga odabrali pomoću prečaca:

  Alat Type u Photoshopu. Slika © 2008 Photoshop Essentials.com Odaberite Type Tool iz palete Tools ili pritisnite 'T' za tipkovni prečac.

Korak 3: Odaberite font na traci s opcijama

S odabranim alatom Type idite gore do Traka s opcijama na vrhu zaslona i odaberite font i veličinu fonta koju želite koristiti za efekt. Kvarenje Arial Crna za svoj tekst, a ja ću odabrati veličinu fonta od 60 pt . Možda ćete morati odabrati drugu veličinu ovisno o veličini i razlučivosti dokumenta s kojim radite. Naravno, možete koristiti i drugačiji font od onog koji ja koristim:

  Traka opcija u Photoshopu. Slika © 2008 Photoshop Essentials.com Odaberite svoj font i veličinu fonta na traci s opcijama na vrhu zaslona.

Korak 4: Dodajte svoj tekst

Kliknite unutar prozora dokumenta i dodajte svoj tekst. Napisat ću riječ 'STROKES'. Nakon što dodate tekst, kliknite na Kvačica na traci s opcijama da biste ga prihvatili i izašli iz načina za uređivanje teksta:



  Dodavanje teksta u dokument u Photoshopu. Slika © 2008 Photoshop Essentials.com Kliknite unutar dokumenta, dodajte svoj tekst, zatim kliknite kvačicu na traci s opcijama za izlaz iz prihvaćanja teksta.

Korak 5: Dodajte stil sloja 'Stroke'.

Nakon dodanog teksta kliknite na Stilovi slojeva ikonu na dnu palete slojeva i odaberite Moždani udar s dna popisa stilova slojeva koji se pojavljuje:

  Odabir'Stroke' from the list of Layer Styles at the bottom of the Layers palette. Image © 2008 Photoshop Essentials.com Odaberite 'Stroke' s popisa stilova slojeva.

Čim s popisa odaberete Stroke, dogodit će se dvije stvari. Photoshop će otvoriti veliki dijaloški okvir Stil sloja postavljen na opcije poteza u srednjem stupcu, a oko vašeg teksta u prozoru dokumenta pojavit će se crveni potez (crvena je zadana boja za potez):

  Oko teksta u Photoshopu pojavljuje se crvena linija. Slika © 2008 Photoshop Essentials.com Oko teksta se pojavljuje crvena linija.

Korak 6: Prilagodite veličinu i položaj poteza

Zadana veličina poteza je 3 px, što znači da potez ima debljinu od 3 piksela, a zadana pozicija je 'Izvan', što znači da će se cijela debljina poteza pojaviti izvan slova, a ne unutar njih. Povećat ću veličinu svog poteza na 6 px povlačenjem Veličina klizač na vrhu dijaloškog okvira udesno, a ja ću postaviti Položaj za ovaj prvi udar do Unutra , koji će staviti cijelu debljinu poteza unutar slova:



  Opcije stila sloja Stroke u Photoshopu. Slika © 2008 Photoshop Essentials.com Promjena veličine i položaja poteza u dijaloškom okviru Stil sloja.

Pritisnite U redu kada završite da izađete iz dijaloškog okvira Stil sloja. Evo kako moj tekst izgleda nakon izmjena zadanih postavki poteza:

  Nove postavke poteza. Slika © 2008 Photoshop Essentials.com Moždani udar nakon promjene veličine i položaja.

Korak 7: Postavite 'ispunu' teksta na 0%

Sada kada imam svoj prvi obris poteza oko svog teksta, ne želim više vidjeti svoj stvarni tekst. Sve što želim vidjeti je potez koji to ocrtava. Budući da je boja pozadine mog dokumenta bijela, mogao bih samo promijeniti boju svog teksta u bijelu, ali što ako kasnije promijenim boju pozadine? Morao bih promijeniti i boju teksta da odgovara novoj pozadini. Bolje rješenje je jednostavno sakriti tekst iz pogleda, a da stilovi slojeva ostanu vidljivi. Photoshop olakšava upravo to.



S odabranim slojem teksta idite na vrh palete slojeva. Vidjet ćete dvije opcije, 'Opacity' i 'Fill'. Tekst možete sakriti spuštanjem vrijednosti neprozirnosti na 0%, ali opcija neprozirnosti utječe na sve na sloju, uključujući stilove slojeva, što znači da bismo sakrili i potez. 'Ispuna', s druge strane, nema utjecaja na stilove slojeva. Sakrit će sav sadržaj sloja osim bilo koji stil sloja koji smo primijenili na njega, što znači da ćemo, ako vrijednost Ispune postavimo na 0%, sakriti tekst bez skrivanja poteza! Učinimo to. Opet provjerite je li odabran tekstualni sloj (odabrani slojevi označeni su plavom bojom) i spustite Ispunite vrijednost za 0% :

  Spuštanje opcije Ispuna u paleti slojeva. Slika © 2008 Photoshop Essentials.com Sakrijte tekst spuštanjem Ispune na 0%.

Evo što biste trebali vidjeti. Tekst je sada skriven od pogleda, ali linija oko njega ostaje vidljiva:

  Tekst je sada skriven nakon spuštanja Ispune na 0%. Slika © 2008 Photoshop Essentials.com Smanjenje vrijednosti Ispune skriva tekst, ali zadržava stilove slojeva vidljivima.

Korak 8: Duplicirajte tekstualni sloj

Zasada je dobro. Dodali smo jedan potez oko teksta. Ovdje počinjemo dodavati višestruke poteze tekstu. Obično nam Photoshop ne dopušta dodavanje više od jednog poteza sloju teksta (ili bilo kojoj vrsti sloja), ali ništa ne govori da ne možemo napraviti kopije našeg sloja teksta i dodati drugačiji potez svakoj kopiji! Kako bi svaki potez bio vidljiv, jednostavno ćemo promijeniti položaj i/ili veličinu svakog poteza!



Dok je sloj teksta odabran u paleti slojeva, pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za brzo dupliciranje sloja. Duplikat će se pojaviti neposredno iznad izvornog tekstualnog sloja. Nakon što duplicirate sloj, ponovno kliknite na izvorni tekstualni sloj da biste ga odabrali. Promijenit ćemo opcije poteza za izvorni sloj teksta:

  Odabir izvornog tekstualnog sloja u paleti slojeva. Slika © 2008 Photoshop Essentials.com Duplicirajte tekstualni sloj, zatim kliknite izvorni tekstualni sloj u paleti slojeva da biste ga odabrali.

Korak 9: Promijenite boju poteza i položaj izvornog sloja teksta

Vidite li ikonu 'fx' krajnje desno od tekstualnog sloja u paleti slojeva (ranije verzije Photoshopa prikazuju okruglu ikonu sa 'f' unutar nje)? Kada je ta ikona vidljiva, to nam govori da je jedan ili više stilova sloja trenutno priloženo sloju. Dvostruki klik na ikoni da biste vratili dijaloški okvir Stil sloja, zatim odaberite Moždani udar s dna popisa stilova slojeva na lijevoj strani dijaloškog okvira. Vidjet ćete da se opcije za Stroke pojavljuju u srednjem stupcu.



Prvo promijenite boju poteza klikom na uzorak boje u sredini dijaloškog okvira, koji će prikazati Photoshop Birač boja . Odaberite drugu boju iz alata za odabir boja. Odabrat ću narančastu boju. Pritisnite U redu kada završite da izađete iz Birača boja. Vidjet ćete kako se uzorak boje mijenja u boju koju ste odabrali:

  Uzorak boje poteza u dijaloškom okviru Stil sloja. Slika © 2008 Photoshop Essentials.com Kliknite na uzorak boje i odaberite novu boju za potez iz Birača boja.

Nakon što odaberete novu boju za svoj potez, promijenite Položaj moždanog udara do Vani za pomicanje poteza izvan slova. Veličinu poteza možete ostaviti istom.

  Opcija položaja poteza. Slika © 2008 Photoshop Essentials.com Promijenite položaj poteza u Outside.

Pritisnite OK kada završite da biste izašli iz dijaloškog okvira Stil sloja i vidjet ćete da sada imate dva poteza oko slova. Izvorni potez (crveni) je s unutarnje strane slova, a novi (narančasti) koji smo upravo dodali je s vanjske strane. Promjenom položaja dva poteza, spriječili smo njihovo preklapanje, što nam omogućuje da ih vidimo obje odjednom:

  Oko teksta u Photoshopu sada se pojavljuju dva poteza. Slika © 2008 Photoshop Essentials.com Dva poteza sada ocrtavaju tekst, jedan unutar slova, a drugi izvan njih.

Nema potrebe da se zaustavite sa samo dva poteza, pogotovo jer je dodavanje više njih jednako jednostavno!

Korak 10: Duplicirajte izvorni tekstualni sloj još jednom

Dok je izvorni tekstualni sloj još uvijek odabran u paleti slojeva, pritisnite Ctrl+J (pobjeda) / Command+J (Mac) da ponovno duplicirate sloj, postavljajući njegovu novu kopiju izravno iznad izvornika. Kada završite, ponovno kliknite na izvorni sloj teksta da biste ga odabrali. Ponovno ćemo promijeniti boju poteza, a ovaj put ćemo također povećati njegovu veličinu.

Sada biste trebali imati tri sloja teksta u paleti slojeva (izvornik plus dvije kopije iznad njega), a izvorni sloj teksta trebao bi biti odabran. Dvaput kliknite na ikona efekata sloja desno od izvornog tekstualnog sloja u paleti slojeva da biste vratili dijaloški okvir Stil sloja, baš kao što smo učinili maloprije, i odaberite Moždani udar s dna popisa s lijeve strane za pristup opcijama poteza:

  Ikona Layer Effects u paleti Layers u Photoshopu. Slika © 2008 Photoshop Essentials.com Dvaput kliknite na ikonu Layer Effects da biste vratili dijaloški okvir Layer Style, zatim odaberite 'Stroke' s popisa s lijeve strane.

Korak 11: Odaberite drugu novu boju za potez i povećajte veličinu poteza

Kada se pojavi dijaloški okvir Stil sloja, promijenite boju poteza ponovnim klikom na uzorak boje i odabir nove boje iz Birač boja . Ponovno ću odabrati crvenu, istu boju koja je korištena za moj izvorni potez. Kliknite OK za izlazak iz Birača boja kada završite. Uzorak boje promijenit će se u boju koju ste odabrali:

  Odabir nove boje za potez u Photoshopu. Slika © 2008 Photoshop Essentials.com Uzorak boje prikazuje trenutnu boju poteza.

Nakon što ste odabrali novu boju, idite na vrh opcija Potez i povećajte Veličina od moždanog udara. Moj potez trenutno je postavljen na veličinu od 6 px, što je iste debljine kao prethodni potez. Položaj poteza postavljen je na Vanjski, također isti kao i prethodni potez. A budući da se prethodni potez nalazi na sloju iznad sloja na kojem trenutno radim, to znači da prethodni potez potpuno blokira moj novi potez iz pogleda u dokumentu. Da bi moj novi potez bio vidljiv, morat ću povećati njegovu veličinu. Povećat ću ga na 16 px:

  Povećanje veličine poteza u Photoshopu. Slika © 2008 Photoshop Essentials.com Povećajte veličinu trećeg poteza tako da se pojavljuje oko vanjske strane prethodnog poteza.

Novi potez sada se pojavljuje kao debeli crveni potez oko vanjske strane prethodna dva poteza:

  Oko teksta u Photoshopu sada se pojavljuju tri poteza. Slika © 2008 Photoshop Essentials.com Naš tekst sada je ocrtan s tri odvojena poteza.

Sada nemamo jedan, ne dva, već tri odvojena poteza oko našeg teksta, i možemo nastaviti dodavati još ako želimo nastavljajući duplicirati izvorni sloj teksta, ponovno ga odabirući u paleti Slojevi, vraćajući se na opcije Potez, odabirom nove boje za potez, zatim povećanjem veličine poteza dok ne bude vidljiv s vanjske strane prethodnih poteza.

Lijepa stvar u vezi s ovim efektom je da se uvijek možete vratiti i promijeniti njegov izgled kad god želite jednostavnim klikom na ikonu efekata sloja na desnoj strani sloja u paleti slojeva da vratite dijaloški okvir Stil sloja, odabirom poteza s popisa na lijevoj strani dijaloškog okvira, a zatim mijenjanjem opcija poteza. Odaberite nove boje, veličine i/ili položaje za poteze za drugačije rezultate! Ovdje sam napravio jednostavan crno-bijeli uzorak poteza mijenjajući crvene poteze u crne, a narančasti u sredini u bijele:

  Crno-bijeli potezi oko teksta u Photoshopu. Slika © 2008 Photoshop Essentials.com Isti učinak nakon promjene boja poteza u crno-bijelo.

Kamo dalje...