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

Kako u Adobe Photoshopu Izraditi Retro Tekst Efekt Inspiriran Serijom "Školsko Zvono"

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Grunge Retro Text Effect in Adobe Photoshop
How to Create a 3D, Glowing, Retro 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

Podebljani, šareni i "natrpani" naslovi serija iz 80-ih i 90-ih definitivno obilježavaju dizajn trendove iz tog razdoblja. To je čudna mješavina nostalgije, "cringea" i mnogo zabave istovremeno. Dodajte izgled kao na starim TV ekranima i ti naslovi su definitivno već na nekoj drugoj fascinantnoj razini!

U ovom tutorialu ću vam pokazati kako upotrijebiti Photoshop 3D alate i postavke, oblike i filtere da kreirate retro tekst efekt 80-ih/90-ih inspiriran dizajnom "sitcom" naslova.

Ovaj tekst efekt nadahnut je mnogim stilovima slojeva (Layer Styles) dostupnih na našoj stranici GraphicRiver.

Resursi za tutorial

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

1. Kako Prilagoditi Postavke Mreže (Grid)

1. korak

Idite na Edit > Preferences > Guides, Grid & Slices i promijenite Gridline Every u 50 Pixels i Subdivisions u 5.

Guides Grid Slices

2. korak

Izradite 700 x 300px novi dokument (New Document) i idite na View > Show > Grid.

Show the Grid

2. Kako Kreirati Cik-Cak Oblik

1. korak

Uzmite Pen Tool i odaberite Shape opciju u Options kartici. Kliknite jednom da dodate točke sidrišta kao što je prikazano ispod, kako biste kreirali cik-cak svjetleći oblik.

Create the ZigZag Shape

2. korak

Nakon izrade oblika, provjerite je li Fill Color (boja ispune)podešena na crnu i je li Background ispunjen bijelom bojom. Ako nije, primijenite navedene postavke.

Idite na Edit > Define Brush Preset i promijenite ime u ZigZag Shape.

Define Brush Preset

3. Kako Kreirati Teksturu Pozadine

1. korak

Izradite 1000 x 800px New Document i podesite Foreground Color u #87568e boju i Background Color u #38124d boju.

Duplicirajte (Duplicate) Background sloj, promijenite naziv kopije u BG Texture i podesite joj Fill u Background Color.

Kliknite desnim gumbom miša BG Texture i odaberite Convert to Smart Object.

Create the Background Texture Layer

2. korak

Idite na Filter > Filter Gallery > Texture > Grain i upotrijebite ove postavke:

  • Intensity: 40
  • Contrast: 50
  • Grain Type: Stippled
Grain Filter

3. korak

Kliknite New effect layer ikonu na dnu desnog kuta Filter Gallery prozora i idite na Artistic > Poster Edges te upotrijebite ove postavke:

  • Edge Thickness: 1
  • Edge Intensity: 0
  • Posterization: 1
Poster Edges Filter

4. korak

Dodajte još jedan New effect layer sloj, idite na Sketch > Photocopy i upotrijebite ove postavke:

  • Detail: 7
  • Darkness: 10

Kliknite OK.

Photocopy Filter

4. Kako Kreirati Slojeve Teksta

1. korak

Kreirajte tekst velikim slovima, svaku riječ na zasebnom sloju, koristeći fontove Go Long za prvi red, Fontdiner Swanky za drugi red i SansBlack za treći red teksta.

Za svaki red upotrijebite veličinu (Size) fonta koju želite. Ja sam ovdje koristila Size vrijednost od 130 pt za  prvi red, 75 pt za drugi red i 150 pt za treći.

Create the Text Layers

2. korak

Također, ako je potrebno, možete promijeniti i Tracking  vrijednosti, posebno za drugi red, kako biste odvojili znakove i dobili jasniju 3D mrežu. Ovdje je Tracking vrijednost drugog reda podešena na 50.

Tracking Values

5. Kako Kreirati 3D Slojeve

1. korak

Ponovite sljedeće za svaki sloj teksta koji imate: selektirajte ga, zatim idite na 3D > New 3D Extrusion from Selected Layer.

New 3D Extrusion from Selected Layer

2. korak

Selektirajte sve 3D slojeve i idite na 3D > Merge 3D Layers.

Merge 3D Layers

6. Kako Raditi sa 3D Scenom

1. korak

Kako biste pristupili postavkama i svojstvima 3D mreže, morati ćete otvoriti dvije kartice: 3D karticu i Properties karticu (oboje možete naći u Window izborniku).

3D kartica ima sve komponente 3D scene, i kada kliknete na ime bilo koje komponente, moći ćete pristupiti njezinim postavkama u Properties kartici. Zato pazite da prije nego što mu promijenite postavke u Properties kartici, uvijek selektirate karticu elementa koji želite modificirati u 3D kartici.

3D and Properties Panels

2. korak

Ako odaberete Move Tool, pronaći ćete za njega set 3D Modes načina s desne strane Options kartice.

Kada odaberete jedan od njih, možete kliknuti i povući da napravite promjene (na selektiranom elementu u 3D kartici).

Upotrijebite te načine da promijenite Current View u kut koji želite.

Move Tool 3D Modes

3. korak

Selektirajte sve tabulare 3D mreže u 3D kartici, kliknite ikonu izbornika 3D kartice i odaberite Move Object to Ground Plane.

Move Object to Ground Plane

7. Kako Prilagoditi Postavke 3D Mreže

1. korak

Selektirajte prvi tabular 3D mreže u 3D kartici i promijenite Extrusion Depth u Properties kartici na 12 px.

Extrusion Depth

2. korak

Selektirajte drugi tabular 3D mreže i promijenite mu Extrusion Depth na 12 px.

Extrusion Depth

3. korak

Selektirajte tabular 3D mreže i promijenite Extrusion Depth u 17 px.

Možete upotrijebiti i bilo koje druge Extrusion Depth vrijednosti ili ih promijeniti kad god želite, jer bi se rezultat mogao razlikovati ovisno o tekstu koji imate i konačnom kutu kamere koji želite upotrijebiti.

Extrusion Depth

8. Kako Prilagoditi 3D Cap Postavke

1. korak

Selektirajte prvi tabular 3D mreže i kliknite Cap ikonu na vrhu Properties kartice.

Promijenite Bevel Width vrijednost u 5, Contour u Half Round, Inflate Angle u 20 i Strength u 2.

Cap Settings

2. korak

Selektirajte drugi i treći tabular 3D mreže i kliknite Cap ikonu, te promijenite Inflate Angle u 90 i Strength u 2.

Još jednom, možete upotrijebiti bilo koje druge vrijednosti za koje mislite da će bolje odgovarati tekstu.

Cap Settings

9. Kako Izraditi Jednostavne 3D Materijale

1. korak

Selektirajte Materials tabulare prve 3D mreže i upotrijebite ove vrijednosti za materijal u Properties kartici (vrijednosti boje su u RGB):

  • Diffuse: 74, 173, 207
  • Specular: 169, 169, 169
  • Shine: 90%
First 3D Mesh Material Settings

2. korak

Selektirajte Materials tabulare druge 3D mreže i upotrijebite ove vrijednosti za materijal:

  • Diffuse: 222, 177, 228
  • Specular: 169, 169, 169
  • Shine: 90%
Second 3D Mesh Material Settings

3. korak

Selektirajte Materials tabulare treće 3D mreže i upotrijebite ove materijal vrijednosti:

  • Diffuse: 229, 230, 137
  • Specular: 169, 169, 169
  • Shine: 90%
Third 3D Mesh Material Settings

10. Kako Prilagoditi Svjetlinu 3D Scene

1. korak 

Selektirajte Infinite Light 1 karticu, promijenite joj Intensity u 70%, i Shadow Softness podesite u 0%.

Infinite Light 1 Settings

2. korak

Upotrijebite Move Tool a pomaknete svjetlo kako biste dobili rezultat koji vam se sviđa ili možete kliknuti Coordinates ikonu na vrhu Properties kartice i upotrijebiti numeričke vrijednosti.

Move the Infinite Light

3. korak

Kliknite Environment tabular i promijenite Ground Plane Shadows Opacity u 0%.

Shadows Opacity

11. Kako Prilagoditi Postavke za Renderiranje 3D Scene

1. korak

Selektirajte sve tabulare 3D mreže i uklonite oznaku na Cast Shadows okviru u Properties kartici.

Tako ćete biti sigurni da mreže neće bacati sjene, što će pomoći keriranju "plosnatog" jednodimenzionalnog efekta.

Uncheck the Cast Shadows Box

2. korak

Kliknite Scene tabular i promijenite Surface Style u Cartoon. To će također pomoći kreirati "flat" retro efekt.

Cartoon Style

12. Kako Transformirati i Pomaknuti 3D Mreže

1. korak

Za svaku 3d mrežu koju imate primijenite sljedeće: selektirajte je i idite na 3D > Split Extrusion.

To će odvojiti slova i smjestiti ih u grupu (Group).

Split Extrusion

2. korak

Sada ćete morati nasumce selektirati i urediti neka slova kako biste kreirali dinamičniji efekt.

Odaberite Move Tool i upotrijebite 3D Axis da transformirate i/ili pomaknete selektiranu mrežu slova.

Strelice na krajevima osi (axis) pomiču mrežu, dio ispod njih koristi se za rotaciju, i kocke se upotrebljavaju za skaliranje. Kocke u sredini se koriste za uniformirano skaliranje. Sve što trebate učiniti jest kliknuti i povući dio koji želite kako biste napravili promjene.

3D Axis

3. korak

Možete također kliknuti Current View tabular i birati između različitih već postojećih postavki (presetova) u View izborniku unutar Properties kartice kako biste napravili bolje promjene.

View Presets

4. korak

Odaberite konačni kut kamere, pazite da sve izgleda dobro i ako je potrebno, primijenite konačno prilagođavanje.

Final Camera View

5. korak

Idite na 3D > Render 3D Layer. Renderiranje bi trebalo potrajati nekoliko sekundi pošto se primjenjuje Cartoon stil.

Kada renderiranje završi, kliknite desnim gumbom 3D sloj i odaberite Convert to Smart Object.

Render 3D Layer

13. Kako Prilagoditi Postavke za Vrh Kista

1. korak

Uzmite Brush Tool i otvorite Brush karticu.

Odaberite ZigZag Shape vrh kista i upotrijebite ispod prikazane postavke za Brush Tip Shape i Shape Dynamics tabulare.

Ove postavke će vam pomoći da dobijete dinamične oblike kista svaki put kada kliknete da dodate kist.

Brush Settings

2. korak

Podesite Foreground Color u #c6960e boju, izradite New Layer (novi sloj) iznad BG Texture sloja i nazovite ga ZigZag.

Kliknite jednom preko različitih dijelova da dodate oblik iza teksta.

Add the ZigZag Brusn

14. Kako Kreirati "Smart Object" Filter Slojeve

1. korak

Iznad svih slojeva izradite novi sloj (New Layer), nazovite ga Filters 1 i pritisnite Shift-Option-Command-E tipke da kreirate pečat svih slojeva koje imate.

Kliknite desnim gumbom miša na Filters 1 sloj i odaberite Convert to Smart Object.

Filters 1 Layer

2. korak

Duplicirajte sloj Filters 1, promijenite naziv kopije u Filters 2, selektirajte oba Filter sloja i promijenite Opacity vrijednost u 50%.

Filters 2 Layer

3. korak

Sakrijte sloj Filters 2 klikom na ikonu oka pokraj njega i selektirajte Filters 1 sloj.

Work with the Filter Layers

15. Kako Primijeniti Filtere za Teksturu sa Šumom

1. korak

Idite na Filter > Filter Gallery > Artistic > Poster Edges i upotrijebite ove postavke:

  • Edge Thickness: 0
  • Edge Intensity: 0
  • Posterization: 2
Poster Edges Filter

2. korak

Dodajte novi sloj za efekt, idite na Brush Strokes > Spatter i upotrijebite ove postavke:

  • Spray Radius: 1
  • Smoothness: 15

Kliknite OK.

Spatter Filter

3. korak

Idite na Filter > Blur > Shape Blur, promijenite Radius u 5 i upotrijebite Flower 5 oblik.

Shape Blur

4. korak

Idite na Filter > Distort > ZigZag, promijenite Amount u 1Ridges u 5 i Style u Pond Ripples.

ZigZag Filter

5. korak

Idite na Filter > Noise > Add Noise, promijenite Amount u 5 i Distribution u Gaussian.

Add Noise

16. Kako Kreirati Efekt Starog TV Ekrana

1. korak

Pokažite Filters 2 sloj i primijenite iste Filter Gallery filtere i vrijednosti kao i za Filters 1 sloj u prethodnom koraku.

Filter Gallery Settings

2. korak

Idite na Filter > Pixelate > Pointillize i promijenite Cell Size u 3.

Pointillize Filter

3. korak

Proširite listu Filters 2 sloja i dvaput kliknite na Blending Options postavke Pointillize filtera.

Double click Blending Options

4. korak

Promijenite Opacity u 35% i kliknite OK.

Change the Opacity

5. korak

Idite na Filter > Blur > Shape Blur, promijenite Radius u 5, i upotrijebite Flower 5 oblik.

Add a Shape Blur

6. korak

Idite na Filter > Distort > ZigZag i promijenite Amount u 1, Ridges u 5 i Style u Pond Ripples.

Add a ZigZag Filter

7. korak

Idite na Filter > Noise > Add Noise i promijenite Amount u 5 te Distribution u Gaussian.

Add Noise

8. korak

Dvaput kliknite na Add Noise filter Blending Options ikonu i promijenite Opacity u 50%.

Blending Options Opacity Settings

9. korak

Idite na Filter > Pixelate > Mezzotint i podesite Type u Short Strokes.

Add a Mizzotint Filter

10. korak

Dvaput kliknite na Blending Options ikonu Mezzotint filtera i promijenite Opacity u 7%.

Adjust the Blending Options

17. Kako Prilagoditi Jačinu Boje

1. korak

Pritisnite Command-kliknite na sličicu 3D sloja da učitate selekciju.

Load a Selection

2. korak

Kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice i odaberite Vibrance.

Promijenite Vibrance u 50 i Saturation u -5.

Vibrance Settings

Čestitam! Završili ste

U ovom tutorialu smo kreirali nekoliko slojeva teksta, konvertirali ih u 3D mreže i prilagodili im postavke. Zatim smo radili na materijalu, svjetlosti i postavkama renderiranja 3D scene te na kraju renderirali u stil poput crtanih filmova.

Nakon toga smo upotrijebili nekoliko različitih filtera da postignemo retro efekt kao na TV ekranima. Na samom kraju smo dodali završni sloj za prilagođavanje da dovršimo efekt.

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

How to Create a Saved By the Bell Text Effect in Photoshop
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.