Stvorite jednostavan 3D tekst u Photoshopu

Napisao Steve Patterson.

U ovom Photoshop tekstualni efekti tutorial, naučit ćemo kako stvoriti jednostavan 3D tekst:



  Photoshop 3D tekst. Slika © 2009 Photoshop Essentials.com Konačni efekt 3D teksta.

Započnimo!



Korak 1: Izradite novi dokument

Za početak, stvorimo potpuno novi Photoshop dokument. Idi gore do Datoteka izbornik na vrhu zaslona i odaberite Novi , ili za brži način pritisnite tipkovni prečac Ctrl+N (pobjeda) / Command+N (Mac). Koji god način odabrali, Photoshop će se pojaviti Novi dokument dijaloški okvir. Unesite veličinu koja vam je potrebna za vaš dokument. Za ovaj vodič, unijet ću a Širina od 6 inča , a Visina od 4 inča , i a Rezolucija od 300 piksela/inču , što je standardna razlučivost za ispis profesionalne kvalitete. I ja ću također postaviti svoj Pozadinski sadržaj do Bijela , koji će boju pozadine mog novog dokumenta postaviti na bijelu. Kada završite, kliknite u redu u gornjem desnom kutu dijaloškog okvira da biste izašli iz njega. Vaš novi Photoshop dokument pojavit će se na ekranu.

  Dijaloški okvir Novi dokument u Photoshopu. Slika © 2009 Photoshop Essentials.com Stvorite novi Photoshop dokument pomoću dijaloškog okvira New Document.

Korak 2: Odaberite alat Type iz Photoshopove palete alata

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

  Photoshop alat za tip. Slika © 2009 Photoshop Essentials.com Odaberite Type Tool.

Korak 3: Odaberite font na traci s opcijama

Zatim moramo odabrati font. S odabranim alatom Type, primijetit ćete da je Traka s opcijama na vrhu zaslona promijenio se kako bi prikazao opcije za alat za tipkanje. Odaberite koji god font želite koristiti s popisa fontova koji su trenutno dostupni na vašem računalu. Ovaj 3D efekt najbolje funkcionira s fontovima koji imaju velika, debela slova. Idem izabrati Udarac . Također možete odabrati veličinu za svoj tekst ako želite, ali to zapravo nije potrebno u ovom trenutku jer kasnije možemo jednostavno promijeniti veličinu teksta, kao što ćemo vidjeti. Za sada, sve što nam treba je font:



  Odabir fonta iz trake s opcijama u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite font na traci s opcijama.

Korak 4: Odaberite boju za svoj tekst

Zatim moramo odabrati boju za naš tekst. Ako pogledate dalje udesno na traci opcija, vidjet ćete a uzorak boje . Uzorak boje prikazuje trenutnu boju teksta. Za promjenu boje jednostavno kliknite na uzorak boje:

  Uzorak boje teksta na traci opcija u Photoshopu. Slika © 2009 Photoshop Essentials.com Promijenite boju teksta klikom na uzorak boje na traci s opcijama.

Ovo će dovesti do Photoshopa Birač boja . Odaberite koju god boju želite koristiti za svoj tekst. Odabrat ću svijetlu nijansu crvene. Kada završite, kliknite u redu u gornjem desnom kutu Birača boja da izađete iz njega:

  Photoshop's Color Picker. Image © 2009 Photoshop Essentials.com Odaberite novu boju za tekst iz alata za odabir boja, a zatim kliknite OK za izlaz.

Uzorak boje na traci s opcijama promijenit će se kako bi prikazao boju koju ste odabrali.



Korak 5: Dodajte svoj tekst u dokument

S odabranom bojom fonta i teksta kliknite unutar dokumenta i dodajte svoj tekst. Napisat ću 'PHOTOSHOP', sve velikim slovima da pojačam efekt. Ne brinite ako se tekst za sada čini prevelikim ili premalim. To možemo popraviti za trenutak:

  Dodavanje teksta u dokument u Photoshopu. Slika © 2009 Photoshop Essentials.com Kliknite unutar dokumenta i dodajte svoj tekst.

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

  Klikom na kvačicu na traci s opcijama prihvaćate tekst. Slika © 2009 Photoshop Essentials.com Izađite iz načina za uređivanje teksta klikom na kvačicu na traci s opcijama.

Ako pogledamo našu paletu slojeva, možemo vidjeti da je Photoshop prikladno smjestio naš tekst na vlastiti sloj iznad sloja pozadine. To je ono što će nam omogućiti da radimo s tekstom neovisno o bijeloj pozadini iza njega:



  Paleta slojeva u Photoshopu. Slika © 2009 Photoshop Essentials.com Tekst se pojavljuje na vlastitom sloju u paleti slojeva.

Korak 6: promijenite veličinu tipa ako je potrebno

Ako smatrate da je vaš tekst premalen (ili prevelik), to možemo lako popraviti pomoću Photoshopa Slobodna transformacija naredba. Najprije provjerite je li vaš tekstualni sloj odabran u paleti slojeva (odabrani slojevi označeni su plavom bojom). Zatim idite gore do Uredi izbornik na vrhu zaslona i odaberite Slobodna transformacija . Također možete odabrati naredbu Slobodna transformacija tipkovničkim prečacem Ctrl+T (pobjeda) / Command+T (Mac):

  Odabir naredbe Free Transform u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite 'Free Transform' iz izbornika Edit.

Vidjet ćete okvir Slobodna transformacija i ručke se pojavljuju oko vašeg teksta u dokumentu. Za promjenu veličine teksta, držite pritisnutu tipku Shift tipku, zatim kliknite bilo koju od tipki kutne ručke (kvadratići) i povucite kut prema unutra kako biste smanjili tekst ili prema van da biste ga povećali. Držanje tipke Shift dok povlačite ograničava omjer širine i visine kako ne biste slučajno iskrivili oblik teksta dok mu mijenjate veličinu. Malo ću povećati svoj tekst povlačenjem ručke u donjem desnom kutu prema van. Također možete premjestiti tekst ako je potrebno klikom bilo gdje unutar okvira Slobodna transformacija i povlačenjem teksta na novo mjesto unutar dokumenta:



  Promjena veličine teksta pomoću slobodne transformacije. Slika © 2009 Photoshop Essentials.com Promijenite veličinu i premjestite tekst prema potrebi uz Free Transform.

Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje promjene i izlazak iz naredbe Free Transform.

Korak 7: Pretvorite tekst u oblik

Da bismo stvorili naš 3D efekt, moramo promijeniti perspektivu našeg teksta. Postoji samo jedan problem. Photoshop nam ne dopušta promjenu perspektive teksta (vidite kako to može biti problem?). Da vam pokažem na što mislim, provjerite je li i dalje odabran tekstualni sloj, a zatim idite gore do Uredi izbornik na vrhu zaslona i odaberite Transformirati s popisa. Pojavit će se sekundarni izbornik koji prikazuje sve različite načine na koje možemo transformirati sadržaj sloja koji smo trenutno odabrali. Primijetite kako Iskriviti i Perspektiva opcije su zasivljene? To znači da nam trenutno nisu dostupni, a to je zato što Photoshop ne može izvesti niti jednu od ove dvije vrste transformacija na tekstu.

Rješenje je pretvoriti naš tekstualni sloj u ono što se zove a sloj oblika . Pretvaranjem teksta u oblik, moći ćemo promijeniti njegovu perspektivu i stvoriti svoj učinak. Jedina mana pretvaranja teksta u oblik je ta što se tip više neće moći uređivati. Međutim, u ovom slučaju, budući da nemamo potrebe uređivati ​​naš tekst, ne trebamo brinuti o tome.



Dok je tekstualni sloj još uvijek odabran, idite gore do Sloj izbornik na vrhu zaslona, ​​odaberite Tip , a zatim odaberite Pretvori u oblik :

  Pretvaranje tipa u oblik u Photoshopu. Slika © 2009 Photoshop Essentials.com Idite na Layer > Type > Convert to Shape.

Ako pogledamo u paletu slojeva, možemo vidjeti da sloj teksta sada izgleda potpuno drugačije, a to je zato što to više nije sloj teksta. Photoshop ga je pretvorio u sloj oblika, što znači da sada možemo na njega primijeniti transformaciju perspektive i stvoriti naš 3D efekt teksta:



  Sloj tipa sada je sloj oblika u Photoshopu. Slika © 2009 Photoshop Essentials.com Tekstualni sloj je pretvoren u sloj oblika.

Korak 8: Promijenite perspektivu

Vratite se do Uredi izbornik. Vidjet ćete da je opcija Transformacija koju smo maloprije gledali zamijenjena novom opcijom pod nazivom Put transformacije . Opet, to je zato što sada imamo posla s oblikom. Odaberite Transform Path s popisa. Kada se pojavi sekundarni izbornik, vidjet ćete da su sada dostupne i opcije Distort i Perspective. Odaberite Perspektiva s popisa:

  Odabir opcije Transform Path - Perspective u Photoshopu. Slika © 2009 Photoshop Essentials.com Idite na Edit > Transform Path > Perspective.

Isti okvir i ručke koje smo vidjeli ranije kada smo odabrali naredbu Free Transform pojavit će se oko teksta (oblika). Razlika je u tome što sada radimo u načinu perspektive. Kako biste promijenili perspektivu teksta i dali mu trodimenzionalni izgled, jednostavno kliknite na ručicu u donjem desnom kutu i povucite je ravno prema dolje. Dok povlačite, visina desne strane teksta će se povećavati od središta, dok će lijeva strana ostati nepromijenjena:

  Promjena perspektive oblika u Photoshopu. Slika © 2009 Photoshop Essentials.com Pritisnite ručku u donjem desnom kutu i povucite prema dolje.

Kada ste zadovoljni pomakom perspektive, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje transformacije. Vaš bi tekst sada trebao izgledati otprilike ovako:

  Tekst je sada promijenio perspektivu u Photoshopu. Slika © 2009 Photoshop Essentials.com Tekst se sada pojavljuje u 3D perspektivi.

Korak 9: Napravite više kopija sloja oblika, pri čemu je svaka pomaknuta malo više udesno

Ovaj sljedeći korak je zabavni dio. Vrlo brzo ćemo stvoriti više kopija našeg sloja oblika, a svaka će biti pomaknuta jedan piksel dalje udesno od prethodne. To će našim slovima dati dubinu. Najprije odaberite Pokreni se i ti l iz palete Alati ili samo pritisnite slovo U na tipkovnici da biste je odabrali pomoću prečaca. Ovaj trik radi samo s odabranim Move Toolom:

  Odabir Move Tool u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite Move Tool.

S odabranim alatom Move Tool i slojem oblika odabranim u paleti slojeva, držite pritisnutim Sve (pobjeda) / Opcija (Mac) tipku i pritisnite desna strelica na vašoj tipkovnici. Zatim ga ponovno pritisnite. S druge strane. I opet. Primjećujete što se događa? Svaki put kada pritisnete desnu strelicu dok držite tipku Alt / Option, stvarate novu kopiju sloja oblika i pomičete novu kopiju jedan piksel udesno. Držanje Alt / Option govori Photoshopu da svaki put stvori novu kopiju oblika umjesto da jednostavno pomiče postojeći oblik. Što više puta pritisnete desnu strelicu, stvorit ćete više kopija sloja i više dubine ćemo dati našim slovima.

Nastavite pritiskati desnu strelicu dok ne budete zadovoljni rezultatima. U mom slučaju, pritisnuo sam tipku sa strelicom ukupno 68 puta, stvarajući 68 kopija svog oblika, a svaka se pomaknula za jedan piksel više udesno. Koliko puta pritisnete tipku sa strelicom ovisit će o razlučivosti dokumenta s kojim radite. Kada završite, vaš bi tekst trebao izgledati otprilike ovako:

  Stvaranje više kopija oblika. Slika © 2009 Photoshop Essentials.com Držite pritisnutu tipku Alt (Win) / Option (Mac), zatim više puta pritisnite tipku sa strelicom udesno kako biste slovima dali dubinu.

Korak 10: Premjestite sloj izvornog oblika na vrh snopa slojeva u paleti slojeva

Svaki put kad smo stvorili novu kopiju našeg oblika, stvorili smo novi sloj oblika u paleti slojeva, a Photoshop je svaki novi sloj smjestio izravno iznad prethodnog sloja. U mom slučaju, moja paleta slojeva sada sadrži 68 kopija mog originalnog sloja oblika. Izvorni sloj oblika nalazi se iznad pozadinskog sloja, sa svim kopijama nagomilanim na njemu. Možete reći da je izvornik jer je to jedini sloj oblika koji u svom nazivu ne sadrži riječ 'kopija'.

Moramo premjestiti taj originalni sloj na sam vrh hrpe, a postoji jednostavan način da to učinite. Prvo kliknite izvorni sloj u paleti slojeva da biste ga odabrali. Zatim pritisnite Ctrl+Shift+] (pobjeda) / Command+Shift+] (Mac). To je tipka desne zagrade (']') u slučaju da se pitate. Ovaj praktični prečac trenutno će premjestiti trenutno odabrani sloj izravno na vrh niza slojeva:

  Premještanje izvornog sloja oblika na vrh niza slojeva. Slika © 2009 Photoshop Essentials.com Izvorni sloj oblika sada se pojavljuje iznad ostalih slojeva u paleti slojeva.

Korak 11: Spojite sve kopije zajedno

S našim originalnim slojem sada na samom vrhu niza slojeva, moramo spojiti sve te kopije sloja oblika u jedan sloj. Kliknite na sloj neposredno ispod originalnog sloja u paleti slojeva (drugim riječima, drugi sloj od vrha). Zatim upotrijebite traku za pomicanje na desnoj strani palete slojeva da biste se pomaknuli do sloja neposredno iznad sloja pozadine. Nemojte samo kliknuti na njega da biste ga odabrali jer ćete time poništiti odabir sloja koji ste upravo odabrali na vrhu. Umjesto toga držite tipku Shift tipku na tipkovnici i zatim kliknite na sloj da biste ga odabrali. Ovo će odabrati oba sloja u isto vrijeme, zajedno sa svakim slojem između njih. Svi ovi slojevi pojavit će se označeni plavom bojom u paleti slojeva.

Sa svim našim kopiranim slojevima koji su sada odabrani, idite gore do Sloj izbornik na vrhu zaslona i odaberite Spajanje slojeva dolje pri dnu popisa. Ili za brži način pritisnite tipkovni prečac Ctrl+E (pobjeda) / Command+E (Mac):

  Naredba za spajanje slojeva u Photoshopu. Slika © 2009 Photoshop Essentials.com Idite na Layer > Merge Layers.

Photoshop će spojiti sve odabrane slojeve u jedan sloj. Ako pogledamo našu paletu slojeva, možemo vidjeti da sada imamo samo tri sloja. Pozadinski sloj je na dnu, izvorni sloj oblika je na vrhu, a između njih je naš novo spojeni sloj:

  Slojevi su sada spojeni u jedan. Slika © 2009 Photoshop Essentials.com Sve kopije sloja oblika spojene su u jedan sloj.

Korak 12: Dodajte crno-bijeli gradijent spojenom sloju

Kako bismo našim slovima dali doista 3D izgled, dovršimo stvari dodavanjem jednostavnog svjetlosnog efekta. Ili barem nešto takvo izgled poput svjetlosnog efekta. Kliknite na spojeni sloj u paleti slojeva da biste ga odabrali ako već nije odabran. Zatim kliknite na Stilovi slojeva ikona na dnu palete slojeva. Pojavit će se popis svih dostupnih stilova slojeva. Kliknite na Gradijentni sloj da ga odaberete:

  Odabir stila sloja Gradient Overlay. Slika © 2009 Photoshop Essentials.com Odaberite stil sloja Gradient Overlay s dna palete slojeva.

Ovo će dovesti do Photoshopa Stil sloja dijaloški okvir postavljen na opcije Gradient Overlay u srednjem stupcu. Želimo koristiti crno-bijeli gradijent za naš lažni svjetlosni efekt. Ako ste već odabrali crno-bijeli gradijent, možete preskočiti ovaj sljedeći korak. Ako ste odabrali neki drugi gradijent, kliknite na područje pregleda gradijenta u sredini opcija:

  Područje pregleda gradijenta u dijaloškom okviru Stil sloja. Slika © 2009 Photoshop Essentials.com Pritisnite područje pregleda gradijenta u dijaloškom okviru Stil sloja da odaberete novi gradijent.

Ovo dovodi do Birač gradijenata , pokazujući nam sve dostupne gradijente koje možemo izabrati. Onaj koji želimo je Crno bijeli gradijent, treći slijeva, gornji red. Ako imate omogućene savjete za alate u Photoshopovim postavkama, vidjet ćete da se pojavljuje naziv gradijenta kada prijeđete pokazivačem iznad minijature. Kliknite na njega da biste ga odabrali, a zatim kliknite u redu u gornjem desnom kutu za prihvaćanje:

  Odabir crno-bijelog gradijenta. Slika © 2009 Photoshop Essentials.com Odaberite crno-bijeli gradijent.

Vrativši se u glavne opcije preklapanja gradijenta, vidjet ćete područje pregleda gradijenta koje sada prikazuje gradijent crno-bijelo (ako već nije). Ispod je nekoliko važnih opcija. Provjerite je li Stil opcija je postavljena na Linearno i gradijent Kut postavljeno je na 90° :

  Mogućnosti Gradient Overlay. Slika © 2009 Photoshop Essentials.com Provjerite je li opcija Style postavljena na Linear i je li Kut postavljen na 90°.

Klik u redu kada ste gotovi izađite iz dijaloškog okvira Stil sloja i gotovi smo! Photoshop primjenjuje crno-bijeli gradijent na spojeni sloj, stvarajući efekt sjene na slovima i dovršavajući naš jednostavan 3D efekt teksta:

  Photoshop 3D tekst. Slika © 2009 Photoshop Essentials.com Konačni efekt 3D teksta.

Kamo dalje...