30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Kako napraviti 3D tekst efekt sa odsjajem u Adobe Photoshopu

by
Difficulty:IntermediateLength:LongLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

3D tekst efekti mogu se raditi na mnogo različitih načina, a Photoshop 3D alatima i postavkama možemo to raditi na zabavan način. U ovom tutorijalu pokazat ću vam kako se poigrati sa teksturama materijala i postavkama, kao i svijetlom, te kako kreirati tekst efekt sa odsjajem. Započnimo!

Potrebni materijal:

Sljedeći materijali su korišteni tijekom izrade ovog tutorijala:

  • Franks font
  • Apartment Stock 13 by AreteStock
  • Premium Blur Backgrounds bundle by raspanky
  • Deep Space 10K Backgrounds Vol2 by Dreamlancer

1. Napravite pozadinu i tekst

Korak 1

Kreirajte novi 1250 x 1000 px dokument.

Zatim, napišite tekst u All Caps koristeći Franks Regular font . i podesite veličinu teksta na 280 pt.

Create the Text

Korak 2

Ako imate tekst u više redova, promijenite "Leading" vrijednosti u 250, i izmijenite "Tracking" u vrijednost koju želite. U ovom slučaju, "Tracking" vrijednost teksta u drugom redu podešena je na 100.

Text Settings

2. Napravite "Shape Layers"

Korak 1

Desnim klikom na tekst "layer" odaberite "Convert to Shape". Zatim ga duplicirajte i kopiju preimenujte u "Stroke".

Create the Shape Layers

Korak 2

U "Stroke" layeru, odaberite "Direct Selection Tool".

U "Options" prozorčiću odaberite "Fill" i promijenite u "None", zatim "Stroke Color" u #e5bf25, "Size" u 2, i  kliknite na "Set shape stroke type" ikonu te promijenite "Align" u "Outside".

Stroke Settings

Napravite 3D "Layers"

Korak 1

Odaberite svaki Shape Layer koji imate i idite na 3D > New 3D Extrusion from Selected Path, kako biste konvertirali u 3D layer..

Create the 3D Layers

Korak 2

Odaberite oba 3D layera i idite na 3D > Merge 3D Layers.

Merge 3D Layers

Korak 3

Kako biste pristupili postavkama 3D mreže, morati ćete otvoriti 2 panela: "3D" panel i "Properties" panel (naći ćete ih ispod "Window" menija).

3D panel sadrži sve komponenete 3D prikaza, i kada kliknete naziv bilo kojeg, moći ćete pristupiti postavkama u "Properties" panelu. Stoga, prije nego što mu promijenite postavke u "Properties" panelu, budite sigurni da  uvijek odaberete onaj element kojeg želite modificirati u 3D panelu.

3D and Properties Panels

4. Prilagodite postavke mreže ("Mesh Settings")

Korak 1

Odaberite mesh tab u 3D panelu, i promijenite "Extrusion Depth" u "Properties" panelu na 70.

Extrusion Depth

Korak 2

Na vrhu "Properties" panela kliknite na "Cap" ikonu i promijenite "Bevel Width" u 2%, "Contour" u "Cone", i "Inflate Strength" u 10.

Cap Settings

Korak 3

Odaberite "Stroke" mesh tab, i promijenite "Extrusion Depth" u 35.

Extrusion Depth

5. Napravite "Front Inflation Material Texture"

Korak 1

Tekstu odaberite "Front Inflation Material" tab i zatim kliknite na "Diffuse" ikonu teksture u "Properties" panelu te odaberite "Edit texture".

Edit Diffuse Texture

Korak 2

Tako će se otvoriti file sa shape layerom korištenim za kreiranje 3D mreže.

Promijenite mu boju odabirom "Fill" color u #61129d.

Change Fill Color

Korak 3

Odaberite "Rectangle Tool" i napravite tanki (Height vrijednost podešena na 15 px) horizontalni pravokutnik preko vrha teksta. Ispunite pravokutnik bojom #e5bf25, zatim ga duplicirajte.

Create a Rectangle

Korak 4

Kliknite na "Command-T" tipke kako biste odabrali "Free Transform Mode", i povucite kopiju pravokutnika malo prema dolje, ovisno o tome koliki razmak želite ostaviti između linija.

Kliknite na "Return" da prihvatite promjene.

Duplicate and Move the Rectangle

Korak 5

Sada kliknite "Option-Command-Shift-T" tipke nekoliko puta, da kopirate pravokutnike sa transformacijom, sve dok ne prekrijete tekst.

Kad završite, odaberite sve layere pravokutnika, idite na Layer > Merge Shapes, i zatim taj layer preimenujte u Stripes.

Idite na File > Save kako biste spremili promjene prije nego što krenemo dalje.

Merge the Stripes

6. Napravite "Reflection" i "Bump" teksture

Korak 1

Dok vam je još otvoreni Texture file, idite na File > Save As, i spremite kopiju tog file-a pod imenom Reflection.

Pobrinite se da to spremite u vaš projekt folder kako biste ga mogli kasnije lakše pronaći.

Save the Reflection Texture

Korak 2

Promijenite boju text shape-a u "535353.

Change the Shape Color

Korak 3

Kliknite dva puta na Stripes layer kako biste primjenili "Pattern Overlay" efekt koristeći "Satin Pattern".

Pattern Overlay

Korak 4

Spremite file.

Save the File

Korak 5

Spremite file kao kopiju pod nazivom Bump.

Save the Bump Texture

Korak 6

Promijenite boju text shape-a u #1c1c1c, i spremite promjenu.

Change the Shape Color

Znači, sada bi trebali imati dva file-a, jedan za "Reflection" teksturu sa svijetlo sivom bojom, i jedan za "Bump" teksturu sa tamno sivom bojom.

7. Prilagodite postavke materijala (Material Settings)

Korak 1

Vratite se na originalni 3D Scene dokument, i tekstu odaberite karticu "Front Inflation Material".

Kliknite na Reflection folder ikonu i odaberite "Load Texture", zatim otvorite "Reflection" teksturu koju ste napravili u prijašnjem procesu.

Ponovite postupak da učitate Bump teksturu također.

Load the Reflection and Bump Textures

Korak 2

Što se tiče ostalih postavki za materijal, promijenite Specular color (u RGB) u (75,55,9), Shine u 25, Reflection u 70, i Bump u 2.

Material Settings

Korak 3

Odaberite obje kartice, Bevel i Back Inflation Material za mrežu teksta, promijenite Shine u 25 i Reflection u 70.

Material Settings

Korak 4

Odaberite text mesh "Extrusion Material" krticu, zatim kliknite "Diffuse" i odaberite "Remove Texture".

Remove Diffuse Texture

Korak 5

Promijenite Diffuse boju u (70,93), Specular boju u (207,178,75), Shine u 35, Reflection u 35, i Refraction u 1.656.

Material Settings

Korak 6

Odaberite sve "Stroke" mesh material kartice, i promijenite Shine u 30 i Reflection u 50.

Material Settings

Korak 7

Odaberite Stroke Extrusion Material karticu, uklonite Diffuse texture i promijenite Fill boju u (229,191,37).

Material Settings

8. Pomaknite mreže i promijenite prikaz kamere (Camera View)

Korak 1

Odaberite oba mesh layera, kliknite na "Coordinates" ikonu na vrhu "Properties" panela, i promijenite X Rotation Angle u 90.

Zatim idite na 3D > Move Object to Ground Plane.

Move the 3D Meshes

Korak 2

Odaberite "Move Tool", i koristeći "3D Axis" smjestite potez u sredinu mreže teksta. 

Move the Stroke

Korak 3

Odaberite karitce "Current View" u 3D panelu, pa potom odaberite "Top" iz "View" menija u panelu "Properties".

Top Camera View

Prilagodite svjetlinu

Korak 1

Kliknite na "Infinite Light 1" karticu, promijenite "Intensity"na 50, i uklonite oznaku "Shadow".

Infinite Light Settings

Korak 2

Sada kliknite na "Add New Light to Scene" ikonu na dnu 3D panela i odaberite "New Point Light".

Add a Point Light

Korak 3

Promijenite "Change Light Color" u (249, 247, 238), "Intensity" u 30, "Shadow Softness"  u 30, i označite "Light Falloff" okvir.

Namjestite "Inner" vrijednost u 470 i "Outer" vrijednost u 830. Možete koristiti bilo koje druge vrijednosti ovisno o rezultatu kojeg želite postići.

Point Light Settings

Korak 4

Koristite "Move Tool" i "3D Axis" za pomicanje svjetlosti i prilagodbu postavki sve dok ne dobijete rezultat kakv želite.

Kako biste to učinili možete promijeniti prikaz kamere ("Camera View"), zatim se vratiti nazad na "Top" prikaz kada završite.

Move the Lights

Korak 5

Kliknite na karticu "Environment" u 3D panelu, i zatim kliknite na "IBL" ikonu u panelu "Properties", pa odaberite "Replace Texture".

Učitajte sliku Apartment Stock 13, i promijenite intenzitet "Intensity" na 50.

Environment Settings

Korak 6

Možete koristiti "Move Tool" za pomicanje slike teksture sve dok ne dobijete željeni rezultat.                           

Move the Light Texture

Korak 7

Sliku 17 iz Premium Blur Backgrounds bundle-a stavite ispod 3D layera, i idite na Edit > Transform > Flip Vertical.

Za pozadinu možete iskoristiti jednostavnu stupnjevitu ispunu, odnosno "Gradient Fill", dodati "Gaussian Blur" slici kou imate, ili dodati neku drugu teksturu koja vam se sviđa.

Nakon što dodate pozadinu, uzmite malo vremena za podešavanje različitih svjetlosti, mičite ih malo, a možete čak pomicati i mreže dok ne dobijete rezultat kojim ste zadovoljni.

Add the Background Texture

Uredite prikaz i napravite kopiju

Korak 1

Kada završite, idite na 3D > Render Uređivanje može malo potrajati, ali možete ga zaustaviti u bilo koje vrijeme pritiskom na Esc tipku.

Render the Scene

Korak 2

Jednom kad je uređivanje završeno, odaberite 3D Scene desnim klikom miša i odaberite "Convert to Smart Object".

Convert the 3D Layer into a Smart Object

Step 3

Duplicirajte smart object layer, učinite ga nevidljivim klikom na ikonicu oka odmah pokraj, i zatim desnim klikom kliknite kopiranje ("Copy") i odaberite "Rasterize Layer".

Rasterize the Smart Object Copy

Popravite neravne rubove pruga i prilagodite boju teksta

Korak 1

Ako uvećate malo prikaz, primijetiti ćete da neke pruge imaju neravne rubove. To ćemo popraviti kako bi nam krajnji rezultat bio uređeniji, ispoliraniji.

Zoom into the Jagged Edges

Korak 2

Uzmite "Spot Healing Brush Tool", odaberite lagano zaobljeni vrh kista (soft round brush tip), i zatim prebojite preko neravnih dijelova kako biste ih uklonili.

Važno je obojati male dijelove što je moguće preciznije, i ne prelaziti preko cijele linije odjednom.

Remove the Jagged Edges

Korak 3

Tkođer, kada je potrebno, možete uzeti i "Stamp Tool" ali "Spot Healing Brush Tool" trebao bi biti sasvim dovoljan.

Use the Stamp Tool

Korak 4

Samo se pobrinite da povećate linije, i popravite sve neravne rubove sve dok ne dobijete lijep, čist tekst.

Fix All the Jagged Edges

Korak 5

Kliknite na "Create new fill or adjustment layer" ikonu na dnu "Layer" panela i odaberite "Levels".

Add a Levels Layer

Korak 6

Kliknite na "Click to layer" ikonu, i promijenite vrijednosti "Shadow" u 3.

Levels Settings

12. Dodajte teksturu zvijezda

Korak 1

Otvorite drugu sliku iz Deep Space 10K Backgrounds Vol2 slika u Photoshopu. Pošto su te slike izuzetno velike, morati ćete ih malo urediti, stoga idite na Image > Image Size, i podesite "Resolution" na 72.

Napravite duplikat na vrhu preko svih layera koje imate u originalnom dokumentu te mu preimenujte layer u "Stars".

Desnim klikom kliknite "Stars" layer, odaberite "Convert to Smart Object" i zatim podesite veličinu ukoliko je potrebno.

"Stars" layeru promijenite "Blend Mode" u "Screen" i namjestite "Opacity" na 50. Tada napravite duplikat i kopiji promijenite "Opacity" u 30.

Add the Stars Texture

Korak 2

Na odabrananoj kopiji "Stars" layera, idite na Filter > Blur Gallery > Iris Blur. Kliknite-odvucite prijelazne točke do centra pribadajuće igle.

Iris Blur Pins

Korak 3

Namjestite "Blur" vrijednost na 15, i zatim, pod "Effects" karticom promijenite "Light Bokeh" u 80 %. Tako će se stvoriti dobar "bokeh" efekt. Možete se pozabaviti sa postavkama vrijednosti da dobijete različite rezultate.

Iris Blur Settings

Korak 4

Ovo je opcionalno, ali mi ćemo ukloniti originalni stars layer ispod bokeh.

Kako biste to učinili, odaberite layer "Stars" i kliknite na ikonu "Add layer Mask"  na dnu "Layer" panela.

Sada, uzmite "Eraser Tool", odaberite blago zaobljeni vrh kista (soft round brush tip), i namjestite "Foreground" boju u bijelu, odnosno "White". Odaberite "mask" sličicu, i kliknite kako bi uklonili svijetloispod svakog "bokeh" kružića kojeg imate.

Erase Bokeh Stars

Korak 5

Opet, slobodno koristite bilo koju teksturu ili efekt koji se vama sviđa. Možete čak mijenjati tekst i boje linija, kut kamere, svijetlost, itd. Samo se zabavljajte i učinite nešto svoje!

Finished Result

Čestitamo! Završili ste

U ovom tutorijalu, napravili smo tekst i konvertirali ga u oblike, a zatim i u 3D mreže.

Radili smo na postavkama 3D mreža, teksturama, i materijalima kako bismo stvorili glavni efekt. Zatim smo radili na svjetlosti, uređivanju prikaza, i dodali smo neke teksture za pozadinu i "bokeh" efekt.

I na kraju, koristili smo zamagljeni filter i maskiranje u slojevima kako bi poboljšali krajnji rezultat.

Molimo Vas ostavite svoje komentare, prijedloge, i rezultate ispod.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.