Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Kako Izraditi Galaktički Tekst Efekt u Adobe Photoshopu

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Text Effects .
How to Create an 80s-Inspired Silver Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

U ovom tutorialu ću vam pokazati kako upotrijebiti nekoliko slojeva za stil (layer style), teksture i postavke kista kako biste izradili tekst efekt inspiriran galaksijama.

Ovaj tekst efekt nadahnut je mnogim Layer Styles stilovima koji su na našoj stranici GraphicRiver.

Resursi za Tutorial

Tijekom izrade ovog tutorial korišteni su sljedeći resursi:

1. Kako Izraditi Pozadinu

1. korak

Izradite novi 960 x 720 px dokument. Kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice, odaberite Solid Color, i upotrijebite Color #0c0e22.

Solid Color Layer

2. korak

Idite na File > Place Linked da otvorite Cosmos sliku. Po potrebi promijenite veličinu i promijenite naziv sloja u Background Image.

Add the Background Image

3. korak

Promijenite Hue/Saturation sloj za prilagođavanje (adjustment layer) i promijenite mu Blend Mode u Color.

Promijenite Hue vrijednost na 23, i Saturation na -45.

HueSaturation

2. Kako Izraditi Slojeve Teksta

1. korak

Napišite tekst sa velikim slovima (All Caps) koristeći font Bungee. Podesite Size na 230 pt, i ako ćete koristiti više od jednog reda teksta, promijenite Leading vrijednost na 210.

Create the Text

2. korak

Promijenite Fill vrijednost sloja sa tekstom u 0.

Fill Value

3. korak

Dva puta duplicirajte sloj teksta.

Duplicate the Text Layer

3. Kako Stilizirati Prvi Sloj Teksta

Dvostrukim klikom na originalni sloj teksta primijenite sljedeći 'layer style' (stil sloja):

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

  • Size: 20
  • Označite Anti-aliased kućicu
  • Shadow Mode: Color Dodge
    • Color: #47fcc7
    • Opacity: 70%
Bevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

  • Contour: Rolling Slope - Descending
  • Označite Anti-aliased kućicu
Contour

3. korak

Dodajte Stroke sa ovim postavkama:

  • Size: 1
  • Fill Type: Gradient
  • Upotrijebite faucet 30 gradijentnu ispunu
Stroke

4. korak

Dodajte Drop Shadow sa ovim postavkama:

  • Opacity: 100%
  • Distance: 5
  • Spread: 30
  • Size: 10
Drop Shadow

Ovo će stilizirati prvi sloj teksta.

Styled Text Layer 1

4. Kako Stilizirati Drugi Sloj Teksta

Dvostrukim klikom na prvu kopiju sloja teksta primijenite sljedeći 'layer style':

1. korak

Dodajte Bevel and Emboss sa sljedećim postavkama:

  • Size: 35
  • Use Global Light ostavite neoznačeno
  • Angle: 107
  • Altitude: 37
  • Gloss Contour: Ring - Double
  • Označite Anti-aliased kućicu
  • Highlight Mode:
    • Color: #ef1d58
    • Opacity: 70%
  • Shadow Mode: Color Dodge
    • Color: #a81227
    • Opacity: 70%
Bevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

  • Contour: Cone - Inverted
  • Označite Anti-aliased kućicu
Contour

3. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Blend Mode: Screen
  • Color: #b2b412
  • Opacity: 50%
  • Use Global Light ostavite neoznačeno
  • Angle: 90
  • Distance: 25
  • Size: 30
Inner Shadow

4. korak

Dodajte Inner Glow sa ovim postavkama:

  • Blend Mode: Lighter Color
  • Opacity: 25%
  • Gradient: Izradite gradijentnu ispunu koristeći boje #4c1061 s lijeva, #3e2b6a u sredini, i #504b71 zdesna.
  • Size: 18
Inner Glow

Ovo će stilizirati drugi sloj teksta.

Styled Text Layer 2

5. Kako Stilizirati Treći Sloj Teksta

Dvostrukim klikom na drugu kopiju sloja teksta primijenite sljedeći 'layer style' (stil sloja):

1. korak

Dodajte Bevel and Emboss sa sljedećim postavkama:

  • Size: 55
  • Use Global Light ostavite neoznačeno 
  • Angle: -39
  • Altitude: 58
  • Gloss Contour: Ring
  • Označite Anti-aliased kućicu
  • Highlight Mode: Overlay
    • Color: #e3dc26
  • Shadow Mode: Color Dodge
    • Color: #0eb483
    • Opacity: 70%
Bevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

  • Contour: Rolling Slope - Descending
  • Označite Anti-aliased kućicu
Contour

3. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Blend Mode: Color Dodge
  • Color: #ab60f1
  • Opacity: 35%
  • Distance: 10
  • Size: 20
Inner Shadow

4. korak

Dodajte Inner Glow sa ovim postavkama:

  • Opacity: 35%
  • Color: #ff1d48
  • Source: Center
  • Size: 65
  • Contour: Cone - Inverted
Inner Glow

5. korak

Dodajte Satin efekt sa ovim postavkama:

  • Blend Mode: Color Dodge
  • Color: #ae8010
  • Opacity: 10%
  • Angle: 90
  • Distance: 143
  • Size: 95
  • Contour: Ring - Double
  • Označite Anti-aliased kućicu
  • Označite Invert kućicu
Satin

6. korak

Dodajte Outer Glow sa ovim postavkama:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 25%
  • Color: #53abde
  • Size: 25
Outer Glow

Ovo će stilizirati posljednji sloj teksta.

Styles Text Layer 3

6. Kako Primijeniti Potez Kistom na Radnu Putanju

1. korak

Kliknite desnim gumbom miša na bilo koji sloj teksta i odaberite Create Work Path.

Odaberite Brush Tool i otvorite Brush karticu (Window > Brush). Važno je da sav posao obavite unutar Brush kartice, posebno odabir vrhova kista.

Create Work Path

2. korak

Odaberite obli vrh kista i upotrijebite ove postavke u Brush Tip Shape i Shape Dynamics karticama:

Brush Settings

3. korak

Izradite novi sloj iznad svih slojeva, nazovite ga Fade Stroke, i podesite Foreground Color na #29ecee.

Jednom pritisnite Return tipku da primijenite 'stroke' na radnu putanju. Ako želite drugačiji rezultat, možete promijeniti Size (veličinu) vrha kista, ili Fade vrijednost u Shape Dynamics kartici.

Stroke the Work Path

4. korak

Fade Stroke sloju promijenite Blend Mode u Overlay.

Change the Blend Mode

7. Kako Izraditi 'Stroke' (Potez Kistom) Sloj sa Teksturom i Vrh Kista

1. korak

Smjestite Stars teksturu iznad svih slojeva, promijenite joj veličinu po potrebi, promijenite joj naziv sloja u Texture Stroke, i tom sloju promijenite Blend Mode u Linear Dodge (Add).

Add the Texture

2. korak

Kliknite Options i zatim Add layer mask ikonu na dnu Layers kartice kako biste dodali invertiranu masku koja skriva sadržaj sloja.

Add an Inverted Layer Mask

3. korak

Dok je aktiviran Brush Tool odaberite Flat Angle 32px vrh kista i upotrijebite ove postavke za Brush Tip Shape i Shape Dynamics kartice:

Brush Settings

8. Kako Primijeniti Potez Kistom (Stroke) na Radnu Putanju na Maskiranom Sloju

1. korak

Selektirajte sličicu (thumbnail) Texture Stroke sloja, podesite Foreground Color u White (bijelu), i odaberite Direct Selection Tool (A).

Kliknite desnim gumbom na radnu putanju i odaberite Stroke Path. Podesite Tool na Brush, označite Simulate Pressure okvir i kliknite OK.

Stroke the Work Path

Ponoviti ćemo ovaj korak da primijenimo 'stroke' (potez kistom) na ostatak tekstura u ovom tutorialu, ali sada sa neoznačenim Simulate Pressure.

Stroked Mask

2. korak

Pritisnite Command-kliknite na sličicu (thumbnail) bilo kojeg sloja teksta da napravite selekciju.

Create a Selection

3. korak

Pripazite da vam je sličica (thumbnail) Texture Stroke sloja još uvijek selektirana i da je Background Color podešen na Black (crnu boju), i pritisnite Command-Backspace da ispunite selekciju sa Black (crnom bojom).

Pritisnite Command-D da uklonite selekciju.

Fill the Layer Mask Selection

9. Kako Izraditi Grupu za Poteze Kista sa Teksturom

1. korak

Smjestite Galaxy sliku ispod originalnog sloja teksta, promijenite joj veličinu po potrebi, i promijenite joj naziv sloja u BG Stroke 1.

Add the Stroke Texture

2. korak

BG Stroke 1 sloju dodajte invertiranu masku, zatim smjestite sloj u grupu i nazovite je BG Stroke.

BG Stroke Group

3. korak

Duplicirajte BG Stroke 1 sloj tri puta. i promijenite nazive kopija u brojeve 2, 3, i 4.

Duplicate the BG Stroke Layer

10. Kako Izraditi Vrhove Kista za Velike Čestice

1. korak

Odaberite Brush Tool, zatim izaberite Erodible Point 9px vrh kista i upotrijebite ove postavke:

Brush Tip Shape

Brush Tip Shape

Shape Dynamics

Shape Dynamics

Scattering

Scattering

2. korak

Selektirajte sličicu (thumbnail) maske BG Stroke 2 sloja i primijenite 'stroke' na putanju koristeći Direct Selection Tool.

Pripazite da uklonite oznaku u Simulate Pressure kućici za sve BG Stroke slojeve.

Stroke the BG Stroke 1 Layer Mask

3. korak

Promijenite postavke istog vrha kista da postignete drugaćiji rezultat tako što ćete 'odznačiti' Shape Dynamics karticu i upotrijebiti ove postavke za Brush Tip Shapes i Scattering:

Brush Settings

4. korak

Upotrijebite modificirani vrh kista da primijenite 'stroke' na putanju na BG Stroke 2 maskiranom sloju, i upotrijebite Blend Mode sloja u Lighter Color.

Stroke the BG Stroke 2 Layer Mask

11. Kako Izraditi Vrhove Kista za Prašinu

1. korak

Odaberite Airbrush vrh kista prikazan ispod, i upotrijebite ove Brush Tip Shape i Scattering postavke:

Brush Settings

2. korak

Kliknite Create new brush ikonu u donjem desnom kutu Brush kartice, podesite Name u Dust Brush, i kliknite OK.

Save the Brush Tip

3. korak

Selektirajte sličicu (thumbnail) maske BG Stroke 3 sloja, primijenite 'stroke' na radnu putanju sa Dust Brush vrhom kista i sloju promijenite Blend Mode u Color Dodge.

Stroke the BG Stroke 3 Layer Mask

4. korak

Promijenite Brush Tip Shape i Scattering postavke istog vrha kista kao što je prikazano na sljedećoj slici:

Brush Settings

5. korak

Primijenite 'stroke' na radnu putanju na sličicu (thumbnail) sloja BG Stroke 4 i promijenite sloju Blend Mode u Color Dodge.

Sa aktiviranim Direct Selection Tool alatom, pritisnite Return tipku da se riješite radne putanje.

Stroke the BG Stroke 4 Layer Mask

12. Kako Dodati Svjetlosne Pruge

1. korak

Smjestite jednu od P-Series.Black-BG - C4D Set slika na Texture Stroke sloj, po potrebi joj promijenite veličinu i sloju promijenite Blend Mode u Screen.

Add a Light Image

2. korak

Pritisnite Command-T da uđete u Free Transform Mode način, i kliknite Warp ikonu u Options kartici.

Kliknite-povucite točke i/ili dijelove da iskrivite svijetlo u oblik koji želite. Kada završite kliknite Return tipku da primijenite promjene.

Dok ste još u Free Transform Mode načinu, možete također promijeniti veličinu, rotirati i podesiti sliku.

Warp the Light

3. korak

Možete dodati masku sloja (layer mask) i upotrijebiti meki obli vrh kista, sa Foreground Color podešenom na crnu boju kako biste slikali preko neželjenih dijelova i sakrili ih.

Hide Unwanted Areas

4. korak

Dodajte još slika i iskrivite ih sa funkcijom 'warp'.

Ako je pozadina svijetla vidljiva, možete ići na Image > Adjustments > Levels, zatim kliknite Sample in image to set black point ikonu i kliknite područje pozadine koje želite zacrniti.

Adjust the Lights Background

5. korak

Dodajte kliko god slika je potrebno i smjestite ih gdje god želite.

Add More Light Images

13. Kako Prilagoditi Pozadinu i Globalno Obojenje

1. korak

Dodajte masku sloja (layer mask) na Background Image sloj, odaberite Brush Tool, pa odaberite Dust Brush koji ste pohranili ranije i kliknite-povucite lagano u sredini dokumenta da obrišete dio sredine slike.

Mask Out the Background Image Center

2. korak

Iznad svih slojeva dodajte Gradient Map, označite Dither, i izradite gradijentnu ispunu sa bojama #5c3d69 s lijeva, #94516a u sredini i #e8977a zdesna.

Gradient Map sloju promijenite Blend Mode u Soft Light, i Opacity na 30%.

Gradient Map

3. korak

Dodajte Color Lookup sloj za prilagođavanje (adjustment layer) iznad svih slojeva i upotrijebite FoggyNight.3DL karticu s 3DLUT File izbornika.

Color Lookup

4. korak

Pritisnite Command-A kako biste sve selektirali i idite na Edit > Copy Merged, te Edit > Paste Special > Paste in Place.

Promijenite naziv zalijepljenog sloja u Overlay i sakrijte Color Lookup sloj.

Create the Overlay Layer

5. korak

Overlay sloju smanjite Opacity na vrijednost koju želite.

Decrease the Opacity

Čestitam! Završili ste

U ovom tutorialu smo upotrijebili jednostavne teksture za pozadinu, i izradili nekoliko slojeva teksta. Zatim smo stilizirali slojeve teksta kako bismo kreirali glavni efekt.

Nakon toga smo upotrijebili teksture i ostavke kista da izradimo nekoliko 'stroke' slojeva. Na kraju smo upotrijebili slojeve za prilagođavanje kako bismo unaprijedili konačan rezultat.

Molim vas, ispod ostavite svoje komentare, prijedloge i rezultate.

Final Result
Advertisement
Advertisement
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.