Ustvarite preprosto 3D besedilo v Photoshopu

Napisal Steve Patterson.

V tem Učinki besedila Photoshop vadnici se bomo naučili ustvariti preprosto 3D besedilo:



  Photoshop 3D besedilo. Slika © 2009 Photoshop Essentials.com Končni učinek 3D besedila.

Začnimo!



1. korak: Ustvarite nov dokument

Za začetek ustvarimo popolnoma nov dokument Photoshop. Pojdi do mapa meni na vrhu zaslona in izberite Novo , ali za hitrejši način pritisnite bližnjico na tipkovnici Ctrl+N (Zmaga) / Ukaz + N (Mac). Ne glede na to, kateri način izberete, se prikaže Photoshop Nov dokument pogovorno okno. Vnesite velikost, ki jo potrebujete za svoj dokument. Za to vadnico bom vnesel a Premer od 6 palcev , a Višina od 4 palcev in a Resolucija od 300 slikovnih pik/palec , kar je standardna ločljivost za tiskanje profesionalne kakovosti. Tudi jaz bom nastavil svojega Vsebina ozadja do Bela , ki bo nastavil barvo ozadja mojega novega dokumenta na belo. Ko končate, kliknite v redu v zgornjem desnem kotu pogovornega okna za izhod iz njega. Vaš novi dokument Photoshop se bo prikazal na zaslonu.

  Pogovorno okno Nov dokument v Photoshopu. Slika © 2009 Photoshop Essentials.com Ustvarite nov dokument Photoshop s pogovornim oknom Nov dokument.

2. korak: Izberite orodje Type iz Photoshopove palete orodij

Če želite dokumentu dodati besedilo, bomo morali uporabiti Photoshop Tip Tudi l. Izberite ga na paleti orodij ali pritisnite črko T na tipkovnici, da ga izberete z bližnjico:

  Orodje Photoshop Type. Slika © 2009 Photoshop Essentials.com Izberite orodje Type Tool.

3. korak: V vrstici z možnostmi izberite pisavo

Nato moramo izbrati pisavo. Z izbranim orodjem Type Tool boste opazili, da je Vrstica z možnostmi na vrhu zaslona se je spremenilo in prikazuje možnosti za orodje za tipkanje. Na seznamu pisav, ki so trenutno na voljo v vašem računalniku, izberite katero koli pisavo, ki jo želite uporabiti. Ta 3D-učinek najbolje deluje pri pisavah z velikimi in debelimi črkami. Grem izbrati Vpliv . Če želite, lahko izberete tudi velikost besedila, vendar to trenutno ni nujno, saj lahko pozneje preprosto spremenimo velikost besedila, kot bomo videli. Za zdaj potrebujemo le pisavo:



  Izbira pisave v vrstici z možnostmi v Photoshopu. Slika © 2009 Photoshop Essentials.com V vrstici z možnostmi izberite pisavo.

4. korak: Izberite barvo za svoje besedilo

Nato moramo izbrati barvo za naše besedilo. Če v vrstici z možnostmi pogledate bolj desno, boste videli a barvni vzorec . Barvni vzorec prikazuje trenutno barvo besedila. Če želite spremeniti barvo, preprosto kliknite barvni vzorec:

  Vzorec barve besedila v vrstici z možnostmi v Photoshopu. Slika © 2009 Photoshop Essentials.com Spremenite barvo besedila s klikom na barvni vzorec v vrstici z možnostmi.

To bo prikazalo Photoshop Izbirnik barv . Izberite barvo, ki jo želite uporabiti za svoje besedilo. Izbrala bom svetel odtenek rdeče. Ko končate, kliknite v redu v zgornjem desnem kotu izbirnika barv za izhod iz njega:

  Photoshop's Color Picker. Image © 2009 Photoshop Essentials.com V izbirniku barv izberite novo barvo za besedilo in nato kliknite V redu za izhod iz njega.

Barvni vzorec v vrstici z možnostmi se bo spremenil in prikazal barvo, ki ste jo izbrali.



5. korak: dodajte svoje besedilo v dokument

Z našo izbrano pisavo in barvo besedila kliknite znotraj dokumenta in dodajte svoje besedilo. Napisal bom 'PHOTOSHOP', vse z velikimi tiskanimi črkami za večji učinek. Ne skrbite, če bo besedilo trenutno preveliko ali premajhno. To lahko popravimo v trenutku:

  Dodajanje besedila v dokument v Photoshopu. Slika © 2009 Photoshop Essentials.com Kliknite znotraj dokumenta in dodajte svoje besedilo.

Ko končate s tipkanjem, kliknite na kljukica v vrstici z možnostmi, da sprejmete besedilo in zapustite način urejanja besedila:

  Kliknite kljukico v vrstici z možnostmi, da sprejmete besedilo. Slika © 2009 Photoshop Essentials.com Zapustite način urejanja besedila s klikom na kljukico v vrstici z možnostmi.

Če pogledamo našo paleto plasti, lahko vidimo, da je Photoshop priročno postavil naše besedilo na lastno plast nad plastjo ozadja. To je tisto, kar nam bo omogočilo delo z besedilom neodvisno od belega ozadja za njim:



  Paleta plasti v Photoshopu. Slika © 2009 Photoshop Essentials.com Besedilo se prikaže na svoji plasti v paleti plasti.

6. korak: Po potrebi spremenite velikost vrste

Če ugotovite, da je vaše besedilo premajhno (ali preveliko), lahko to enostavno popravimo s programom Photoshop Prosta transformacija ukaz. Najprej se prepričajte, da je vaša besedilna plast izbrana v paleti plasti (izbrane plasti so označene z modro). Nato pojdite do Uredi meni na vrhu zaslona in izberite Prosta transformacija . Ukaz Free Transform lahko izberete tudi z bližnjico na tipkovnici Ctrl+T (Zmaga) / Command+T (Mac):

  Izbira ukaza Free Transform v Photoshopu. Slika © 2009 Photoshop Essentials.com V meniju Urejanje izberite 'Free Transform'.

Videli boste polje Prosta transformacija in okrog besedila v dokumentu se bodo pojavili ročaji. Če želite spremeniti velikost besedila, pridržite tipko Shift in nato kliknite katero koli od kotni ročaji (majhni kvadratki) in povlecite vogal navznoter, da pomanjšate besedilo, ali navzven, da ga povečate. Če med vlečenjem držite pritisnjeno tipko Shift, omejite razmerje stranic, tako da med spreminjanjem velikosti besedila ne popačite oblike besedila. Svoje besedilo bom le malo povečal tako, da bom ročico v spodnjem desnem kotu potegnil navzven. Besedilo lahko tudi premaknete, če ga potrebujete, tako da kliknete kjer koli znotraj polja Free Transform in povlečete besedilo na novo mesto v dokumentu:



  Spremenite velikost besedila s funkcijo Free Transform. Slika © 2009 Photoshop Essentials.com Po potrebi spremenite velikost in premaknite besedilo s funkcijo Free Transform.

Ko končate, pritisnite Vnesite (Zmaga) / Vrnitev (Mac), da sprejmete spremembo in zaprete ukaz Free Transform.

7. korak: Besedilo pretvorite v obliko

Če želimo ustvariti 3D učinek, moramo spremeniti perspektivo našega besedila. Obstaja pa samo en problem. Photoshop nam ne dovoljuje spreminjanja perspektive besedila (poglejte, zakaj je to lahko težava?). Da vam pokažem, kaj mislim, se prepričajte, da je še vedno izbrana plast besedila, nato pa pojdite do Uredi meni na vrhu zaslona in izberite Preobrazba s seznama. Pojavil se bo sekundarni meni, ki prikazuje vse različne načine preoblikovanja vsebine sloja, ki smo ga trenutno izbrali. Opazite, kako Izkrivljanje in Perspektiva so možnosti zatemnjene? To pomeni, da nam trenutno niso na voljo, in to zato, ker Photoshop ne more izvajati nobene od teh dveh vrst transformacij besedila.

Rešitev je, da našo besedilno plast pretvorimo v tisto, kar se imenuje a plast oblike . S pretvorbo besedila v obliko bomo lahko spremenili njegovo perspektivo in ustvarili svoj učinek. Edina slaba stran pretvorbe besedila v obliko je, da vrste ne bo več mogoče urejati. Ker v tem primeru besedila ni treba urejati, nam ni treba skrbeti za to.



Ko je besedilna plast še vedno izbrana, se pomaknite do Plast meni na vrhu zaslona izberite Vrsta in nato izberite Pretvori v obliko :

  Pretvarjanje vrste v obliko v Photoshopu. Slika © 2009 Photoshop Essentials.com Pojdite na Layer > Type > Convert to Shape.

Če pogledamo v paleto plasti, lahko vidimo, da je besedilna plast zdaj videti popolnoma drugače, in to zato, ker ni več besedilna plast. Photoshop ga je pretvoril v plast oblike, kar pomeni, da lahko zdaj nanj uporabimo transformacijo perspektive in ustvarimo naš učinek 3D besedila:



  Sloj Type je zdaj sloj Shape v Photoshopu. Slika © 2009 Photoshop Essentials.com Besedilna plast je bila pretvorjena v plast oblike.

8. korak: Spremenite perspektivo

Pojdite nazaj na Uredi meni. Videli boste, da je bila možnost Preoblikovanje, ki smo si jo ogledali pred trenutkom, zamenjana z novo imenovano možnostjo Preobrazba poti . Še enkrat, to je zato, ker imamo zdaj opravka z obliko. Na seznamu izberite Pretvori pot. Ko se prikaže sekundarni meni, boste videli, da sta zdaj na voljo možnosti Popačenje in Perspektiva. Izberite Perspektiva s seznama:

  Izbira možnosti Transform Path - Perspective v Photoshopu. Slika © 2009 Photoshop Essentials.com Pojdite na Edit > Transform Path > Perspective.

Okoli besedila (oblike) se bodo pojavili isti okvir in ročaji, ki smo jih videli prej, ko smo izbrali ukaz Free Transform. Razlika je v tem, da zdaj delamo v načinu perspektive. Če želite spremeniti perspektivo besedila in mu dati tridimenzionalni videz, preprosto kliknite ročico v spodnjem desnem kotu in jo povlecite naravnost navzdol. Med vlečenjem se bo višina desne strani besedila povečala od sredine, leva stran pa bo ostala nespremenjena:

  Spreminjanje perspektive oblike v Photoshopu. Slika © 2009 Photoshop Essentials.com Kliknite ročico v spodnjem desnem kotu in povlecite navzdol.

Ko ste zadovoljni s premikom perspektive, pritisnite Vnesite (Zmaga) / Vrnitev (Mac), da sprejme preobrazbo. Vaše besedilo bi zdaj moralo izgledati nekako takole:

  Besedilo je zdaj spremenilo perspektivo v Photoshopu. Slika © 2009 Photoshop Essentials.com Besedilo se zdaj prikaže s 3D perspektivo.

9. korak: Ustvarite več kopij plasti oblike, pri čemer je vsaka pomaknjena nekoliko dlje v desno

Ta naslednji korak je zabaven del. Zelo hitro bomo ustvarili več kopij naše plasti oblike, pri čemer bo vsaka premaknjena za en piksel bolj desno od prejšnje. To bo našim črkam dalo nekaj globine. Najprej izberite Premakni se tudi l iz palete orodij ali samo pritisnite črko IN na tipkovnici, da jo izberete z bližnjico. Ta trik deluje samo z izbranim orodjem za premikanje:

  Izbira orodja Move Tool v Photoshopu. Slika © 2009 Photoshop Essentials.com Izberite orodje za premikanje.

Z izbranim orodjem za premikanje in izbrano plastjo oblike v paleti plasti pridržite tipko Vse (Zmaga) / Možnost (Mac) in pritisnite desno puščično tipko na vaši tipkovnici. Nato ga ponovno pritisnite. Ampak. In spet. Opazite, kaj se dogaja? Vsakič, ko pritisnete desno puščično tipko in držite tipko Alt / Option, ustvarite novo kopijo plasti oblike in premaknete novo kopijo za en piksel v desno. Če držite tipko Alt / Option, Photoshop pove, naj vsakič ustvari novo kopijo oblike, namesto da preprosto premakne obstoječo obliko. Večkrat ko pritisnete desno puščično tipko, več kopij plasti boste ustvarili in večjo globino bomo dali svojim črkam.

Pritiskajte desno puščično tipko, dokler niste zadovoljni z rezultati. V mojem primeru sem puščično tipko pritisnil skupno 68-krat in ustvaril 68 kopij svoje oblike, pri čemer se je vsaka premaknila za en piksel bolj v desno. Kolikokrat boste pritisnili puščično tipko, je odvisno od ločljivosti dokumenta, s katerim delate. Ko končate, bi moralo biti vaše besedilo videti nekako takole:

  Ustvarjanje več kopij oblike. Slika © 2009 Photoshop Essentials.com Pridržite Alt (Win) / Option (Mac), nato pa večkrat pritisnite desno puščično tipko, da črkam dodate globino.

10. korak: premaknite plast izvirne oblike na vrh sklada plasti v paleti plasti

Vsakič, ko smo ustvarili novo kopijo naše oblike, smo ustvarili novo plast oblike v paleti plasti, Photoshop pa je vsako novo plast postavil neposredno nad prejšnjo plast. V mojem primeru moja paleta plasti zdaj vsebuje 68 kopij moje prvotne plasti oblike. Izvirna plast oblike je nad plastjo ozadja, vse kopije pa so naložene na njej. Lahko rečete, da je izvirnik, ker je edina plast oblike, ki v svojem imenu ne vsebuje besede 'copy'.

Prvotno plast moramo premakniti na sam vrh kupa in obstaja preprost način, da to storimo. Najprej kliknite prvotno plast v paleti plasti, da jo izberete. Nato pritisnite Ctrl+Shift+] (Zmaga) / Command+Shift+] (Mac). To je desni oklepaj (']'), če se sprašujete. Ta priročna bližnjica bo trenutno izbrano plast takoj premaknila neposredno na vrh sklada plasti:

  Premik izvirne plasti oblike na vrh sklada plasti. Slika © 2009 Photoshop Essentials.com Izvirna plast oblike je zdaj prikazana nad drugimi plastmi v paleti plasti.

11. korak: Združite vse kopije skupaj

Z našo izvirno plastjo, ki je zdaj na samem vrhu sklada plasti, moramo združiti vse te kopije plasti oblike v eno plast. Kliknite plast neposredno pod izvirno plastjo v paleti plasti (z drugimi besedami, drugo plast od zgoraj). Nato uporabite drsni trak na desni strani palete plasti, da se pomaknete navzdol do plasti neposredno nad plastjo ozadja. Ne kliknite le nanj, da bi ga izbrali, ker boste s tem preklicali izbor sloja, ki ste ga pravkar izbrali na vrhu. Namesto tega pridržite Shift tipko na tipkovnici in potem kliknite na plast, da jo izberete. To bo izbralo obe plasti hkrati, skupaj z vsako plastjo med njima. Vse te plasti bodo označene z modro barvo v paleti plasti.

Ko so zdaj izbrane vse naše kopirane plasti, se pomaknite do Plast meni na vrhu zaslona in izberite Spoji plasti navzdol blizu dna seznama. Za hitrejši način pa pritisnite bližnjico na tipkovnici Ctrl+E (Zmaga) / Command+E (Mac):

  Ukaz za spajanje plasti v Photoshopu. Slika © 2009 Photoshop Essentials.com Pojdite na Layer > Merge Layers.

Photoshop bo združil vse izbrane plasti v eno plast. Če pogledamo našo paleto plasti, lahko vidimo, da imamo zdaj samo tri plasti. Plast ozadja je na dnu, plast izvirne oblike je na vrhu, vmes pa je naša na novo združena plast:

  Plasti so zdaj združene v eno. Slika © 2009 Photoshop Essentials.com Vse kopije plasti oblike so bile združene v eno plast.

12. korak: Združenemu sloju dodajte preliv črno-belo

Da bi naše črke dobile resnično 3D videz, dopolnimo stvari z dodajanjem preprostega svetlobnega učinka. Ali pa vsaj nekaj takega izgleda kot svetlobni učinek. Kliknite združeno plast v paleti plasti, da jo izberete, če še ni izbrana. Nato kliknite na Slogi plasti ikona na dnu palete plasti. Prikaže se seznam vseh razpoložljivih slogov plasti. Kliknite na Gradientno prekrivanje da ga izberete:

  Izbira sloga plasti Gradient Overlay. Slika © 2009 Photoshop Essentials.com Na dnu palete slojev izberite slog sloja Gradient Overlay.

To bo prikazalo Photoshop Slog plasti pogovorno okno nastavite na možnosti Gradient Overlay v srednjem stolpcu. Za lažni svetlobni učinek želimo uporabiti črno-beli preliv. Če že imate izbran črno-beli preliv, lahko ta naslednji korak preskočite. Če imate izbran drug gradient, kliknite na območje predogleda gradienta sredi možnosti:

  Območje predogleda preliva v pogovornem oknu Slog plasti. Slika © 2009 Photoshop Essentials.com Kliknite območje predogleda preliva v pogovornem oknu Slog plasti, da izberete nov preliv.

To pripelje do Izbirnik preliva , ki nam prikazuje vse razpoložljive prelive, med katerimi lahko izbiramo. Tisti, ki ga želimo, je Črnobela gradient, tretji z leve, zgornja vrstica. Če imate v Photoshopovih nastavitvah omogočene nasvete za orodje, se bo ime preliva prikazalo, ko premaknete miškin kazalec nad sličico. Kliknite nanjo, da jo izberete, nato kliknite v redu v zgornjem desnem kotu, da ga sprejmete:

  Izbira črno-belega gradienta. Slika © 2009 Photoshop Essentials.com Izberite črno-beli gradient.

Nazaj v glavnih možnostih Gradient Overlay boste videli območje predogleda gradienta, ki zdaj prikazuje črno-beli gradient (če še ni bil). Spodaj je nekaj pomembnih možnosti. Prepričajte se, da Slog možnost je nastavljena na Linearno in gradient Kot je nastavljeno na 90° :

  Možnosti Gradient Overlay. Slika © 2009 Photoshop Essentials.com Prepričajte se, da je možnost Slog nastavljena na Linearno in da je Kot nastavljen na 90°.

Kliknite v redu ko končate, zapustite pogovorno okno Slog plasti in končali smo! Photoshop uporabi črno-beli preliv na združeno plast, s čimer ustvari učinek sence na črkah in dopolni naš preprost 3D učinek besedila:

  Photoshop 3D besedilo. Slika © 2009 Photoshop Essentials.com Končni učinek 3D besedila.

Kam naprej ...