Kako u Adobe Photoshopu Izraditi Retro Tekst Efekt Inspiriran Serijom "Školsko Zvono"
Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)



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:
- Go Long font
- Fontdiner Swanky font
- SansBlack font
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.



2. korak
Izradite 700 x 300px novi dokument (New Document) i idite na View > Show > 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.



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.



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.



2. korak
Idite na Filter > Filter Gallery > Texture > Grain i upotrijebite ove postavke:
- Intensity: 40
- Contrast: 50
- Grain Type: Stippled



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



4. korak
Dodajte još jedan New effect layer sloj, idite na Sketch > Photocopy i upotrijebite ove postavke:
- Detail: 7
- Darkness: 10
Kliknite OK.



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.



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.



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.



2. korak
Selektirajte sve 3D slojeve i idite na 3D > 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.



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.



3. korak
Selektirajte sve tabulare 3D mreže u 3D kartici, kliknite ikonu izbornika 3D kartice i odaberite 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.



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



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.



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.



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.



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%



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%



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%



10. Kako Prilagoditi Svjetlinu 3D Scene
1. korak
Selektirajte Infinite Light 1 karticu, promijenite joj Intensity u 70%, i Shadow Softness podesite u 0%.



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.



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



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.



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



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).



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.



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.



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



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.



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.



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.



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.



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



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



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



2. korak
Dodajte novi sloj za efekt, idite na Brush Strokes > Spatter i upotrijebite ove postavke:
- Spray Radius: 1
- Smoothness: 15
Kliknite OK.



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



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



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



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.



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



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



4. korak
Promijenite Opacity u 35% i kliknite OK.



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



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



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



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



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



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



17. Kako Prilagoditi Jačinu Boje
1. korak
Pritisnite Command-kliknite na sličicu 3D sloja da učitate selekciju.



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.



Č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.



Unlimited Downloads.


