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

Kako Izraditi inFamous Tekst Efekt u Adobe Photoshopu

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Danas ću vam pokazati kako možete izraditi tekst efekt inspiriran igrom inFamous. Tijekom procesa naučiti ćete kako izraditi svjetlosnu zraku, dva uzorka i dva stila. Počnimo.

Ako želite samo efekt za tekst i htjeli biste preskočiti tutorijal, možete kupiti  kompletan "Gaming Styles" set gejmerskih stilova na GraphicRiver-u.

Gaming Styles promo
"Gaming Styles" stilovi

Resursi za Tutorijal

Upotrijebiti ćemo sljedeću pozadinu:

1. Kako Izraditi Prvi Uzorak

1. korak

Otvorite Photoshop i izradite novi dokument dimenzija 1500 x 1500 px. Nakon toga dvaput kliknite Background sloj da ga konvertirate u normalan sloj. Zatim promijenite naziv u infamous BG.

Renaming the backgroung layer

2. korak

Podesite Foreground Color u #000000 i Background Color u #7c7c7c. Zatim idite na Filter > Render > Clouds.

Creating a abstract texture

3. korak

Idite na Filter > Filter Gallery... i odaberite Distort > Glass sa ovim postavkama:

  • Distortion: 18
  • Smoothness: 2
  • Texture: Frosted
  • Scaling: 100%
  • Invert: Ostavite neoznačeno

Kliknite OK.

Applying a glass effect to the texture

4. korak

Držite Alt-Space i kliknite lijevim gumbom miša da zumirate sve dok ne vidite cijelu sliku.

Sada pritiskom na Cotrol-J napravite kopiju sloja.

Making a copy of the layer

5. korak

Pritisnite Control-T da aktivirate Free Tranform opciju. Zatim kliknite sliku desnim gumbom miša i odaberite Flip Horizontal. Nakon toga pritisnite Enter i kliknite na Add Layer Mask ikonu.

Creating a Layer Mask

6. korak

Kliknite Layer Mask (bijeli okvir u sloju) i pritisnite tipku D da resetirate Foreground and Background zadane boje. Zatim pritisnite X da je preokrenete.

Nakon toga selektirajte Gradient Tool (G) sa ovim postavkama:

  • Gradient: Foreground to Transparent
  • Type: Linear Gradient
  • Mode: Normal
  • Opacity: 100%
  • Reverse: Ostavite neoznačeno
  • Dither: Označite
  • Transparency: Označite

The Gradient Tool Settings

7. korak

Sada, sa selektiranim Gradient Tool alatom kliknite lijevim gumbom na sredinu dokumenta i povucite mišem u desnu stranu, na otprilike četvrtinu širine slike.

Dragging the mouse to the right with the Gradient Tool

8. korak

Kliknite na naziv infamous BG copy sloja i idite na Layer > Merge Visible. Zatim napravite još jednu kopiju sloja i ponovite 5. korak, ali ovaj puta odaberite Flip Vertical. Sada kliknite na Layer Mask i ponovite 7. korak povlačeći mišem do vrha na otprilike jednakom razmaku.

Dragging the mouse to the top with the Gradient Tool

9. korak

Kliknite na naziv infamous BG copy 2 sloja i idite na Layer > Merge Visible. Zatim idite na Edit > Define Pattern... i nazovite uzorak inFamous Pattern te kliknite OK. Spremite dokument i zatvorite ga.

Naming the Pattern

2. Kako Izraditi Efekt Elektriciteta

1. korak

Izradite novi dokument sa ovim postavkama:

  • Ime: Electric Texture
  • Width: 500 px
  • Height: 2000 px
  • Resolution: 72 PPI
  • Color Mode: RGB Color 8 bit
  • Background Contents: #000000

Kliknite OK.

Creating the new document

2. korak

Zumirajte dokument dok ne vidite cijelu sliku. Zatim idite na View > Rulers da aktivirate Rulers značajku. Kliknite desnim gumbom miša na 'ruler' i odaberite Percent. Nakon toga kliknite lijevim gumbom miša i povucite mišem da napravite Canvas Guides sa ovim postavkama:

  • Prva Horizontalna 'Guide' Pozicija: 40%
  • Druga Horizontalna 'Guide' Pozicija: 60%
  • Prva Vertikalna 'Guide' Pozicija: 29%
  • Druga Vertikalna 'Guide' Pozicija: 71%

Upotrijebiti ćemo maleni uski dio u sredini:

The document with the Canvas Guides

3. korak

Dvaput kliknite na Zoom Tool alat da ga resetirate na 10%. Sada idite na Layer > New > Layer... i nazovite ga Brush te kliknite OK. Zatim odaberite Brush Tool (B) sa ovim postavkama:

  • Brush: Tvrdi Okrugli
  • Size: 6 px
  • Hardness: 100%
  • Mode: Normal
  • Opacity: 100%
  • Flow: 100%
  • Pen Related Options: Ostavite neoznačeno
The Brush tool settings

4. korak

Počnite crtati nepravilne poteze (kao da crtate liniju dok vam ruka drhti) od sredine pa skroz s lijeva nadesno.

Drawing the shaky lines

5. korak

Sada promijenite veličinu kista na 4 i napravite malene grančice. Ne brinite ako prijeđete rub 'guide' linija - samo ih nemojte prijeći baš previše.

Drawing the small branches

6. korak

Dvaput kliknite na Brush kist da dodate Outer Glow sa ovim postavkama:

  • Blend Mode: Lighten
  • Opacity: 31%
  • Noise: 0%
  • Color: #4cb8ff
  • Technique: Softer
  • Spread: 7%
  • Size: 46%
  • Contour: Linear
  • Anti-Aliased: Ostavite neoznačeno
  • Range: 51%
  • Jitter: 0%

Kliknite OK.

First Outer Glow Settings

7. korak

Sada pritisnite Control-J da napravite kopiju Brush sloja.  Zatim ga dvaput kliknite da uredite Outer Glow sa ovim postavkama:

  • Blend Mode: Color Dodge
  • Opacity: 100%
  • Noise: 0%
  • Color: #30d6ff
  • Technique: Softer
  • Spread: 15%
  • Size: 49 px
  • Contour: Linear
  • Anti-Aliased: Ostavite neoznačeno
  • Range: 100%
  • Jitter: 0%

Kliknite OK.

Second Outer Glow Settings

8. korak

Idite na  Edit > Define Pattern... da spremite uzorak. Nazovite ga Electric Pattern i kliknite OK.

Vaša bi slika trebala izgledati ovako:

How the image should look

Spremite dokument i zatvorite ga.

3. Kako Izraditi Svjetlosnu Zraku ("Light Streak")

1. korak

Izradite novi dokument sa ovim postavkama:

  • Name: Light Streak
  • Width: 2200 px
  • Height: 600 px
  • Resolution: 72 PPI
  • Color Mode: RGB Color 8 bit
  • Background Contents: #191919

Kliknite OK.

Creating a new document

2. korak

Odaberite Line Tool (U) alat sa ovim postavkama:

  • Type: Pixels
  • Mode: Normal
  • Opacity: 100%
  • Anti-Aliased: Označite
  • Weight: 4 px
  • Color: #ffffff

3. korak

Idite na Layer > New > Layer... i nazovite novi sloj Light Line. Nakon toga držite tipku Shift i nacrtajte horizontalnu liniju od oko 2500 px u sredini dokumenta. 

Drawing a line

4. korak

Sada kliknite lijevim gumbom 'ruler' i povucite mišem da napravite 'Canvas Guide' vodilica sa ovim postavkama:

  • Prva Vertikalna 'Guide' Pozicija: 7%
  • Druga Vertikalna 'Guide' Pozicija: 50%
  • Treća Vertikalna 'Guide' Pozicija: 93%
Positioning the Canvas Guides

5. korak

Pritisnite tipku D da resetirate Foreground i Background boje na zadane postavke i zatim pritisnite X da preokrenete. Zatim odaberite Gradient Tool (G) sa ovim postavkama:

  • Gradient: Foreground to Transparent
  • Type: Linear Gradient
  • Mode: Normal
  • Opacity: 100%
  • Reverse: Unchecked
  • Dither: Checked
  • Transparency: Cheked
The Gradient tool Settings

6. korak

Dodajte novu 'layer' masku klikom na Add Layer Mask ikonu. Zatim, dok je odabran Gradient Tool kliknite i povucite mišem od prve Canvas Guide pozicije (7%) do druge Canvas Guide pozicije (50%). Ponovite isto na drugoj strani, počevši od treće Canvas Guide vodilice (93%) prema drugoj vodilici (50%).

Strelice na donjoj slici predstavljaju poteze Gradient Tool alatom. Obratite pozornost na to da je Layer Mask značajka označena.

Dragging the Gradient Tool

7. korak

Kliknite desnim gumbom Light Line sloj i odaberite Blending Options da dodate Outer Glow sa ovim postavkama:

  • Blend Mode: Screen
  • Opacity: 100%
  • Noise: 0%
  • Color: #004eff
  • Technique: Softer
  • Spread: 0%
  • Size: 16 px
  • Contour: Linear
  • Anti-Aliased: Ostavite neoznačeno
  • Range: 9%
  • Jitter: 0%

Kliknite OK.

Outer Glow Settings

8. korak

Napravite kopiju Light Line sloja pritiskom na tipke Control-J. Zatim pritisnite Control-T da joj promijenite veličinu. Odaberite 70% za horizontal omjer i zatim dvaput pritisnite Enter.

Resizing the layer

9. korak

Sada, dok je selektiran Light Line copy sloj, odaberite Move Tool (V), držite tipku Shift i pritisnite jednom tipku sa strelicom gore.

Moving the layer up

10. korak

Napravite kopiju Light line copy sloja. Zatim pritisnite Control-T i odaberite promjenu veličine na 700% za Vertical omjer. Nakon toga, dva puta pritisnite Enter.

Odaberite Move Tool (V) i šest puta pritisnite tipku sa strelicom dolje (bez tipke Shift).

Moving the layer down

11. korak

Kliknite desnim gumbom miša sloj Light line copy 2 i odaberite Blending Options da podesite Outer Glow sa sljedećim postavkama:

  • Blend Mode: Color Dodge
  • Opacity: 100%
  • Noise: 0%
  • Color: #75c6ff
  • Technique: Softer
  • Spread: 0%
  • Size: 65 px
  • Contour: Linear
  • Anti-Aliased: Označite neoznačeno
  • Range: 22%
  • Jitter: 0%

Kliknite OK.

Outer Glow Settings

12. korak

Odaberite sve Light Line slojeve. Kako biste to učinili, držite tipku Shift i kliknite Light Line sloj, držite pritisnutu tipku Shift i kliknite Light Line copy sloj, zatim Light Line Copy 2 sloj. Nakon toga otpustite tipku Shift i kliknite desnim gumbom miša na jedan od slojeva da odaberete Convert to Smart Object. Zatim spremite dokument i ostavite ga otvorenog.

Converting layers to Smart Object

4. Kako Izraditi Stilove Sloja

1. korak

Idite na File > Open... i otvorite sliku pozadine koju ste preuzeli na početku ovog tutorijala.

Image of the Background

2. korak

Odaberite Type Tool (T) i napišite inFAMOUS koristeći Impact font. Zatim idite na Window > Character i podesite ove postavke:

  • Size: 140 pt
  • Tracking: -40
  • Faux Bold: Označite
  • Faux Italic: Označite
  • Anti-aliasing: Smooth
Typing inFAMOUS and choosing the Character Panel settings

3. korak

Kliknite desnim gumbom miša sloj sa tekstom i odaberite Blending Options da napravite 'Layer Style':

Počnimo sa Bevel & Emboss:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 100%
  • Direction: Up
  • Size: 3 px
  • Soften: 0 px
  • Use Global Light: Ostavite neznačeno
  • Angle: 30º
  • Altitude: 30º
  • Gloss Contour: Linear
  • Anti-Aliased: Ostavite neoznačeno
  • Highlight Mode: Screen
  • Highlight Opacity: 50%
  • Highlight Color: #ffffff
  • Shadow Mode: Multiply
  • Shadow Opacity: 50%
  • Shadow Color: #000000
Bevel and Emboss Settings

4. korak

Sada dodajte Stroke.

Ovdje ćemo upotrijebiti Electric Pattern koji smo izradili:

  • Size: 250 px
  • Position: Outside
  • Blend Mode: Lighten
  • Opacity: 100%
  • Overprint: Ostavite neoznačeno
  • Fill Type: Pattern
  • Pattern: Electric Pattern
  • Scale: 25%
  • Link With Layer: Označite
Stroke Settings

5. korak

Odvucite Layer Styles prozor sa strane pogledajte dokument; vaš Electric Pattern uzorak mogao bi biti na krivom mjestu. Kako biste popravili grešku, kliknite lijevim gumbom bilo gdje na dokument i povucite mišem. Smjestite Electric Pattern odmah ispod teksta.

Moving the pattern with the mouse

6. korak

Dodajte Gradient Overlay. Kliknite na Gradient Bar (traku gradijenata) da primijenite ove postavke:

  • Prva zaustavna točka boje: #c9c9c9 i Location 11%
  • Druga zaustavna točka boje: #639dbb i Location 24%
  • Treća zaustavna točka boje: #356d8a i Location 38%
  • Četvrta zaustavna točka boje: #d9d9d9 i Location 47%
  • Peta zaustavna točka boje: #979797Location 71%
  • Šesta zaustavna točka boje: #dededeLocation 82%
  • Sedma zaustavna točka boje: #2b2b2bLocation 95%

Kliknite gumb New i zatim kliknite OK da se vratite na Layer Style okvir.

Creating a new gradient preset

7. korak

Dovršite Gradient Overlay sa ovim postavkama:

  • Blend Mode: Color Dodge
  • Dither: Ostavite neoznačeno
  • Opacity: 100%
  • Reverse: Ostavite neoznačeno
  • Style: Linear
  • Align with Layer: Označite
  • Angle: 90°
  • Scale: 100%
Gradient Overlay Settings

8. korak

Dodajte Pattern Overlay sa prvim uzorkom koji smo izradili (inFamous Pattern) sa ovim postavkama:

  • Blend Mode: Normal
  • Opacity: 100%
  • Pattern: inFamous Pattern
  • Scale: 50%
  • Link with Layer: Označite

Sada opet mišem možete odvući uzorak da ga bolje pozicionirate.  Nakon toga, kliknite New Style... gumb da pohranite stil. Zatim ga nazovite inFamous Style i kliknite OK.

Pattern Overlay settings

9. korak

Napravite kopiju inFAMOUS sloja pritiskom na Control-J. Zatim kliknite desnim gumbom miša i odaberite Clear Layer Style.

Clearing a layer style

10. korak

Promijenite Fill inFAMOUS copy sloja na 0%.

Changing the fill of the layer

11. korak

Kliknite desnim gumbom miša inFAMOUS copy sloj i odaberite Blending Options... da dodate Bevel & Emboss sa ovim postavkama:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 715%
  • Direction: Up
  • Size: 3 px
  • Soften: 0 px
  • Use Global Light: Ostavite neoznačeno
  • Angle: 120°
  • Altitude: 30°
  • Gloss Contour: Ring - Double
  • Highlight Mode: Screen
  • Highlight Opacity: 75%
  • Highlight Color: #ffffff
  • Shadow Mode: Odaberite bilo što
  • Shadow Opacity: 0%
  • Shadow Color: Anything
Bevel and Emboss settings

12. korak

Dodajte Inner Glow sa ovim postavkama:

  • Blend Mode: Color Dodge
  • Opacity: 75%
  • Noise: 0%
  • Color: #ab34ff
  • Tecnique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 4%
  • Contour: Linear
  • Anti-Aliased: Ostavite neoznačeno
  • Range: 50%
  • Jitter: 0%
Inner Glow settings

13. korak

Dodajte Pattern Overlay sa Electric Pattern i ovim postavkama:

  • Blend Mode: Lighten
  • Opacity: 100%
  • Pattern: Electric Pattern
  • Scale: 25%
  • Link with Layer: Označite

Sada možete povući uzorak na istu poziciju na kojoj je i Electric Pattern, ali sada će biti unutar teksta. Nakon toga, kliknite New Style gumb i nazovite ga inFamous Style TOP (jer ovaj stil mora biti iznad prvog). Nakon toga kliknite OK.

Pattern Overlay settings

14. korak

Uskoro završavamo. Još samo moramo dodati svjetlosnu zraku koju smo izradili ranije.

Vratite se natrag na Light Streak dokument i povucite okvir dokumenta da smanjite maksimum veličinu. Zatim povucite Light Line copy 2 sloj na naš glavni dokument. Nakon toga, zatvorite Light Streak dokument.

Dragging the Light Streak layer to the main document

15. korak

Vratite se na glavni dokument i sada ćemo promijeniti veličinu svjetlosne zrake.

Pritisnite Control-T i podesite veličinu na 40% Horizontal i Vertical. Zatim dva puta pritisnite Enter.

Resizing the Light Streak

16. korak

Odaberite Move Tool (V) i povucite svjetlosnu zraku na sam vrh teksta. Zatim promijenite Layer Mode u Screen.

Moving the Light Streak and changing the layer mode

17. korak

Izradite kopiju Light Line copy 2 sloja pritiskom tipki Control-J. Zatim je smjestite ispod, na dno teksta.

Image showing the Light Streak in the right place

I rezultat je:

Final result

Čestitam, završili ste!

U ovom tutorijalu ste naučili kako izraditi električni tekst efekt u Adobe Photoshopu. Počeli smo izradom uzoraka, zatim smo izradili svjetlosnu zraku i na kraju dva stila za sloj. Nadam se da ste uživali u ovom tutorijalu. U rubrici ispod možete ostaviti svoje komentare.

Ovaj tekst efekt koji smo upravo izradili dio je "Gaming Styles" stilova.

Gaming Styles promo
"Gaming Styles" 
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.