Efekt teksturiranog teksta u Photoshopu

Napisao Steve Patterson.

U ovom vodiču za Photoshop pogledat ćemo kako stvoriti zanimljiv učinak dodavanjem teksture tekstu. Stvaranje efekta ne zahtijeva ništa više od fotografije koja se koristi kao tekstura, maske sloja, jednostavne prilagodbe slike i, naravno, nešto teksta! Učinak najbolje funkcionira kada koristite teksturu koja ima veze s temom vašeg teksta, ali naravno, konačni rezultat ovisi o vama.



Evo primjera učinka na kojem ćemo raditi:



  Tekstualni efekt Photoshop teksture. Slika © 2009 Photoshop Essentials.com. Konačni efekt teksturiranog teksta.

Započnimo!

Korak 1: Izradite novi dokument

Prvo što nam treba je novi dokument za rad. Idite gore do Datoteka izbornik na vrhu zaslona i odaberite Novi , ili 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 vam je potrebna za vaš dokument. Za ovaj vodič, izradit ću dokument širine 800 piksela i visine 600 piksela, a budući da ga ne planiram ispisati, ostavit ću razlučivost postavljenu na 72 piksela po inču. Pritisnite U redu kada završite da biste izašli iz dijaloškog okvira. Novi dokument pojavit će se na vašem ekranu:

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

Korak 2: Ispunite novi dokument crnom bojom

Koristit ću crnu kao pozadinu za svoj tekstualni efekt, što znači da ću morati ispuniti dokument crnom bojom. Da biste to učinili, idite gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite . Ovo dovodi do dijaloškog okvira Fill. Odaberite Crno za Sadržaj opciju na vrhu dijaloškog okvira. Također, provjerite Način miješanja postavljeno je na Normalan i Neprozirnost postavljeno je na 100% (ovo su zadane postavke pa ih vjerojatno nećete morati mijenjati):



  Dijaloški okvir naredbe Fill u Photoshopu. Slika © 2009 Photoshop Essentials.com. Odaberite Black za opciju Contents u dijaloškom okviru Fill.

Kliknite OK za izlaz iz dijaloškog okvira Ispuna. Photoshop ispunjava novi dokument čvrstom crnom bojom:

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

Korak 3: Dodajte svoj tekst

Odaberite Vrsta alata iz palete Alati ili pritisnite slovo T na tipkovnici da biste ga brzo odabrali pomoću prečaca:

  Alat Type u Photoshopu. Slika © 2009 Photoshop Essentials.com. Odaberite Type Tool.

Nakon što ste odabrali Type Tool, Traka s opcijama na vrhu ekrana prikazat će se opcije za rad s tipkom. Odaberite font, veličinu fonta i boju teksta koju želite koristiti, zatim kliknite unutar dokumenta i dodajte svoj tekst. Ako se želite malo uljepšati sa svojim tekstom, u Photoshopu ćete pronaći dodatne opcije za vrstu oblikovanja, kao što su vodeći, kerning, praćenje i pomak osnovne linije Lik paleta kojoj možete brzo pristupiti klikom na Ikona za uključivanje/isključivanje palete znakova i odlomaka na traci opcija:



  Ikona za prebacivanje palete znakova i odlomaka na traci opcija u Photoshopu. Slika © 2009 Photoshop Essentials.com. Kliknite ikonu za uključivanje/isključivanje palete znakova i odlomaka za dodatne mogućnosti oblikovanja tipa.

Koristit ću fotografiju nekih vodenih valova za svoju teksturu, pa ću odabrati plavu boju za svoj tekst i upisati 'ripples in the water' u svoj dokument:

  Tekst je dodan u dokument. Slika © 2009 Photoshop Essentials.com. Kliknite unutar svog dokumenta i dodajte svoj tekst.

Kada završite, kliknite Kvačica na traci s opcijama za prihvaćanje tipa i izlazak iz načina za uređivanje teksta:

  Pritisnite kvačicu za uvrštavanje teksta. Slika © 2009 Photoshop Essentials.com. Pritisnite kvačicu na traci s opcijama da biste potvrdili tekst.

Sav vaš tekst sada bi trebao biti na jednom sloju neposredno iznad pozadinskog sloja u paleti slojeva:



  Sloj s jednim tipom sada se nalazi iznad pozadinskog sloja. Slika © 2009 Photoshop Essentials.com. Sav vaš tekst trebao bi biti na jednom sloju tipa.

Korak 4: Otvorite fotografiju teksture

Otvorite fotografiju koju želite koristiti kao teksturu u efektu. Evo slike koju ću koristiti:

  Kišne kapi stvaraju vodene valove na površini. Slika je licencirana s iStockphoto by Photoshop Essentials.com. Otvorite fotografiju koju ćete koristiti kao teksturu.

Korak 5: Kopirajte fotografiju u međuspremnik

Sliku moramo privremeno kopirati u međuspremnik Photoshopa, što jednostavno znači da je kopiramo u memoriju računala. Idi gore do Odaberi izbornik na vrhu zaslona i odaberite svi , ili pritisnite Ctrl+A (pobjeda) / Command+A (Mac) za brži tipkovnički prečac. U svakom slučaju odabire se cijela slika i vidjet ćete da se obris odabira pojavljuje oko rubova fotografije. Zatim idite gore do Uredi izbornik i odaberite Kopirati , ili pritisnite Ctrl+C (pobjeda) / Command+C (Mac), za kopiranje slike u međuspremnik.



Korak 6: Dodajte masku sloja sloju tipa

Uz fotografiju teksture koja je sada privremeno pohranjena u memoriji, vratite se na izvorni dokument (onaj koji sadrži tekst). Provjerite je li sloj tipa označen plavom bojom u paleti slojeva, što znači da je sloj trenutno odabran. Ako nije odabrano, kliknite na njega da biste ga odabrali. Zatim kliknite na Maska sloja ikona na dnu palete slojeva. Neće izgledati kao da se nešto dogodilo u dokumentu, ali ako ponovno pogledate sloj tipa, vidjet ćete da se sada pojavila minijatura bijele maske sloja:

  Dodavanje maske sloja sloju tipa u Photoshopu. Slika © 2009 Photoshop Essentials.com. Kliknite na ikonu Layer Mask na dnu palete Layers. Sličica maske sloja pojavit će se na sloju tipa.

Korak 7: Zalijepite fotografiju u masku sloja

Zalijepit ćemo našu fotografiju teksture izravno u masku sloja koju smo upravo dodali. Inače, Photoshop nam ne dopušta da zalijepimo sliku u masku sloja, ali evo trika. Držite svoje Sve (pobjeda) / Opcija (Mac), zatim kliknite sličicu maske sloja u paleti slojeva:

  Klikom na sličicu maske sloja u paleti slojeva. Slika © 2009 Photoshop Essentials.com. Držite Alt (Win) / Option (Mac) i kliknite izravno na sličicu maske sloja.

Vidjet ćete kako se prozor vašeg dokumenta puni bijelom bojom. Ono što zapravo vidite je sama maska ​​sloja, što je nešto što inače ne vidimo kada radimo u Photoshopu. Dok je maska ​​sloja sada vidljiva unutar prozora dokumenta, idite gore do Uredi izbornik i odaberite Zalijepiti , ili pritisnite Ctrl+V (pobjeda) / Command+V (Mac) za lijepljenje fotografije teksture u masku sloja. Da biste uklonili obris odabira oko fotografije, idite gore do Odaberi izbornik i odaberite Poništi odabir , ili pritisnite Ctrl+D (pobjeda) / Command+D (Mac). Budući da maske slojeva rade samo s crnom, bijelom i nijansama sive, fotografija teksture će se pojaviti crno-bijela unutar maske sloja:



  Fotografija teksture zalijepljena je u masku sloja. Slika © 2009 Photoshop Essentials.com. Fotografija teksture pojavljuje se crno-bijela unutar maske sloja.

Dok je fotografija sada zalijepljena u masku sloja, još jednom držite Sve (pobjeda) / Opcija (Mac) i kliknite sličicu maske sloja u paleti slojeva:

  Kliknite još jednom na sličicu maske sloja. Slika © 2009 Photoshop Essentials.com. Držite Alt (Win) / Option (Mac) i kliknite još jednom na sličicu maske sloja.

Time izlazimo iz maske sloja i vraćamo se u normalni način prikaza dokumenta. Vidjet ćete fotografiju teksture koja se sada pojavljuje unutar teksta:



  Kliknite još jednom na sličicu maske sloja. Slika © 2009 Photoshop Essentials.com. Fotografija se sada pojavljuje unutar teksta.

Korak 8: Primijenite prilagodbu praga na masku sloja

Kako bi slika unutar teksta izgledala manje kao fotografija, a više kao zanimljiva tekstura, upotrijebit ćemo Photoshop Prag podešavanje slike. Photoshop nam omogućuje da neke (ali ne sve) njegove prilagodbe slike primijenimo izravno na maske slojeva, a prilagodba Threshold jedna je od onih koje možemo koristiti. Prilagodba praga uzima sve boje (ili nijanse sive) na slici i pretvara ih u crnu ili bijelu, uvelike smanjujući količinu detalja na slici.

Trebali biste vidjeti bijeli istaknuti rub koji se pojavljuje oko minijature maske sloja u paleti slojeva. To nam govori da je maska ​​sloja trenutno odabrana. Ako ne vidite istaknutu granicu oko minijature, kliknite na nju da je odaberete. Zatim idite gore do Slika izbornik na vrhu zaslona, ​​odaberite Prilagodbe , a zatim odaberite Prag :

  Odabir podešavanja slike praga u Photoshopu. Slika © 2009 Photoshop Essentials.com. S maskom sloja odabranom u paleti slojeva idite na Image > Adjustments > Threshold.

Ovo dovodi do dijaloškog okvira Threshold i odmah ćete vidjeti promjenu u izgledu vašeg teksta, pri čemu neka područja pune boje ostaju vidljiva, a druga područja sada skrivena od pogleda. Stvarna područja koja su skrivena u potpunosti će ovisiti o fotografiji koju koristite za svoju teksturu:

  Tekst nakon primjene podešavanja praga. Slika © 2009 Photoshop Essentials.com. Područja teksta nestaju iz prikaza čim se odabere podešavanje praga.

Možete kontrolirati koliki utjecaj fotografija teksture ima na tekst povlačenjem malog klizača na dnu dijaloškog okvira Threshold lijevo ili desno. Upamtite, prilagodba praga uzima sve na slici i pretvara je u čvrstu crnu ili čvrstu bijelu boju, a na maski sloja, gdje se nalazi fotografija teksture, bijela područja otkrivaju te dijelove sloja dok područja crne boje skrivaju te dijelove sloja. Kako povlačite klizač prema lijevo, sve će više i više fotografije teksture biti prisiljeno biti bijelo zbog podešavanja praga, što znači da će sve više i više teksta postati vidljivo. Povlačenjem klizača udesno veći će dio fotografije teksture biti crn, što znači da će veći dio teksta biti skriven. Gdje ćete točno povući klizač ovisit će u potpunosti o fotografiji koju koristite za teksturu i efektu koji želite postići, tako da ćete svakako htjeti paziti na tekst dok povlačite klizač sve dok ne ste postigli željeni rezultat. Budući da je moj tekst trenutačno gotovo nečitljiv, povući ću klizač dosta ulijevo kako bih smanjio utjecaj teksture:

  Prilagodba slike praga u Photoshopu. Slika © 2009 Photoshop Essentials.com. Povlačenjem klizača praga ulijevo i udesno utječe na to koliko je teksta skriveno od pogleda.

Budući da je veći dio moje fotografije s teksturom prisiljen biti bijeli, više je teksta sada vidljivo u dokumentu:

  Tekst nakon smanjenja učinaka prilagodbe praga. Slika © 2009 Photoshop Essentials.com. Više teksta sada je vidljivo nakon podešavanja klizača Threshold.

Korak 9: Odvojite vezu maske sloja od tekstualnog sloja

Ako ste zadovoljni rezultatima efekta, možete stati ovdje, ali ako želite promijeniti veličinu fotografije ili je pomicati unutar teksta, kliknite na malu ikona veze između sličice sloja tipa i sličice maske sloja. Ovo će prekinuti vezu maske sloja s tekstom, omogućujući nam da pomičemo našu fotografiju teksture u maski sloja bez pomicanja samog teksta:

  Ikona veze između sličice sloja tipa i sličice maske sloja. Slika © 2009 Photoshop Essentials.com. Kliknite na ikonu poveznice da prekinete vezu teksta s maskom sloja, što vam omogućuje da premjestite jedan bez pomicanja drugog.

Korak 10: Promijenite veličinu i/ili premjestite fotografiju teksture uz slobodnu transformaciju

S fotografijom teksture na maski sloja i tekstom koji više nije povezan, pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija kutija i ručke oko fotografije teksture. Povucite bilo koju kutnu ručku da biste joj promijenili veličinu. Drži dolje Shift dok povlačite ručke za ograničavanje proporcija fotografije ako ne želite iskriviti njezin oblik. Dodajte Sve (pobjeda) / Opcija (Mac) dok povlačite ručicu za promjenu veličine fotografije iz središta, a ne iz kuta. Za pomicanje fotografije unutar teksta jednostavno kliknite bilo gdje unutar okvira Slobodna transformacija i povucite sliku mišem:

  Premještanje i promjena veličine slike maske sloja pomoću Free Transform. Slika © 2009 Photoshop Essentials.com. Upotrijebite slobodnu transformaciju za promjenu veličine ili premještanje fotografije teksture unutar teksta prema potrebi.

Pritisnite Unesi (pobjeda) / Povratak (Mac) za izlaz iz naredbe Free Transform i gotovi ste! Ovo je moj konačni teksturirani foto rezultat:

  Tekstualni efekt Photoshop teksture. Slika © 2009 Photoshop Essentials.com. Konačni efekt teksturiranog teksta.

Kamo dalje...