Ovaj vodič vam pokazuje kako stvoriti prozirni tekst u Photoshopu, omogućavajući da se slika iza teksta prikazuje kroz slova! Korak po korak vodič za Photoshop CC, CS6 i starije verzije.

Morate dodati tekst slici, ali jednostavno nema dobrog mjesta za nju? Pokušajte ga dodati kao prozirni tekst u Photoshopu! U ovom tutorialu pokazat ću vam kako lako stvoriti prozirno područje teksta, što znači da će i sama vrsta biti potpuno transparentna, omogućujući da se slika ispod nje prikaže. Tekst okružujemo blokom čvrste boje, obično bijele, kako bismo otkrili oblike slova. Prozirni tekst tada postaje okvir za našu temu! Ovo je sjajan dizajnerski trik za slike koje su previše zauzete da bi se tekst lako čitao.

Stvaranje prozirnog teksta u Photoshopu je jednostavno. Započinjemo dodavanjem novog sloja iznad slike i ispunjavamo ga bijelom bojom. Zatim dodamo naš tekst. Da bismo tekst učinili transparentnim, koristimo Photoshop-ove napredne mogućnosti miješanja (ne brinite, to su vrlo jednostavne „napredne“ opcije) kako bismo sloj vrste pretvorili u „Knockout“ sloj koji probija rupe do slike u oblicima naših pisama!

Evo kako će izgledati prozirno područje teksta nakon što završimo:

Učinak prozirnog teksta.

Započnimo!

Kako dodati prozirni tekst

Za ovaj tutorial koristim Photoshop CC, ali svaki je korak kompatibilan s Photoshopom CS6 i starijim verzijama. Možete pratiti i moj videozapis iz ovog vodiča na našem YouTube kanalu. Ili preuzmite ovaj vodič kao PDF spreman za ispis!

Korak 1: Otvorite svoju sliku

Započnite otvaranjem slike na koju želite dodati neki transparentni tip. Preuzeo sam sliku Adobe New Yorka sa Adobe Stocka:

Izvorna slika. Kredit za fotografije: Adobe Stock.

2. korak: Dodajte novi sloj

Na ploči Slojevi vidimo sliku na pozadinskom sloju. Dodajte novi prazni sloj iznad slike klikom na ikonu Novi sloj pri dnu ploče Slojevi:

Klikom na ikonu "Novi sloj".

Novi sloj pod nazivom "Sloj 1" pojavljuje se iznad pozadinskog sloja:

Doda se novi sloj.

3. korak: Novi sloj napunite bijelim

Taj ćemo sloj koristiti za stvaranje područja bijele boje koje će okruživati ​​tekst. Napunite sloj bijelom bojom tako što ćete otvoriti izbornik Edit u traci izbornika i odabrati Fill :

Idite na Uredi> Ispunite.

U dijaloškom okviru Ispunite na vrhu stavite opciju Sadržaj na Bijelo, a zatim kliknite U redu:

Odabir bijele kao boje za ispunu.

Photoshop ispunjava sloj bijelom bojom, privremeno blokirajući sliku od pogleda:

Novi sloj je sada ispunjen bijelom bojom.

Korak 4: Smanjiti neprozirnost sloja

Smanjite neprozirnost "Sloja 1" na 75% . Opcija neprozirnosti nalazi se u gornjem desnom kutu ploče Slojevi:

Smanjivanje neprozirnosti "Sloja 1" na 75%.

Uz smanjenu neprozirnost, slika se sada djelomično prikazuje tako da je možemo vidjeti dok dodavamo tekst:

Slika se sada prikazuje putem "Sloja 1".

Korak 5: Odaberite Alat za vrstu

Odaberite Alat s tipkama na alatnoj traci:

Odabir alata za vrstu

Korak 6: Odaberite svoj font

Odaberite font u traci s mogućnostima . Upotrijebit ću Futura PT Heavy koji sam preuzeo s Adobe Typekita, ali bilo koji font će raditi:

Odabir fonta u traci s mogućnostima.

I dalje u traci mogućnosti postavite veličinu fonta na 72 pt . Tekst ćemo morati promijeniti veličinu nakon što ga dodamo, ali to će nam za sada dati najveću unaprijed zadanu veličinu:

Postavljanje veličine fonta na 72 pt

Korak 7: Vrsta boje postavite na crnu

Provjerite je li vaša boja postavljena u crnu boju pritiskom na slovo D na tipkovnici, koja će boju vratiti na zadane vrijednosti. Ovo je samo tako da tip možemo vidjeti ispred bijele pozadine. Trenutačna boja fonta nalazi se u uzorku boja na traci s mogućnostima:

Unos vrste boja na traci s mogućnostima.

Korak 8: Dodajte svoj tekst

Kliknite unutar dokumenta i dodajte svoj tekst. Upitat ću riječi "NEW YORK CITY":

Dodavanje teksta slici.

Kliknite potvrdni okvir na traci mogućnosti da biste ga prihvatili:

Klikom na kvačicu prihvatite tekst.

Na ploči Slojevi novi sloj vrste pojavit će se iznad "Sloja 1":

Ploča slojeva prikazuje novi sloj vrste.

9. korak: Promjena veličine teksta

Idite do izbornika Uredi u traci izbornika i odaberite Besplatno preoblikovanje:

Idite na Uredi> Besplatna transformacija.

Photoshop okružuje tekst okvirom za besplatnu transformaciju i ručkama. Kliknite i povucite bilo koju ručku ugla da biste promijenili veličinu teksta prema potrebi. Pritisnite i držite tipku Shift dok povlačite kako biste izbjegli narušavanje oblika slova tijekom mijenjanja veličine:

Držite Shift i povucite kutne ručke da biste promijenili veličinu teksta.

Da biste premjestili tekst, pritisnite unutar okvira Slobodna transformacija i povucite ga na mjesto. Premjestit ću svoj tekst ispred vodene linije. Kada završite, pritisnite tipku Enter (Win) / Return (Mac) na tipkovnici:

Kliknite i povucite unutar okvira Slobodna transformacija da biste tekst promijenili.

Korak 10: Otvorite mogućnosti miješanja

Kad je odabran sloj Type, kliknite ikonu Slojevi slojeva (ikona fx ) na dnu ploče Slojevi:

Klikom na ikonu Slojevi slojeva.

Odaberite opcije miješanja s vrha popisa:

Odabir "Opcije miješanja".

Ovo otvara Photoshop-ov dijaloški okvir Stil sloja postavljen na glavne mogućnosti miješanja. U odjeljku Napredno miješanje promijenite Knockout iz None u Shallow . Ovo pretvara sloj Type u sloj "knockout", što znači da će Photoshop koristiti oblike slova za probijanje "Sloja 1" i otkrivanje slike na pozadinskom sloju:

Postavljanje opcije Knockout na "Shallow".

Da biste vidjeli učinak, povucite klizač Fill Opacity sve do 0% :

Spuštanje nepropusnosti punjenja na 0%.

Kliknite U redu da biste zatvorili dijaloški okvir Stil sloja. Ne samo da je tekst postao transparentan, već je i područje na "Sloju 1" neposredno ispod teksta, kao da je tekst probušio rupu upravo kroz njega. Sada možemo vidjeti sliku na pozadinskom sloju kroz slova:

Učinak nakon pretvaranja sloja Type u sloj "knockout".

Korak 11: Odaberite "Sloj 1"

Promijenimo veličinu bijelog područja koje okružuje tekst tako da ne pokriva cijelu fotografiju. Kliknite na Layer 1 na ploči Slojevi da biste je odabrali:

Odabir "Sloja 1".

12. korak: Promijenite veličinu sloja slobodnom transformacijom

Idite na izbornik Edit i još jednom odaberite Free Transform :

Idite na Uredi> Besplatna transformacija.

Povucite gornju i donju ručicu prema tekstu. Kada završite, pritisnite tipku Enter (Win) / Return (Mac) na tipkovnici:

Promjena veličine bijelog područja oko teksta besplatnom transformacijom.

Korak 13: Prilagodite neprozirnost sloja

Na kraju, podesite neprozirnost "Sloja 1" da biste precizno prilagodili vidljivost teksta. Povećavanje neprozirnosti učiniće bijelo područje oko teksta čvršćim, a tip lakšim za čitanje. Smanjenje neprozirnosti će izblijediti područje teksta na slici. Postavit ću neprozirnost na 85%:

Povećanje neprozirnosti na 85%.

I evo, nakon povećanja neprozirnosti, moj konačni rezultat "transparentnog područja teksta":

Konačni transparentni efekt tipa.

Otkrivanje sloja koji nije sloj pozadine

Koraci koje smo obuhvatili u ovom vodiču sve što trebate učiniti kada se slika koju želite otkriti kroz vaš tekst nalazi na pozadinskom sloju . Ako imate sliku iznad pozadinskog sloja koju želite prikazati kroz tekst, jednostavno stavite sloj Type i čvrsti bijeli sloj ispod njega u grupu slojeva odabirom oba sloja, zatim idite na izbornik Sloja i odabirete Slojeve grupe,

I tu ga imamo! Tako jednostavno dodate prozirni tekst na sliku pomoću Photoshopa! Uz dodavanje prozirnog teksta, još jedan klasični Photoshop efekt je smjestiti svoju sliku izravno u tekst. Ili naučite kako uklopiti tekst u sliku odabirom boja izravno iz same slike! Posjetite naš odjeljak Photo Effects za više Photoshop tutorijala!

Kategorija: