Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)
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.
Resursi za Tutorijal
Upotrijebiti ćemo sljedeću pozadinu:
- Background JPG sliku
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.
2. korak
Podesite Foreground Color u #000000 i Background Color u #7c7c7c. Zatim idite na Filter > Render > Clouds.
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.
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.
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.
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
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.
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.
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.
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.
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:
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
4. korak
Počnite crtati nepravilne poteze (kao da crtate liniju dok vam ruka drhti) od sredine pa skroz s lijeva nadesno.
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.
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.
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.
8. korak
Idite na Edit > Define Pattern... da spremite uzorak. Nazovite ga Electric Pattern i kliknite OK.
Vaša bi slika trebala izgledati ovako:
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.
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.
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%
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
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.
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.
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.
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.
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).
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.
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.
4. Kako Izraditi Stilove Sloja
1. korak
Idite na File > Open... i otvorite sliku pozadine koju ste preuzeli na početku ovog tutorijala.
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
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
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
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.
6. korak
Dodajte Gradient Overlay. Kliknite na Gradient Bar (traku gradijenata) da primijenite ove postavke:
-
Prva zaustavna točka boje:
#c9c9c9i Location 11% -
Druga zaustavna točka boje:
#639dbbi Location 24% -
Treća zaustavna točka boje:
#356d8ai Location 38% -
Četvrta zaustavna točka boje:
#d9d9d9i Location 47% -
Peta zaustavna točka boje:
#979797i Location 71% -
Šesta zaustavna točka boje:
#dededei Location 82% -
Sedma zaustavna točka boje:
#2b2b2bi Location 95%
Kliknite gumb New i zatim kliknite OK da se vratite na Layer Style okvir.
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%
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.
9. korak
Napravite kopiju inFAMOUS sloja pritiskom na Control-J. Zatim kliknite desnim gumbom miša i odaberite Clear Layer Style.
10. korak
Promijenite Fill inFAMOUS copy sloja na 0%.
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
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%
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.
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.
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.
16. korak
Odaberite Move Tool (V) i povucite svjetlosnu zraku na sam vrh teksta. Zatim promijenite Layer Mode u Screen.
17. korak
Izradite kopiju Light Line copy 2 sloja pritiskom tipki Control-J. Zatim je smjestite ispod, na dno teksta.
I rezultat je:
Č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.
