Prelamanje teksta u 3D pomoću Photoshopa

Napisao Steve Patterson.

U ovom Photoshop tekstualni efekti u vodiču, naučit ćemo kako jednostavno omotati tekst oko 3D objekta u Photoshopu, bez potrebe za bilo kakvim 3D softverom. Naš ćemo tekst omotati oko planeta, ali možete upotrijebiti istu osnovnu tehniku ​​za omotavanje teksta oko svega. Trebat će vam Photoshop CS ili noviji za ovaj vodič, budući da ćemo koristiti Photoshopovu značajku 'text on a path', a zatim ćemo koristiti Free Transform za preoblikovanje našeg teksta u 3D perspektivu. Konačno, koristit ćemo masku sloja da sakrijemo tekst na mjestu gdje prolazi iza objekta, dajući nam konačni 3D efekt.



Evo slike planeta (dobrog starog planeta Zemlje) oko kojeg ću omotati tekst:



  Adobe Photoshop tekstualni efekti: Izvorna slika. Izvorna slika.

A evo kako će slika izgledati nakon omotavanja našeg 3D teksta oko nje:

  Adobe Photoshop tekstualni efekti: konačni rezultat. Konačni rezultat 'preloma teksta u 3D'.

Započnimo!

Korak 1: Odaberite Elliptical Marquee Tool

Prva stvar koju trebam učiniti za ovaj efekt je povući kružni odabir oko planeta, a za to ću koristiti alat koji Photoshop uključuje upravo za takav zadatak, Elliptical Marquee Alat . Odaberite ga s palete Alati. Prema zadanim postavkama, skriva se iza Rectangular Marquee Tool, tako da ćete morati kliknuti na Rectangular Marquee Tool i držati miš pritisnut sekundu ili dvije dok se ne pojavi mali padajući izbornik, a zatim odaberite Elliptical Marquee Tool iz popis:



  Adobe Photoshop tekstualni efekti: odabir Elliptical Marquee Tool iz Photoshopa's Tools palette. Odaberite Elliptical Marquee Tool iz palete Tools.

Korak 2: Povucite odabir oko objekta, malo veći od samog objekta

S odabranim alatom Elliptical Marquee Tool, za početak ću postaviti svoj miš što bliže središtu planeta. Onda ću stisnuti svoje Shift tipku za ograničavanje odabira na savršen krug i držat ću svoju Sve (pobjeda) / Opcija (Mac) tipku da kažete Photoshopu da koristi točku na koju ću kliknuti kao središte svog odabira, tako da se odabir proteže u svim smjerovima od te točke. Zatim ću jednostavno kliknuti u središte planeta i povući odabir sve dok moj odabir ne bude malo veći od planeta, dajući svom tekstu prostor za omotavanje oko njega.

Velike su šanse da mjesto na kojem sam prvi put kliknuo mišem nije mrtva središta planeta, što znači da će se moj odabir morati promijeniti. Za pomicanje odabira po zaslonu i premještanje dok ga povlačim van, držat ću tipku razmaknica , što mi omogućuje pomicanje odabira kamo god želim, a zatim ću otpustiti razmaknicu da nastavim povlačiti odabir na veći.

Nastavite povlačiti i mijenjati položaj odabira dok ne bude pravilno poravnat s objektom i malo veći od samog objekta:



  Adobe Photoshop tekstualni efekti: Slika nakon povlačenja eliptičnog odabira oko planeta. Kružni odabir je sada dodan oko objekta.

Korak 3: Pretvori odabir u putanju

Sada imamo naš odabir oko objekta i koristit ćemo ga za dodavanje teksta na sliku, koristeći Photoshopovu značajku 'text on a path'. Problem je što je naš odabir odabir, a ne put. Srećom, Photoshop olakšava pretvaranje bilo kojeg odabira u putanju. Da biste to učinili, prijeđite na svoj Paleta staza , koje ćete pronaći grupirane prema zadanim postavkama s paletama Slojevi i Kanali. Paleta Putovi će se pojaviti prazna jer trenutno nemamo nijednu stazu u našem dokumentu. Za pretvaranje odabira u putanju kliknite na Napravite radni put iz odabira ikona na dnu palete Paths (to je treća ikona s desna):

  Adobe Photoshop tekstualni efekti: Klikom na'Make Work Path From Selection' icon at the bottom of the Paths palette in Photoshop. Kliknite na ikonu 'Make Work Path From Selection'.

Čim kliknete na ikonu, Photoshop pretvara odabir u putanju, a novi 'Radni put' pojavljuje se u paleti Putanja:

  Adobe Photoshop tekstualni efekti: Photoshop's Paths palette now showing the new 'Work Path'. Paleta Paths sada prikazuje novostvorenu stazu.

A ako pogledamo unazad na našu sliku, možemo vidjeti da su isprekidane linije našeg odabira zamijenjene tankom punom linijom, što je naš put:



  Adobe Photoshop tekstualni efekti: Slika sada prikazuje putanju oko planeta. Odabir oko planeta pretvoren je u stazu.

Sada možemo koristiti ovu stazu, zajedno sa značajkom 'text on a path' u Photoshopu CS i novijim, za dodavanje našeg teksta, što ćemo sljedeće učiniti.

Korak 4: Odaberite alat Type

U ovom trenutku vratite se na svoju paletu slojeva. Vrijeme je da dodamo naš tekst. Za to moramo koristiti Photoshop Vrsta alata , pa odaberite ako s palete Alati ili pritisnite slovo T na vašoj tipkovnici:



  Adobe Photoshop Text Effects: Odabir alata Type iz palete Tools u Photoshopu. Odaberite Type Tool.

S odabranim alatom Type, idite do trake s opcijama na vrhu zaslona i odaberite font i veličinu fonta. Ovaj 3D efekt najbolje funkcionira ako koristite font s debelim slovima, pa ću odabrati Helvetica Black kao font. Možete odabrati koji god font želite od onih koje ste instalirali na svom sustavu, ali opet pokušajte odabrati onaj s lijepim debelim slovima, a također i onaj koji je lako čitljiv. Morat ćete eksperimentirati s veličinom fonta jer će ona uvelike ovisiti o veličini objekta oko kojeg omotavate tekst, a još više o veličini i razlučivosti slike koju koristite. Za ovaj vodič koristim font veličine 14 pt, ali opet, morat ćete sami eksperimentirati sa svojom slikom:

  Tekstualni efekti Adobe Photoshopa: Odabir fonta i veličine fonta u traci s opcijama u Photoshopu. Odaberite svoj font i veličinu fonta na traci s opcijama.

Korak 5: Odaberite boju za svoj tekst

Dok ste na traci s opcijama, odaberimo boju za naš tekst. Da biste to učinili, kliknite na uzorak boje :

  Tekstualni efekti Adobe Photoshopa: Klikom na uzorak boje odaberite boju za tekst na traci opcija u Photoshopu. Pritisnite uzorak boje na traci s opcijama da odaberete boju za tekst.

Ovo dovodi do Photoshopa Birač boja gdje možete odabrati bilo koju boju za svoj tekst. Odabrat ću svijetlu žućkasto-narančastu boju, koja bi se trebala lijepo isticati na pretežno plavom planetu, kao i na crnoj pozadini:



  Adobe Photoshop tekstualni efekti: Odabir boje za moj tekst u Photoshopu's Color Picker. Koristite alat za odabir boja da biste odabrali boju za svoj tekst.

Pritisnite U redu kada odaberete svoju boju da biste izašli iz dijaloškog okvira.

Korak 6: Upišite svoj tekst duž kružne staze

S odabranim fontom, veličinom fonta i bojom teksta, možemo dodati naš tekst, a želimo ga dodati tako da slijedi duž kružne putanje koju smo stvorili. Da biste to učinili, pomaknite kursor miša preko dijela staze na kojem želite početi tipkati. Započet ću svoj tekst negdje na vrhu staze. Dok pomičete pokazivač miša preko staze, primijetit ćete da se kursor mijenja iz točkastog kvadrata oko sebe u vijugavu liniju koja prolazi kroz njega. Ta vijugava linija govori vam da ćete tipkati izravno na putu i da će vaš tekst slijediti duž oblika putanje, što je upravo ono što želimo. Da biste dodali svoju vrstu, jednostavno kliknite na putanju i počnite tipkati. Učinak će biti najbolji ako koristite samo velika slova. Napisat ću 'DOBRO DOŠLI NA PLANET ZEMLJU':



  Adobe Photoshop tekstualni efekti: Dodavanje mog tipa duž staze. Kliknite izravno na stazu i počnite tipkati kako bi tekst pratio oblik staze.

Budući da želim da se moj tekst doima kao da u cijelosti obavija planetu, ponovno ću upisati potpuno istu rečenicu na kraju:

  Adobe Photoshop tekstualni efekti: Dodavanje više teksta za popunjavanje putanje. Dodajte dovoljno teksta da se u potpunosti omota oko objekta.

Ako bolje pogledate, možete vidjeti da sam naišao na mali problem. Nema dovoljno prostora duž moje staze da stane u sav moj tekst, a riječ 'ZEMLJA' u gornjem lijevom kutu je odrezana. Da to popravim, dvaput ću kliknuti izravno na sličicu sloja tipa u paleti slojeva, što će reći Photoshopu da odabere sav moj tekst odjednom:

  Adobe Photoshop Tekstualni efekti: Dupli klik na sloj tipa's thumbnail in the Layers palette in Photoshop. Dvaput kliknite na sličicu sloja tipa u paleti slojeva kako biste odabrali sav tekst.

Moj tekst će biti označen bijelom bojom na mojoj slici. Zatim ću, s odabranim tekstom, pritisnuti svoj Sve (pobjeda) / Opcija tipku i pritisnite tipka sa strelicom lijevo na mojoj tipkovnici nekoliko puta da zatvorim prostor između slova dok ne bude dovoljno mjesta da stane u sav moj tekst i dok se ne pojavi riječ 'ZEMLJA':

  Adobe Photoshop tekstualni efekti: Zatvaranje prostora između slova kako bi više teksta stalo duž putanje. Držite pritisnut 'Alt' (Win) / 'Option' (Mac) i koristite tipke sa strelicama lijevo ili desno za dodavanje ili uklanjanje razmaka između slova.

Da razmaknem obje rečenice na jednaku udaljenost i zatvorim taj veliki razmak na vrhu, kliknut ću mišem između dvije rečenice na dnu (između riječi 'ZEMLJA' i 'DOBRO DOŠLI') i ponovno držati Sve (pobjeda) / Opcija (Mac), stisnut ću svoje tipka lijeve zagrade nekoliko puta kako biste dodali malo dodatnog razmaka između dvije riječi dok tekst ne bude izgledao jednako uravnotežen duž cijelog puta.

Kad budem zadovoljan razmakom teksta, pritisnut ću Ctrl+H (pobjeda) / Command+H (Mac) da sakriju put od pogleda, ostavljajući mi samo moj planet i moj tekst zaokružen i lijepo raspoređen oko njega:

  Adobe Photoshop tekstualni efekti: Tekst sada kruži oko vanjske strane planeta. Tekst sada kruži oko vanjske strane planeta.

Naš tekst sada kruži planetom, ali izgleda vrlo dvodimenzionalno i ne baš zanimljivo. Sljedeće ćemo ga dovesti u treću dimenziju.

Korak 7: Upotrijebite slobodnu transformaciju za izobličenje teksta u 3D perspektivu

Sada dolazi zabavni dio. Pretvorit ćemo naš tekst u 3D! Ili ćemo barem stvoriti iluzija da je ipak 3D. Photoshop nije pravi 3D program, ali ga ipak možemo lažirati. Da bismo to učinili, koristit ćemo Photoshop Slobodna transformacija naredba. S odabranim slojem tipa u paleti slojeva upotrijebite tipkovni prečac Ctrl+T (pobjeda) / Command+T (Mac) za prikaz ručica slobodne transformacije oko teksta:

  Adobe Photoshop tekstualni efekti: Slika koja prikazuje ručke Free Transform oko teksta. Pritisnite 'Ctrl+T' (Win) / 'Command+T' (Mac) za pristup ručkama za slobodnu transformaciju.

Da bih savio svoj tekst u 3D perspektivu, držat ću Ctrl+Alt (pobjeda) / Command+Option (Mac), a zatim povucite ručicu za slobodnu transformaciju u gornjem desnom kutu prema središtu planeta. Što dublje povlačim unutra, svojim tekstom stvaram više 3D perspektive:

  Adobe Photoshop tekstualni efekti: Povlačenjem gornje desne ručice prema središtu planeta za stvaranje 3D perspektive. Povucite ručku gornjeg desnog kuta prema središtu objekta kako biste stvorili 3D perspektivu.

Kada ste zadovoljni kako vaš tekst izgleda, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje transformacije:

  Adobe Photoshop Text Effects: Tekst izgleda više 3D. Pritisnite 'Enter' (Win) / 'Return' (Mac) za prihvaćanje transformacije.

Korak 8: Dodajte masku sloja tekstualnom sloju

Stvari definitivno počinju izgledati više 3D, osim jednog manjeg detalja. Naš tekst se ne omotava oko objekta, već samo stoji ispred njega. Da bismo stvarno dobili 3D izgled, moramo sakriti tekst u područjima gdje bi trebao biti iza objekta, a to možemo učiniti pomoću maske sloja. Dok je tekstualni sloj još uvijek odabran, kliknite na Maska sloja ikona na dnu palete slojeva:

  Adobe Photoshop tekstualni efekti: Klikom na'Add A Layer Mask' icon at the bottom of the Layers palette in Photoshop. Dodajte masku sloja tekstualnom sloju klikom na ikonu 'Maska sloja'.

Ovo dodaje masku sloja tekstualnom sloju, a također dodaje sličicu maske sloja u paleti slojeva. Možemo reći da je maska ​​sloja trenutno odabrana jer sličica ima bijeli istaknuti rub oko sebe:

  Adobe Photoshop tekstualni efekti: Photoshop's Layers palette now showing the layer mask thumbnail. Sličica maske sloja s bijelim istaknutim rubom oko nje, što nam govori da je odabrana maska ​​sloja, a ne sam sloj.

Korak 9: Napravite odabir oko svog objekta

Želim sakriti tekst koji bi trebao biti iza planeta, pa ću zgrabiti svoj Elliptical Marquee Alat još jednom i, baš kao što sam učinio na početku ovog vodiča, upotrijebit ću ga za povlačenje odabira po planetu. Ovaj put, međutim, želim da se moj odabir proširi samo na rub planeta, a ne na područje oko njega, kao što smo radili prije. Dakle, još jednom ću kliknuti otprilike u središte planeta i držati pritisnuto Shift+Alt (pobjeda) / Shift+Opcija (Mac), povući ću kružni odabir oko planeta. Ako trebam promijeniti položaj svog odabira dok povlačim, ponovno ću pritisnuti svoj razmaknica i po potrebi pomaknite odabir na zaslonu, a zatim ću otpustiti razmaknicu i nastaviti povlačiti.

Evo moje slike s odabranim mojim planetom:

  Tekstualni efekti Adobe Photoshopa: Odabir objekta alatom Elliptical Marquee Tool u Photoshopu. Planet je sada odabran.

Korak 10: Crnom bojom unutar odabira sakrijte tekst

S našom maskom sloja dodanom tekstualnom sloju i odabirom oko planeta, možemo lako sakriti tekst koji bi trebao biti iza planeta jednostavnim slikanjem preko teksta. Prvo nam treba naš kist, pa odaberite Alat za četke iz palete Alati ili pritisnite B na vašoj tipkovnici:

  Tekstualni efekti Adobe Photoshopa: Odabir alata Kist iz palete Alati u Photoshopu. Odaberite Brush Tool.

Zatim, s crnom kao bojom prednjeg plana, jednostavno prebojajte tekst koji želite sakriti. Budući da slikamo na maski sloja, a ne na samom sloju, nećemo slikati crno na slici. Umjesto toga, bilo gdje gdje bojimo crnom će sakriti sadržaj sloja. Moram sakriti tekst u gornjem dijelu planeta, pa ću ga slikati svojim alatom Kist. Zahvaljujući odabiru koji sam napravio, ne moram se brinuti da ću biti neuredan s kistom i slučajno slikati izvan ruba planeta, budući da će mi Photoshop dopustiti da slikam samo unutar odabira. Bilo gdje da slikam izvan njega se zanemaruje:

  Adobe Photoshop tekstualni efekti: Uklonite tekst s alatom Kist. Prebojajte tekst koji želite sakriti alatom Kist. To će utjecati samo na tekst unutar odabira.

Nastavite slikati preko teksta dok ne sakrijete sve što treba sakriti. Kada završite, pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za uklanjanje odabira. Ako je vaš put ispod teksta ponovno postao vidljiv, pritisnite Ctrl+H (pobjeda) / Command+H (Mac) da ga sakrijete od pogleda.

Evo moje slike nakon što sam slikao preko teksta na vrhu kako bih ga sakrio, stvarajući iluziju da tekst sada kruži oko planeta u 3D:

  Adobe Photoshop tekstualni efekti: konačni rezultat. Konačni rezultat 'preloma teksta u 3D'.

Korak 11: Dodajte stil sloja sloja Gradient Overlay

Da završimo stvari, dodajmo malo osvjetljenja našem tekstu pomoću jednog od Photoshopovih stilova slojeva. Klikni na Stilovi slojeva ikona na dnu palete slojeva:

  Tekstualni efekti Adobe Photoshopa: Klikom na ikonu stilova slojeva na dnu palete slojeva u Photoshopu. Kliknite na ikonu 'Stilovi slojeva'.

Zatim odaberite Gradijentni sloj s popisa:

  Adobe Photoshop Text Effects: odabir stila sloja Gradient Overlay. Odaberite 'Gradient Overlay'.

Ovo dovodi do dijaloškog okvira Stil sloja postavljenog na opcije Gradient Overlay u srednjem stupcu. Prema zadanim postavkama, Photoshop nam daje gradijent crno-bijelo, što je ono što želimo. Umjesto da koristimo gradijent da obojimo naš tekst i učinimo ga crno-bijelim, upotrijebit ćemo ga za dodavanje jednostavnog efekta osvjetljenja. Prvo promijenite Način miješanja opciju na vrhu od 'Normalno' do Živo svjetlo klikom na strelicu usmjerenu prema dolje desno od riječi 'Normal' i odabirom 'Vivid Light' s popisa. Zatim spustite Neprozirnost vrijednost do otprilike 60% . Na kraju, promijenite Kut opcija na dnu do :

  Adobe Photoshop Text Effects: dijaloški okvir Layer Style postavljen je na opcije Gradient Overlay. Mogućnosti Gradient Overlay u dijaloškom okviru Layer Style.

Kliknite OK kada završite da izađete iz dijaloškog okvira i primijenite stil Gradient Overlay na tekst, i gotovi ste! Evo konačnog efekta s mojim jednostavnim svjetlosnim efektom dodanim tekstu:

  Adobe Photoshop tekstualni efekti: konačni efekt. Konačni 3D efekt.

Kamo dalje...