7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Izradite Jednoslojni Retro Tekst Efekt u Adobe Photoshopu

Scroll to top
Read Time: 5 mins
This post is part of a series called Retro Text Effect Tutorials.
Quick Tip: How to Create a Memphis Style Text Effect in Adobe InDesign
Create a 3D Retro Text Effect Using Layer Styles in Adobe Photoshop

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Posljednje ažuriranje Photoshopa dolazi sa nekoliko prilično fantastičnih novih značajki za stilove slojeva, kao što su višestruke instance za stilove slojeva i 'stroke overprint' značajka. Ovaj tutorial će vam pokazati kako upotrijebiti te značajke da izradite isključivo jednoslojni retro tekst efekt. Počnimo!

Resursi za Tutorijal

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

1. Izradite Pozadinu

1. korak

Izradite novi 950 x 950 px dokument, i dva puta duplicirajte Background sloj. Promijenite Fill vrijednost druge kopije u 0.

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

2. korak

Dvostrukim klikom na Background copy sloj primijenite Gradient Overlay efekt sa sljedećim postavkama:

  • Style: Radial
  • Scale: 150%
  • Kliknite Gradient okvir da izradite gradijent koristeći boje  #ede6cf s lijeva i #e1c194 zdesna.
Gradient OverlayGradient OverlayGradient Overlay

To će primijeniti glavnu gradijentnu ispunu.

Gradient FillGradient FillGradient Fill

3. korak

Dvostrukim klikom na Background copy 2 sloj primijenite Pattern Overlay efekt sa sljedećim postavkama:

  • Blend Mode: Soft Light
  • Pattern: Sawtooth
Pattern OverlayPattern OverlayPattern Overlay

To će gradijentnoj ispuni dodati suptilan uzorak u obliku slova V (Chevron).

Background PatternBackground PatternBackground Pattern

2. Izradite Tekst

1. korak

Napišite tekst koristeći Intro Inline Regular font, podesite mu Size 200 pt, i bilo koju boju po vlastitoj želji pošto ćemo kasnije koristiti Color Overlay efekt.

Ako dodajete više od jednog reda teksta, otvorite Character karticu (Window > Character) i promijenite Leading vrijednost na 190 pt.

Create the TextCreate the TextCreate the Text

2. korak

Kako bismo ravnomjerno razmaknuli slova, morati ćete staviti kursor između svaka dva slova koja želite prilagoditi i upisati odgovarajuću Tracking vrijednost.

Vrijednosti koje su ovdje korištene su:

  • W/O, O/N: -50
  • D/E, E/R: 100
  • F/U, U/L: 150
Adjust the Tracking ValuesAdjust the Tracking ValuesAdjust the Tracking Values

3. Dodajte Stroke i Upotrijebite Stroke Overprint Značajku

Napravite dvostruki klik na sloj teksta da primijenite sljedeći stil sloja (Layer Style):

1. korak

Dodajte Stroke sa ovim postavkama:

  • Size: 3
  • Position: Inside
  • Opacity: 48%
  • Color: #fffaf3
  • Označite Overprint okvir
Stroke OverprintStroke OverprintStroke Overprint

2. korak

Overprint (podlaganje boja) je novo poboljšanje Stroke efekta.

Ono omogućuje ispuni prozirnih unutarnjih 'stroke' linija (sa Opacity vrijednosti manjom od 100%) da se izblenda sa bojom oblika ili teksta na koji je primijenjena.

Stroke with OverprintStroke with OverprintStroke with Overprint

3. korak

Kada Overprint opcija nije označena, oblik ili ispuna teksta će biti potpuno izostavljena i umjesto toga će biti prikazana pozadina iza prozirne linije (stroke).

Stroke without OverprintStroke without OverprintStroke without Overprint

4. Dodajte Višestruke Instance Efekta Sloja

1. korak

Nekoliko efekata ima malenu + ikonu sa svoje desne strane (Stroke, Inner Shadow, Color Overlay, Gradient Overlay i Drop Shadow efekti).

Kada kliknete tu + ikonu, pokraj nje možete dodati do 10 instanci po sloju efekta.

Znači, ako kliknete + ikonu pokraj Stroke efekta, primijetiti ćete da će se pojaviti još jedna Stroke kartica ispod one koju već imate, sa primijenjenim jednakim postavkama i vrijednostima.

Add another Stroke Effect InstanceAdd another Stroke Effect InstanceAdd another Stroke Effect Instance

2. korak

Kliknite drugu Stroke efekt instancu da je aktivirate i za nju upotrijebite sljedeće postavke:

  • Position: Outside
  • Opacity: 100%
  • Color: #ffffff
Second Stroke InstanceSecond Stroke InstanceSecond Stroke Instance

Vidjeti ćete da to primjenjuje drugi 'Stroke' efekt na tekst, bez potrebe da upotrijebite drugi, odvojeni sloj ili stil sloja.

Two Strokes AppliedTwo Strokes AppliedTwo Strokes Applied

5. Dodajte Unutarnje Sjene

1. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Color: #ab6b18
  • Opacity: 80%
  • Distance: 8
  • Size: 5
Inner ShadowInner ShadowInner Shadow

2. korak

Dodajte drugu instancu Inner Shadow efekta sa ovim postavkama:

  • Color: #d9953d
  • Uklonite oznaku na Use Global Light okviru
  • Angle: 63
  • Distance: 11

To će vam omogućiti da dodajete unutarnje sjene sa drugačijim Angle vrijednostima koristeći samo jedan sloj i isti stil sloja.

Second Inner Shadow InstanceSecond Inner Shadow InstanceSecond Inner Shadow Instance

6. Dodajte Efekte za Unutarnji Sjaj i Prekrivanje Bojom

1. korak

Dodajte Inner Glow sa ovim postavkama:

  • Blend Mode: Color Burn
  • Opacity: 100%
  • Noise: 100%
  • Color: #e7dabc
  • Source: Center
  • Size: 35
Inner GlowInner GlowInner Glow

2. korak

Dodajte Color Overlay sa ovim postavkama:

  • Color: #d09c2d
Color OverlayColor OverlayColor Overlay

7. Dodajte Padajuće Sjene

1. korak

Dodajte Drop Shadow sa ovim postavkama:

  • Color: #394485
  • Opacity: 100%
  • Distance: 8
  • Spread: 100
  • Size: 4
Drop Shadow Instance 1Drop Shadow Instance 1Drop Shadow Instance 1

2. korak

Dodajte drugu instancu Drop Shadow efekta sa ovim postavkama:

  • Color: #4e85c2
  • Uklonite oznaku s Use Global Light okvira
  • Angle: 119
  • Distance: 17
Drop Shadow Instance 2Drop Shadow Instance 2Drop Shadow Instance 2

3. korak

Dodajte treću instancu Drop Shadow efekta sa ovim postavkama:

  • Color: #2d6db5
  • Opacity: 61%
  • Angle: 121
  • Distance: 26
Drop Shadow Instance 3Drop Shadow Instance 3Drop Shadow Instance 3

4. korak

Dodajte četvrtu instancu Drop Shadow efekta sa ovim postavkama:

  • Color: #c1a89a
  • Opacity: 35%
  • Angle: 41
  • Distance: 13
  • Spread: 47
  • Size: 9
Drop Shadow Instance 4Drop Shadow Instance 4Drop Shadow Instance 4

5. korak

Dodajte petu instancu Drop Shadow efekta. Ova instanca će biti veoma slična četvrtoj, pa umjesto da kliknete bilo koju + ikonu Drop Shadow efekta, pazite da kliknete + ikonu pokraj četvrte Drop Shadow instance. 

To će napraviti petu instancu ispod četvrte, sa potpuno istim postavkama. Promijenite sljedeće:

  • Angle: 130
  • Distance: 38
Drop Shadow Instance 5Drop Shadow Instance 5Drop Shadow Instance 5

I voila! To je to. Prilično kompleksan retro tekst efekt kreiran koristeći samo jedan sloj teksta i jedan stil sloja.

Styled TextStyled TextStyled Text

Također ćete naći sve instance efekta dodane popisu sa efektima sloja na sloju.

Effects ListEffects ListEffects List

8. Nekoliko Drugih Novih Opcija

1. korak

Osim + ikone, također ćete vidjeti set novih ikona u donjem lijevom kutu Layer Style okvira. Prva na lijevo je fx ikona.

Kada kliknete fx ikonu, otvoriti će se izbornik sa nekoliko opcija, kao i imena svih efekata slojeva koje možete kliknuti da dodate efekte, kao i nove instance.

The fx IconThe fx IconThe fx Icon

2. korak

Delete Hidden Effects opcija će se riješiti svih neiskorištenih ili neaktivnih efekata i instanci. Možete kliknuti na ime efekta iz fx izbornika da ga pokažete ili dodate natrag kad god želite.

Delete Hidden EffectsDelete Hidden EffectsDelete Hidden Effects

3. korak

Show All Effects će prikazati sve efekte, neovisno o tome jesu li korišteni ili ne.

Show All EffectsShow All EffectsShow All Effects

4. korak

Reset to Default List opcija će jednostavno vratiti sve nazad na zadane postavke, i uz to će ukloniti sve dodane instance efekta.

Reset to Default ListReset to Default ListReset to Default List

5. korak

Move effect up i Move effect down ikone mogu se upotrijebiti da promijenite redoslijed instanci efekta, a Delete effect ikona će ukloniti odabrane instance efekta.

Move Up and Down and Delete IconsMove Up and Down and Delete IconsMove Up and Down and Delete Icons

9. Dodajte Teksturu

Kada ste gotovi sa stilom sloja, smjestite Grungy paper texture v.5 sliku iznad sloja teksta, promijenite joj veličinu po potrebi i smjestite kako želite.

Zatim promijenite Blend Mode sloja u Linear Burn, i Opacity na 50%.

Add the TextureAdd the TextureAdd the Texture

Čestitam! Završili ste

U ovom tutorialu smo izradili jednostavan gradijent sa pozadinom suptilnog uzorka.

Zatim smo izradili sloj teksta i prilagodili nekoliko njegovih postavki kao što su razmak između redova i slova.

Nakon toga smo upotrijebili nekoliko efekata slojeva, zajedno sa novim značajkama stilova sloja kako bismo kreirali retro tekst efekt.

Na kraju smo dodali jednostavnu 'grunge' teksturu da dovršimo efekt.

Ispod možete ostaviti svoje komentare, prijedloge i rezultate.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.