Efekt metalnog teksta u Photoshopu

Napisao Steve Patterson.

U ovom Vodič za tekstualne efekte u Photoshopu , naučit ćemo kako jednostavno stvarati metalni tekst , popularan efekt koji se široko koristi u video igrama i filmskim posterima! Možda se čini da je uključeno mnogo koraka, ali nakon što to učinite nekoliko puta, stvaranje efekta neće vam trebati više od nekoliko minuta od početka do kraja. Kako bismo stvorili samu metalnu teksturu i primijenili je na tekst, koristit ćemo nekoliko stilova slojeva, neke filtere, načine stapanja slojeva i masku za izrezivanje! Koristit ću Photoshop CS5 za ovaj vodič, ali bilo koja novija verzija Photoshopa će raditi.



Evo konačnog rezultata koji ćemo stvoriti:



  Photoshop efekt metalnog teksta. Slika © 2010 Photoshop Essentials.com. Konačni efekt 'metalnog teksta'.

Započnimo!

Korak 1: Stvorite novi dokument

Stvorite novi Photoshop dokument tako da odete do Datoteka izbornika u traci izbornika na vrhu zaslona i odabirom Novi , ili pritisnite Ctrl+N (pobjeda) / Command+N (Mac) na tipkovnici za brži prečac:

  Idite na File > New. Slika © 2010 Photoshop Essentials.com. Idite na File > New.

Htjet ćete izraditi dokument koji je malo veći nego što trebate, iz razloga koje ćemo vidjeti za trenutak. Napravit ću svoj dokument širine 1200 piksela i visine 600 piksela, a rezoluciju ću ostaviti na zadanih 72 piksela/inču. Iste te postavke možete koristiti za praćenje ili unos vlastitih vrijednosti. Postavite opciju Background Contents na White za sada, iako ćemo je promijeniti u sljedećem koraku. Kliknite OK kada ste gotovi. Vaš novi dokument pojavit će se na ekranu:



  Dijaloški okvir Novi dokument u Photoshopu. Slika © 2010 Photoshop Essentials.com. Dijaloški okvir Novi dokument.

Korak 2: Ispunite pozadinu crnom bojom

Pritisnite slovo D na tipkovnici za brzo resetiranje Photoshopa Boje prednjeg plana i pozadine na njihove zadane vrijednosti ako je potrebno, što će postaviti vašu boju prednjeg plana na crno . Zatim pritisnite Alt+Backspace (pobjeda) / Opcija+Izbriši (Mac) za brzo ispunjavanje dokumenta trenutnom bojom prednjeg plana (crna):

  Novi Photoshop dokument sada je ispunjen crnom bojom. Slika © 2010 Photoshop Essentials.com. Dokument je sada ispunjen crnom bojom.

Korak 3: Dodajte novi prazan sloj

Klikni na Novi sloj ikona na dnu ploče slojeva:

  Ikona Novi sloj na ploči Slojevi u Photoshopu. Slika © 2010 Photoshop Essentials.com. Kliknite na ikonu New Layer (druga ikona s desne strane).

Photoshop dodaje novi prazan sloj pod nazivom 'Layer 1' iznad pozadinskog sloja:



  Ikona Novi sloj na ploči Slojevi. Slika © 2010 Photoshop Essentials.com. Novi sloj se pojavljuje iznad pozadinskog sloja.

Korak 4: Ispunite novi sloj svjetlosivom

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

  Odabir naredbe Fill u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Uredi > Ispuni.

Kada se pojavi dijaloški okvir Ispuni, kliknite na padajući okvir s desne strane riječi Koristiti i odaberite Boja s popisa opcija:

  Dijaloški okvir naredbe Fill u Photoshopu. Slika © 2010 Photoshop Essentials.com. Odaberite Boja za opciju Koristi na vrhu dijaloškog okvira Ispuna.

Čim odaberete Boja, Photoshop će otvoriti iskočiti Birač boja tako da možete odabrati boju kojom želite ispuniti sloj. Odaberite svijetlo sivu. Ako želite koristiti točnu nijansu sive koju ja koristim, unesite 195 za R , G i B opcije:



  Birač boja u Photoshopu. Slika © 2010 Photoshop Essentials.com. Odaberite svijetlo sivu iz alata za odabir boja.

Pritisnite U redu kada završite da izađete iz alata za odabir boja, zatim kliknite U redu da izađete iz dijaloškog okvira Ispuna. Photoshop ispunjava sloj sivom bojom, privremeno skrivajući od pogleda crni sloj pozadine:

  Sloj je sada ispunjen sivom bojom. Slika © 2010 Photoshop Essentials.com. Dokument se sada pojavljuje ispunjen sivom bojom.

Korak 5: Dodajte šum

Idi gore do filtar izbornik na vrhu zaslona, ​​odaberite Buka , a zatim odaberite Dodaj zvuk :



  Odabirom naredbe Add Noise u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Filter > Noise > Add Noise.

Kada se pojavi dijaloški okvir Dodaj šum, dodajte puno šuma na sliku postavljanjem Iznos okolo 150% . Provjerite je li Gaussov i Monokromatski opcije su odabrane na dnu dijaloškog okvira:

  Opcije filtra Add Noise u Photoshopu. Slika © 2010 Photoshop Essentials.com. Opcije filtra Dodaj buku.

Pritisnite U redu kada završite da biste izašli iz dijaloškog okvira. Dokument bi sada trebao biti ispunjen šumom:

  Photoshop dokument ispunjen šumom. Slika © 2010 Photoshop Essentials.com. Dokument nakon primjene filtra Add Noise.

Korak 6: Primijenite filtar Motion Blur

Iskoristit ćemo svu ovu buku da stvorimo prvi dio naše metalne teksture. Vratite se do filtar izbornik, odaberite Zamutiti , a zatim odaberite Motion Blur :



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

Kada se pojavi dijaloški okvir Motion Blur, postavite Kut od zamućenja okolo -10° , zatim povećajte Udaljenost okolo 200 piksela :

  Photoshop Motion Blur filter. Slika © 2010 Photoshop Essentials.com. Postavite kut na -10° i povećajte udaljenost na oko 200 piksela.

Pritisnite U redu kada završite da biste zatvorili dijaloški okvir. Zamućivanje buke stvorilo je efekt brušenog metala:



  Šum je sada zamućen. Slika © 2010 Photoshop Essentials.com. Slika nakon primjene Motion Blur na šum.

Korak 7: Izrežite rubove

Još u 1. koraku, spomenuo sam da bi vaš dokument trebao biti malo veći nego što vam je potrebno. Razlog je taj što filtar Motion Blur ima problema s zamućivanjem piksela oko rubova dokumenta, što sada možemo jasno vidjeti u vlastitom dokumentu. Izrežimo ta neželjena područja. Odaberite Photoshop's Alat za izrezivanje na ploči Alati ili pritisnite slovo C da biste ga odabrali tipkovničkim prečacem:

  Photoshop's Crop Tool. Image © 2010 Photoshop Essentials.com. Odaberite Crop Tool.

S odabranim alatom za izrezivanje kliknite u gornji lijevi kut područja dobre teksture, zatim držite tipku miša pritisnutom i povucite u donji desni kut područja dobre teksture. Otpustite tipku miša da vidite pregled područja koje ćete zadržati (tamno područje oko rubova bit će odrezano):

  Povlačenje odabira izrezivanja pomoću alata za izrezivanje. Slika © 2010 Photoshop Essentials.com. Povucite odabir obreza oko područja koje želite zadržati.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kako bi Photoshop izrezao neželjene rubove. Sada ostaje samo dobra tekstura:

  Izrezana slika. Slika © 2010 Photoshop Essentials.com. Slika nakon obrezivanja rubova.

Korak 8: Dodajte svoj tekst

Odaberite Vrsta alata na ploči Alati ili pritisnite slovo T da biste ga odabrali tipkovničkim prečacem:

  Photoshop's Type Tool. Image © 2010 Photoshop Essentials.com. Odaberite Type Tool.

Uz odabrani alat Type, odaberite svoj font na traci s opcijama na vrhu zaslona. Za najbolje rezultate s ovim efektom koristite font s debelim slovima. Koristit ću Arial Black:

  Opcije tipa na traci s opcijama. Slika © 2010 Photoshop Essentials.com. Opcije fonta na traci s opcijama.

Nakon što odaberete font, kliknite unutar dokumenta i dodajte svoj tekst. Napisat ću riječ 'METAL':

  Dodavanje teksta u Photoshop dokument. Slika © 2010 Photoshop Essentials.com. Dodajte svoj tekst.

Kada završite, kliknite na Kvačica na traci s opcijama za prihvaćanje teksta:

  Klikom na kvačicu prihvaćate tekst. Slika © 2010 Photoshop Essentials.com. Pritisnite kvačicu za izlaz iz načina za uređivanje teksta.

Korak 9: Promijenite veličinu teksta pomoću slobodne transformacije

Vaš će tekst u ovom trenutku najvjerojatnije biti premali (kao i moj), pa idite gore do Uredi izbornik i odaberite Slobodna transformacija , ili pritisnite Ctrl+T (pobjeda) / Command+T (Mac) da biste odabrali Free Transform pomoću tipkovničkog prečaca:

  Odabirom Free Transform iz izbornika Edit u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Edit > Free Transform.

Ovo postavlja okvir Slobodna transformacija i ručke oko teksta. Za promjenu veličine teksta, držite pritisnutu tipku Shift tipku i povucite bilo koju od četiri kutne ručke (kvadratići). Držanje tipke Shift pritisnuto dok povlačite ograničava omjer širine i visine teksta tako da ne narušite njegov ukupni oblik. Da biste premjestili tekst, kliknite bilo gdje unutar graničnog okvira i jednostavno ga povucite mišem. Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje promjena i izlazak iz Free Transform:

  Premještanje i promjena veličine teksta uz slobodnu transformaciju. Slika © 2010 Photoshop Essentials.com. Premjestite i promijenite veličinu teksta prema potrebi.

Korak 10: Premjestite sloj teksta ispod sloja teksture

Kliknite na sloj teksta na ploči Slojevi i dok još uvijek držite tipku miša, povucite sloj između sloja sive teksture (Sloj 1) i Pozadinskog sloja. Kada vidite da se između ta dva sloja pojavljuje istaknuta traka, otpustite tipku miša i Photoshop će postaviti tekstualni sloj na mjesto:

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

Korak 11: Napravite Clipping Mask

Pritisnite sloj 1 na ploči slojeva da biste ga odabrali. Zatim idite gore do Sloj izbornik i odaberite Napravite Clipping Mask :

  Naredba Create Clipping Mask u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Layer > Create Clipping Mask.

Sloj 1 postat će uvučen udesno na ploči Slojevi, što znači da je sada 'izrezan' na tekstualni sloj ispod njega:

  Sloj 1 sada je ošišan na tekstualni sloj. Slika © 2010 Photoshop Essentials.com. Ploča Slojevi sada prikazuje sloj 1 odrezan na sloj teksta.

Ako pogledamo u prozor dokumenta, vidimo da se siva tekstura sada pojavljuje samo unutar teksta:

  Metalna tekstura sada se pojavljuje samo unutar teksta. Slika © 2010 Photoshop Essentials.com. Crno iz pozadinskog sloja sada je vidljivo oko teksta.

Korak 12: Dodajte stil sloja Bevel and Emboss

Kliknite sloj teksta na ploči Slojevi da biste ga odabrali. Zatim kliknite na Stilovi slojeva ikona na dnu ploče slojeva:

  Ikona stilova slojeva na ploči slojeva u Photoshopu. Slika © 2010 Photoshop Essentials.com. Pritisnite ikonu stilova slojeva.

Odaberite Kosina i reljef s popisa stilova slojeva koji se pojavi:

  Stil sloja Bevel and Emboss. Slika © 2010 Photoshop Essentials.com. Odaberite Bevel and Emboss.

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije Bevel i Emboss u srednjem stupcu. Prvo promijenite Tehnika do Dlijeto tvrdo , zatim povećajte Veličina okolo 7 px . Povucite Dubina klizač udesno za povećanje na oko 500% :

  Opcije Bevel i Emboss u dijaloškom okviru Layer Style. Slika © 2010 Photoshop Essentials.com. Opcije Bevel i Emboss.

U odjeljku Sjenčanje opcija kliknite na Gloss Contour sličica:

  Sličica Gloss Contour. Slika © 2010 Photoshop Essentials.com. Pritisnite minijaturu Gloss Contour.

Ovo otvara Uređivač kontura . Klikni na Unaprijed postavljeno padajući okvir na vrhu dijaloškog okvira i odaberite Prsten s popisa:

  Uređivač kontura. Slika © 2010 Photoshop Essentials.com. Odaberite unaprijed postavljenu postavku zvona.

Pritisnite OK za izlaz iz uređivača kontura. Zatim, vratite se u glavni dijaloški okvir Stil sloja, odaberite Anti-alias opcija s desne strane minijature Gloss Contour:

  Opcija Anti-aliased. Slika © 2010 Photoshop Essentials.com. Odaberite opciju Anti-aliased.

Još nemojte zatvoriti dijaloški okvir Stil sloja. Imamo još jednu za dodati, ali vaš bi tekst sada trebao izgledati ovako:

  Metalni tekst s apliciranim Bevel i Emboss. Slika © 2010 Photoshop Essentials.com. Tekst nakon primjene stila sloja Bevel and Emboss.

Korak 13: Dodajte stil sloja sloja Gradient Overlay

Kliknite izravno na riječi Gradijentni sloj u lijevom stupcu dijaloškog okvira Stil sloja. Morate kliknuti izravno na same riječi, a ne samo na potvrdni okvir, da bi se pojavile opcije Gradient Overlay:

  Odabir stila sloja Gradient Overlay. Slika © 2010 Photoshop Essentials.com. Kliknite na riječi Gradient Overlay.

Srednji stupac dijaloškog okvira Stil sloja promijenit će se kako bi prikazao opcije za preklapanje s gradijentom. Prema zadanim postavkama, Photoshop odabire gradijent na temelju trenutnih boja prednjeg plana i pozadine (crna i bijela), ali ako je odabran neki drugi gradijent, kliknite na traka za pregled gradijenta :

  Traka pregleda gradijenta. Slika © 2010 Photoshop Essentials.com. Kliknite na traku pregleda gradijenta samo ako je odabrano nešto drugo osim crno-bijelog gradijenta.

Zatim kliknite na Iz prvog plana u pozadinu minijatura gradijenta (gore lijevo) u Gradient Editor da ga odaberete:

  Photoshop Gradient Editor. Slika © 2010 Photoshop Essentials.com. Odaberite gradijent od prednjeg plana do pozadine.

Pritisnite OK da biste zatvorili uređivač gradijenata. Vratite se u glavni dijaloški okvir Stil sloja, promijenite Način miješanja do Prekrivanje , zatim spustite Neprozirnost okolo 70% . Ovo će metalu dodati početni svjetlosni učinak:

  Opcije stila sloja Gradient Overlay. Slika © 2010 Photoshop Essentials.com. Mogućnosti Gradient Overlay.

Kliknite OK za izlaz iz dijaloškog okvira Stil sloja. Evo efekta s dodanim stilovima slojeva:

  Efekt metalnog teksta nakon primjene stilova slojeva. Slika © 2010 Photoshop Essentials.com. Učinak nakon primjene stilova slojeva.

Korak 14: Dodajte novi skup slojeva u način miješanja preklapanja

Pritisnite sloj 1 na ploči slojeva da biste ga odabrali. Držite svoje Sve (pobjeda) / Opcija (Mac) i kliknite na Novi sloj ikona na dnu ploče slojeva:

  Klikom na ikonu New Layer. Slika © 2010 Photoshop Essentials.com. Držite Alt (Win) / Option (Mac) i kliknite ikonu New Layer.

Ovo govori Photoshopu da otvori dijaloški okvir New Layer gdje možemo postaviti neke opcije prije dodavanja novog sloja. Kliknite unutar potvrdnog okvira lijevo od mjesta gdje piše Upotrijebite prethodni sloj za stvaranje Clipping maske za odabir opcije, zatim promijenite Način rada (skraćenica za Blend Mode) do Prekrivanje . Pritisnite U redu kada završite da biste zatvorili dijaloški okvir. Novi prazan sloj pod nazivom 'Layer 2', postavljen na Overlay način stapanja, pojavit će se iznad sloja 1 na ploči slojeva. Kao i sloj 1, bit će izrezan na tekstualni sloj ispod njega:

  Dijaloški okvir Photoshop New Layer. Slika © 2010 Photoshop Essentials.com. Dijaloški okvir Novi sloj.

Korak 15: Primijenite filtar oblaka

Dodajmo nekoliko nasumičnih svjetla i sjena metalnom efektu. Za to ćemo koristiti Photoshopov filtar Clouds, zajedno s načinom stapanja Overlay na koji smo već postavili sloj. Idi gore do filtar izbornik na vrhu zaslona, ​​odaberite Render , a zatim odaberite Oblaci :

  Odabir filtera Oblaci u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Filter > Render > Clouds.

'Oblaci' stvaraju mnogo svijetlih i tamnih područja:

  Efekt metalnog teksta nakon primjene filtra Oblaci. Slika © 2010 Photoshop Essentials.com. Slika nakon primjene filtera Oblaci.

Korak 16: Primijenite filtar Gaussian Blur

Oblake je potrebno malo izravnati kako bi izgledali više poput svjetla i sjena. To ćemo učiniti tako da ih zamutimo. Idi gore do filtar izbornik, odaberite Zamutiti , a zatim odaberite Gaussovo zamućenje :

  Odabir Photoshopa's Gaussian Blur filter. Image © 2010 Photoshop Essentials.com. Idite na Filter > Blur > Gaussian Blur.

Kada se pojavi dijaloški okvir Gaussian Blur, povucite klizač duž dna prema desno da povećate Radius vrijednost za oko 10 piksela :

  Dijaloški okvir Gaussian Blur u Photoshopu. Slika © 2010 Photoshop Essentials.com. Postavite radijus na oko 10 piksela.

Evo slike nakon zamućivanja oblaka:

  Slika nakon zamućivanja oblaka. Slika © 2010 Photoshop Essentials.com. Efekt oblaka sada više liči na suptilni svjetlosni efekt.

Korak 17: Dodajte novi skup slojeva u Multiply Blend Mode

Još jednom držite Sve (pobjeda) / Opcija (Mac) i kliknite na Novi sloj ikonu na dnu ploče Slojevi da biste otvorili dijaloški okvir Novi sloj. Odaberite Upotrijebite prethodni sloj za stvaranje Clipping maske opciju klikom unutar njezinog potvrdnog okvira, a zatim promijenite Način rada do Pomnožiti . Na kraju odaberite Ispuni višestruko neutralnom bojom (bijela) opciju na dnu dijaloškog okvira. Kliknite OK kada završite da biste ga zatvorili i dodali novi sloj:

  Dodavanje novog sloja. Slika © 2010 Photoshop Essentials.com. Dodajte još jedan novi sloj, ovaj put postavljen na Multiply.

Korak 18: Dodajte šum

Pojačajmo naš metalni efekt dodajući mu malo prljavštine i ogrebotina. Idi gore do filtar izbornik, odaberite Buka , zatim odaberite Dodaj zvuk . Pojavit će se dijaloški okvir Add Noise s istim postavkama koje smo prethodno koristili. Ne morate ih mijenjati, pa samo kliknite OK za izlaz iz dijaloškog okvira. Tekst je sada ispunjen šumom, a budući da je način stapanja sloja postavljen na Množenje, vidljive su samo tamne mrlje šuma:

  Novi sloj je ispunjen šumom. Slika © 2010 Photoshop Essentials.com. Način stapanja Multiply skriva bijele dijelove od pogleda, tako da su vidljive samo tamne mrlje šuma.

Korak 19: Primijenite filtar medijana

Da biste buku pretvorili u nešto što izgleda kao prljavština ili ogrebotine, vratite se na filtar izbornik, odaberite Buka još jednom, a zatim odaberite Medijan :

  Odabir filtra Median u Photoshopu. Slika © 2010 Photoshop Essentials.com. Idite na Filter > Noise > Median.

Srednji filtar dizajniran je za uklanjanje šuma sa slike. Kliknite unutar Radius okvir za unos i upotrijebite Strelica prema gore na tipkovnici kako biste polagano povećali svoju vrijednost dok pritom pazite na svoju sliku u prozoru dokumenta. Kako povećavate vrijednost radijusa, šum će početi nestajati, ostavljajući 'grudice' iza sebe kako bi stvorili naš učinak prljavštine i ogrebotina. Vrijednost od oko 9 piksela treba raditi. Kliknite U redu kada završite da izađete iz dijaloškog okvira:

  Dijaloški okvir srednjeg filtra. Slika © 2010 Photoshop Essentials.com. Povećajte vrijednost polumjera kako biste smanjili šum.

Korak 20: Smanjite neprozirnost sloja

Ako učinak prljavštine i ogrebotina izgleda pretamno, smanjite neprozirnost sloja. Pronaći ćete opciju Opacity u gornjem desnom kutu ploče Slojevi. Ja ću svoj smanjiti na oko 70%:

  Neprozirnost Photoshop sloja. Slika © 2010 Photoshop Essentials.com. Opcija neprozirnosti sloja.

I s tim smo gotovi! Evo konačnog efekta 'metalnog teksta':

  Photoshop efekt metalnog teksta. Slika © 2010 Photoshop Essentials.com. Konačni rezultat 'metalnog teksta'.

Tekst se može uređivati

Jedna od lijepih stvari kod stvaranja ovog metalnog efekta na način na koji mi imamo je da tekst ostaje u potpunosti moguće uređivati, a čak možemo promijeniti font koji koristimo ako nam se ne sviđa onaj s kojim smo započeli! Da biste promijenili font, jednostavno odaberite Alat za upisivanje na ploči Alati, kliknite sloj teksta na ploči Slojevi da biste ga odabrali, a zatim odaberite drugi font na traci s opcijama (možda ćete morati ponovo promijeniti veličinu teksta koristeći slobodnu transformaciju - vidi korak 9). Na primjer, ovdje nisam učinio ništa više od promjene fonta u Trajan Pro Bold:

  Efekt metalnog teksta pomoću Trajan Pro Bold. Slika © 2010 Photoshop Essentials.com. Isti učinak, drugačiji font.

Ovdje sam uredio tekst, promijenivši riječ iz 'METAL' u 'ČELIK'. Ako svoj dokument spremite kao Photoshop .PSD datoteku, možete je ponovno otvoriti kad god poželite i urediti svoj tekst bez potrebe da ponovno stvarate metalnu teksturu:

  Photoshop čelični tekstualni efekt. Slika © 2010 Photoshop Essentials.com. Isti učinak, drugačiji tekst.

[ads-boottom-float-left]

Kamo dalje...