Jednostavan plastični tekst sa stilovima slojeva u Photoshopu

Napisao Steve Patterson.

U ovom vodiču za tekstualne efekte u Photoshopu, naučit ćemo kako koristiti Photoshopove stilove slojeva da jednostavno učinimo da tekst izgleda kao da je napravljen od plastike. Da bismo stvorili učinak, koristit ćemo neke 'konture' koje ćemo učitati, budući da nam prema zadanim postavkama nisu lako dostupne, ali ne brinite, njihovo učitavanje je jednostavno, a isto tako sve ostalo ćemo raditi.



Evo efekta kojem težimo:



  Adobe Photoshop tekstualni efekti: konačni efekt Konačni rezultat.

Započnimo!

Korak 1: Otvorite novi Photoshop dokument

Prva stvar koju trebamo učiniti je otvoriti novi dokument, pa učinimo to brzo koristeći tipkovni prečac, Ctrl+N (pobjeda) / Command+N (Mac). Ovo otvara Photoshopov dijaloški okvir New Document. Odaberite veličinu koju god želite. Koristit ću unaprijed postavljenu veličinu od 640x480, zaokruženu ispod:

  Adobe Photoshop tekstualni efekti: Stvaranje novog dokumenta u Photoshopu Napravite novi Photoshop dokument.

Korak 2: Ispunite dokument crnom bojom

Pritisnite slovo D na tipkovnici za poništavanje boja prednjeg plana i pozadine, dakle crno postaje vaša boja prednjeg plana i bijela postaje vaša boja pozadine. Zatim upotrijebite tipkovni prečac Alt+Backspace (pobjeda) / Opcija+Izbriši (Mac) da ispunite svoj novi dokument bojom prednjeg plana, koja je u ovom slučaju crna:



  Adobe Photoshop tekstualni efekti: Novi dokument sada je ispunjen crnom bojom. Pritisnite 'Alt+Backspace' (Win) / 'Option+Delete' (Mac) da ispunite novi dokument crnom bojom.

Korak 3: Dodajte svoj tekst u dokument

Zgrabi svoju Vrsta alata iz palete Alati ili pritisnite T da biste mu brzo pristupili tipkovničkim prečacem:

  Adobe Photoshop Text Effects: Odabir alata Type iz palete Tools. Odaberite alat Type iz Photoshopove palete alata.

Zatim, s odabranim alatom Type, idite gore do Traka s opcijama na vrhu zaslona i odaberite svoj font. Za svoj ću koristiti Helveticu Rounded Black. Možete odabrati koji god font želite od onih koje ste instalirali na svom sustavu. Veći, deblji font najbolje funkcionira za ovaj učinak:

  Adobe Photoshop tekstualni efekti: Odabir fonta u traci s opcijama. Odaberite svoj font na traci s opcijama.

Pritisnite slovo x na tipkovnici da biste zamijenili boje prednjeg i pozadinskog plana, dakle bijela postaje vaša boja prednjeg plana. Odabrat ćemo bolju boju za naš tekst pomoću stilova slojeva, ali za sada će bijela biti sasvim u redu. Zatim, s odabranim fontom i bijelom bojom prednjeg plana, kliknite unutar dokumenta i dodajte tekst. Napisat ću riječ 'plastika':



  Adobe Photoshop tekstualni efekti: upisivanje riječi'plastic' into the document. Kliknite unutar vašeg Photoshop dokumenta i dodajte svoj tekst.

Promijenite veličinu teksta prema potrebi koristeći Photoshop Slobodna transformacija naredba pritiskom Ctrl+T (pobjeda) / Command+T (Mac), koji otvara okvir Slobodna transformacija i obrađuje vaš tekst. Drži dolje Shift da biste ograničili proporcije teksta i povucite bilo koju kutnu ručicu da biste promijenili veličinu teksta. Drži dolje Sve (pobjeda) / Opcija (Mac), kao i povlačenjem kako biste prisilili tekst da promijeni veličinu od središnje točke. Pritisnite Unesi (pobjeda) / Povratak (Mac) kada ste zadovoljni veličinom svog teksta da prihvatite promjenu.

Korak 4: Odaberite boju za svoj tekst pomoću stila sloja 'Color Overlay'.

Sada kada smo tekst dodali u dokument, počet ćemo stvarati naš 'plastični' efekt, a prva stvar koju ćemo učiniti je odabrati bolju boju za njega. S odabranim slojem teksta kliknite na Stilovi slojeva ikona na dnu palete slojeva:

  Adobe Photoshop tekstualni efekti: Klikom na'Layer Styles' icon at the bottom of the Layers palette. Kliknite na ikonu 'Stilovi slojeva' na dnu palete slojeva.

Odaberite Prekrivanje boja s popisa stilova slojeva koji se pojavi:



  Adobe Photoshop tekstualni efekti: odabir'Color Overlay' layer style. Odaberite stil sloja 'Color Overlay'.

Ovo otvara dijaloški okvir Stil sloja postavljen na opcije 'Prekrivanje boja' u srednjem stupcu. Klikni na uzorak boje desno od opcija 'Blend Mode' za odabir nove boje za vaš tekst:

  Tekstualni efekti Adobe Photoshopa: Klikom na uzorak boje za Color Overlay. Kliknite na uzorak boje kako biste odabrali novu boju za tekst.

Ovo dovodi do Photoshopa Birač boja . Za boju teksta odabrat ću svijetloplavu. Slobodno odaberite koju god boju želite, ali pokušajte odabrati svjetliju nijansu boje:



  Adobe Photoshop tekstualni efekti: Photoshop's Color Picker. Odaberite boju za svoj tekst koristeći Photoshopov alat za odabir boja.

Kliknite U redu kada odaberete svoju boju da biste izašli iz alata za odabir boja. Vaš tekst će se sada pojaviti u odabranoj boji u dokumentu:

  Adobe Photoshop tekstualni efekti: Boja teksta je promijenjena u plavu. Tekst se sada pojavljuje u boji koju ste odabrali.

Moram napomenuti da nismo stvarno promijenio je boju teksta ovdje, iako se sada pojavljuje u drugoj boji. Tehnički, tekst je još uvijek bijel. Jednostavno smo prekriveno novu boju na njega pomoću stila sloja Color Overlay. Kad bismo isključili stilove slojeva, što nećemo, ali kad bismo to učinili, tekst bi opet bio bijel.

Korak 5: Dodajte unutarnju sjenu tekstu koristeći stil sloja 'Unutarnji sjaj'.

Zatim ćemo našem tekstu dati više trodimenzionalnog izgleda dodavanjem unutarnje sjene. Sada, tamo je stvarni stil sloja 'Unutarnja sjena', ali ga nećemo koristiti jer je ograničen na davanje usmjerene sjene. Želimo da se tekst čini okružen sjenom, tako da umjesto upotrebe gotove unutarnje sjene koju nam daje Photoshop, stvorit ćemo vlastiti stil sloja Unutarnje sjene pretvaranjem Unutrašnji sjaj stil u sjenu.



Da biste to učinili, kliknite na riječi Unutrašnji sjaj na popisu stilova slojeva na lijevoj strani dijaloškog okvira stil slojeva. Pazite da kliknete izravno na riječi. Nemojte jednostavno kliknuti unutar potvrdnog okvira jer sve što ćete učiniti jest uključiti efekt. Želimo pristup opcijama efekta, a za to morate kliknuti na sam naziv:

  Adobe Photoshop tekstualni efekti: klikanje riječi'Inner Glow' in the list of Layer Styles. Kliknite na riječi 'Inner Glow' na lijevoj strani dijaloškog okvira Layer Style.

Srednji stupac dijaloškog okvira Stil sloja promijenit će se i prikazati opcije 'Unutarnji sjaj':



  Adobe Photoshop tekstualni efekti: The'Inner Glow' options. Opcije 'Unutarnji sjaj' u dijaloškom okviru Stil sloja.

Kako bismo promijenili 'unutarnji sjaj' u 'unutarnju sjenu', sve što trebamo učiniti je promijeniti Način miješanja na vrhu. Kliknite na strelicu usmjerenu prema dolje desno od riječi 'Zaslon' i promijenite način stapanja u Pomnožiti . Naš sjaj je sada sjena, ili će barem biti sjena kada za nju odaberemo tamniju boju. Zadana žuta neće dobro funkcionirati kao sjena, pa kliknite na uzorak boje izravno ispod riječi 'Buka', što će vratiti Photoshopov alat za odabir boja i odaberite mnogo tamniju verziju boje koju ste odabrali za tekst. Za tekst sam odabrao svijetloplavu, pa ću za sjenu odabrati tamnoplavu. Spustite Neprozirnost od sjene okolo pedeset% tako da nije tako intenzivno. Budi siguran Rub odabran je za Izvor , i na kraju, povećajte Veličina od sjene do oko 13 piksela .

Vaš će tekst sada izgledati otprilike ovako:

  Adobe Photoshop tekstualni efekti: Tekst nakon primjene unutarnje sjene. Tekst nakon nanošenja unutarnje sjene.

Korak 6: Primijenite stil sloja 'Bevel and Emboss'.

Zatim ćemo dodati efekt 'Bevel and Emboss' našem tekstu, pa kliknite izravno na riječi Kosina i reljef na popisu stilova slojeva na lijevoj strani dijaloškog okvira stil slojeva. Opet, pazite da kliknete izravno na riječi, a ne samo unutar potvrdnog okvira:

  Adobe Photoshop Tekstualni efekti: Klikom na riječi'Bevel and Emboss' in the Layer Style dialog box. Kliknite na riječi 'Bevel and Emboss' na lijevoj strani dijaloškog okvira Layer Style.

Srednji stupac dijaloškog okvira Stil sloja promijenit će se u opcije Bevel i Emboss. Prva stvar koju ovdje želimo učiniti je učitati novu 'Gloss Contour', pa idite dolje do mjesta gdje piše 'Gloss Contour' u opcijama 'Shading' i kliknite na strelicu prema dolje desno od minijature pregleda konture. :

  Adobe Photoshop tekstualni efekti: Klikom na strelicu usmjerenu prema dolje pored minijature pregleda Contour. Kliknite strelicu prema dolje s desne strane minijature pregleda konture.

Zatim kliknite na desnu strelicu u gornjem desnom kutu okvira za odabir konture koji će se pojaviti:

  Adobe Photoshop tekstualni efekti: Klikom na strelicu koja pokazuje desno u gornjem desnom kutu okvira za odabir konture. Kliknite na desnu strelicu u gornjem desnom kutu okvira za odabir konture.

Zatim odaberite Konture na dnu popisa koji se pojavljuje za učitavanje novog skupa kontura koje nam prema zadanim postavkama nisu dostupne:

  Adobe Photoshop tekstualni efekti: odabir'Contours' from the bottom of the list. Odaberite 'Konture' za učitavanje novog skupa kontura.

Photoshop će vas pitati želite li originalne konture zamijeniti ovim novima ili jednostavno dodati nove na dno popisa. Kliknite na Dodati :

  Adobe Photoshop Tekstualni efekti: Klikom na'Append' to append the new contours to the bottom of the original ones. Kliknite 'Dodaj' za dodavanje novih kontura na dno izvornih.

Vidjet ćete nove konture dodane na dno izvornika. Da bi nam stvari bile jednostavnije, umjesto da ja pokušavam opisati oblik konture koju treba kliknuti, kliknite još jednom na onu desnu strelicu u gornjem desnom kutu i odaberite Veliki popis iz opcija tako da možemo vidjeti i minijaturni pregled konture i naziv konture pored svake minijature:

  Adobe Photoshop Tekstualni efekti: Klikom na'Large List' from the options. Odaberite 'Veliki popis' iz opcija kako biste vidjeli sličice pregleda kontura i nazive svake konture.

Sada kada možemo vidjeti stvarne nazive svake konture, pomičite se niz popis dok ne dođete do one koja je imenovana Prsten-trostruki i dvaput kliknite na njega da biste ga odabrali:

  Adobe Photoshop tekstualni efekti: odabir'Ring-Triple' contour. Dvaput kliknite na konturu 'Ring-Triple' kako biste je odabrali.

S odabranom konturom 'Ring-Triple', promijenimo ostale opcije Bevel i Emboss:

  Adobe Photoshop tekstualni efekti: opcije Bevel i Emboss. Promijenite opcije Bevel i Emboss zaokružene crvenom bojom.

Ovo su postavke koje sam koristio za svoj tekst. Možda ćete ih morati malo promijeniti ovisno o fontu koji koristite i veličini teksta. Počevši od vrha i spuštajući se prema dolje, povećajte Dubina okolo 131% i Veličina okolo 18 piksela . U opcijama 'Sjenčanje' postavite Kut do 120° ako već nije, i postavite Visina do 60° . Budi siguran Anti-alias je provjereno pored minijature pregleda konture. Povećajte Označite način neprozirnosti sve do 100% , i na kraju, smanjite Neprozirnost načina sjene do 0% .

Vaš bi tekst sada trebao izgledati otprilike ovako:

  Adobe Photoshop tekstualni efekti: Tekst nakon primjene stila sloja Bevel and Emboss. Tekst nakon primjene stila sloja Bevel and Emboss.

Korak 7: Primijenite stil sloja 'Contour'.

Kliknite na riječ Kontura s lijeve strane dijaloškog okvira Stil sloja. Nalazi se neposredno ispod riječi 'Bevel and Emboss':

  Adobe Photoshop Tekstualni efekti: Klikom na riječ'Contour' in the Layer Style dialog box. Kliknite na riječ 'Contour' na lijevoj strani dijaloškog okvira Layer Style.

Srednji stupac dijaloškog okvira Stil sloja promijenit će se u opcije Konture. Koristit ćemo drugu konturu od onih koje smo maloprije učitali. Kliknite strelicu usmjerenu prema dolje desno od minijature pregleda obrisa:

  Adobe Photoshop tekstualni efekti: Klikom na strelicu usmjerenu prema dolje pored minijature pregleda Contour. Kliknite strelicu prema dolje s desne strane minijature pregleda konture.

Ovaj put se pomičite niz popis sve dok ne dođete do navedenog Plitka padina-dolina . Dvaput kliknite na njega da biste ga odabrali:

  Adobe Photoshop tekstualni efekti: odabir'Shallow Slope-Valley' contour. Pomaknite se niz popis do konture 'Plitka padina-dolina' i dvaput kliknite da je odaberete.

Možete fino podesiti 'sjajni' efekt po vlastitoj želji povlačenjem Raspon klizajte lijevo ili desno dok ne budete zadovoljni rezultatima. Ja ću svoj povući udesno i povećati raspon na oko 85%:

  Adobe Photoshop tekstualni efekti: Povećanje vrijednosti radijusa konture na 85%. Fino podesite učinak podešavanjem vrijednosti 'Raspon'.

Evo mog teksta nakon dodavanja stila sloja Contour:

  Adobe Photoshop tekstualni efekti: Tekst nakon primjene stila sloja Contour. Tekst nakon primjene stila sloja Contour.

Pritisnite OK da biste za sada izašli iz dijaloškog okvira Stil sloja.

Korak 8: Duplicirajte tekstualni sloj

Pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za dupliciranje tekstualnog sloja, tako da ćete sada imati dva tekstualna sloja u paleti Slojevi:

  Adobe Photoshop tekstualni efekti: paleta slojeva sada prikazuje dva sloja teksta. Duplicirajte tekstualni sloj.

Zatim kliknite na izvorni tekstualni sloj u paleti Slojevi da biste ga odabrali, tako da ponovno radimo na originalu, a ne na dupliciranom tekstualnom sloju iznad njega:

  Tekstualni efekti Adobe Photoshopa: Klikom na izvorni sloj teksta u paleti slojeva ponovno ga odaberite. Kliknite izvorni sloj teksta da biste ga ponovno odabrali.

Korak 9: Dodajte potez tekstu

S ponovno odabranim izvornim tekstualnim slojem kliknite još jednom na Stil sloja ikonu na dnu palete slojeva i ovaj put odaberite Moždani udar na dnu liste:

  Adobe Photoshop tekstualni efekti: odabir'Stroke' from the list of Layer Styles. Odaberite 'Stroke' s popisa stilova slojeva.

Ponovno će se pojaviti dijaloški okvir Stil sloja, s opcijama poteza u srednjem stupcu. Prvo, povećajte hod Veličina do otprilike 6 piksela :

  Adobe Photoshop tekstualni efekti: Povećanje veličine poteza na 6 piksela. Povucite klizač za povećanje veličine poteza.

Zatim kliknite na udarac uzorak boje za odabir nove boje za potez:

  Adobe Photoshop tekstualni efekti: Klikom na uzorak boje. Kliknite na uzorak boje u opcijama Potez.

Ponovno se pojavljuje Photoshopov birač boja. Umjesto da odaberete boju izravno u alatu za odabir boja, prijeđite mišem preko teksta. Vidjet ćete kako se pokazivač miša mijenja u Ikona kapaljke . Kliknite blizu ruba jednog od slova da biste isprobali nijansu boje koja je otprilike na sredini između najsvjetlije i najtamnije boje u tekstu:

  Adobe Photoshop tekstualni efekti: Uzorkovanje boje iz teksta. Uzmite uzorak boje iz teksta koja je otprilike na sredini između najsvjetlije i najtamnije boje teksta.

Kliknite OK za izlazak iz Birača boja kada završite.

Korak 10: Primijenite stil 'koso i reljefno' na potez

Vratite se na opcije 'Bevel and Emboss' klikom na riječi Kosina i reljef lijevo od dijaloškog okvira Stil sloja:

  Adobe Photoshop Tekstualni efekti: Klikom na riječi'Bevel and Emboss' in the Layer Style dialog box. Kliknite na riječi 'Bevel and Emboss' kako biste ponovno pristupili opcijama Bevel and Emboss.

Dijaloški okvir Stil sloja promijenit će se kako bi ponovno prikazao opcije Bevel i Emboss u srednjem stupcu. Želimo primijeniti Bevel and Emboss stil na sam potez, pa da to učinimo, kliknite na strelicu koja pokazuje prema dolje desno od riječi 'Inner Bevel' i promijenite Stil do Stroke Emboss :

  Adobe Photoshop tekstualni efekti: Promjena stila u'Stroke Emboss'. Promijenite Bevel and Emboss 'Style' u 'Stroke Emboss'.

Skoro smo gotovi. Vratite se dolje na opciju 'Gloss Contour' i još jednom kliknite na strelicu koja pokazuje prema dolje desno od minijature pregleda konture. Ovaj put se pomičite niz popis sve dok ne dođete do navedenog Plitka padina-dolina . Dvaput kliknite na njega da biste ga odabrali:

  Adobe Photoshop tekstualni efekti: odabir'Shallow Slope-Valley' contour. Pomaknite se niz popis do konture 'Plitka padina-dolina' i dvaput kliknite da je odaberete.

Dok ste dolje na dnu opcija Bevel i Emboss, povećajte Neprozirnost načina sjene do otprilike 40% :

  Adobe Photoshop tekstualni efekti: Povećanje vrijednosti neprozirnosti načina sjene na 40%. Povećajte neprozirnost načina sjene na 40%.

Na kraju se vratite na vrh i spustite Dubina vrijednost do oko 41% , zatim povećajte Veličina povlačenjem klizača udesno dok ne vidite kako se potezi slova spajaju. Ja sam svoj povećao na 24 piksela Kliknite OK kada budete zadovoljni rezultatima za izlazak iz dijaloškog okvira Stil sloja i gotovi ste! Evo konačnog efekta 'plastičnog teksta':

  Adobe Photoshop tekstualni efekti: finale'plastic text' effect. Konačni rezultat.

Kamo dalje...