Kako Napraviti 3D Tekst u Crnoj i Zlatnoj Boji i Logo 'Mockup'
() translation by (you can also view the original English article)



Ovaj 'mockup' je dio mockup-ova sa zlatnim 3D tekstom (3D Gold Text Mockups) iz mojeg portfelja na Envato Market-u.



Elementi Potrebni za Tutorijal
Tijekom izrade ovog tutorijala korišteni su sljedeći elementi:
Prije nego što počnemo raditi ovaj tekst mockup, preuzmite i instalirajte font i također preuzmite pozadinu.
1. Učitajte Dokument za Pozadinu
Upotrijebiti ćemo plavu pozadinu iz gore navedenih resursa koji su potrebni za ovaj tutorijal. To je datoteka JPG formata, veličine 2000 x 3000 px. Idite na File > Open i otvorite datoteku blue-background.jpg.



2. Napravite Pametni Objekt (Smart Object)
U ovim koracima ćemo napraviti glavni pametni objekt (smart object).
1. korak
Idite na Layer > New > Layer da napravite novi sloj i dajte mu naziv Hide me te kliknite OK. Ispunite ovaj sloj bilo kojom bojom - na primjer, da je ispunite istom bojom kao što je i boja pozadine, pritisnite tipke Control-Delete.



2. korak
Odaberite Type Tool i zatim odaberite Raleway font. Podesite Font Style u Black te Font Size u 635 pt, i zatim odaberite Center text. Sada u sredini dokumenta napišite BLACK GOLD, velikim slovima, u dva reda.



3. korak
Odaberite BLACK GOLD sloj u Layers kartici, držite tipku Control na tipkovnici i odaberite sloj Hide me. Dok držite oba sloja odabrana, idite na Layer > Smart Objects > Convert to Smart Object.



4. korak
Kliknite desnim gumbom miša na BLACK GOLD 'smart object' sloj i odaberite Edit Contents da otvorite 'smart object'.



5. korak
Obrišite Hide me sloj u Layers kartici. Zatim odaberite BLACK GOLD.psb dokument i kliknite Yes da spremite promjene.



6. korak
Odaberite BLACK GOLD sloj, idite na Layer > Rename Layer, i promijenite mu naziv u Gold.



3. Napravite Akciju za Smanjivanje (Shrinking Action)
Posljednji korak, prije nego što počnemo izrađivati glavni efekt, je napraviti malu akciju koja će biti vrlo korisna, što ćete vidjeti kasnije.
1. korak
Kliknite desnim gumbom miša na sloj Gold u Layers kartici i odaberite Duplicate Layer. Promijenite naziv u Action i kliknite OK.



2. korak
Otvorite Actions karticu pomoću tipki Alt-F9,i zatim na dnu kliknite gumb Create new set i dodijelite akciji naziv Shrinking Action. Kliknite OK.



3. korak
Odaberite sloj Action u Layers kartici i zatim kliknite Create new action gumb koji se nalazi na dnu Actions kartice. Promijenite naziv u Shrink i kliknite Record.



4. korak
Na tipkovnici pritisnite tipke Control-J da napravite duplikat Action sloja.



5. korak
Idite na Layer > Arrange > Send Backward. Ovaj će korak pomaknti Action copy sloj ispod Action sloja.



6. korak
Transformirajte odabrani sloj sa tipkama Control-T i podesite horizontalni omjer (horizontal scale) W: 99.93% i vertikalni omjer (vertical scale) u H: 99.90%. Dvaput pritisnite tipku Enter kako biste primijenili transformaciju.



7. korak
Kliknite gumb Stop na dnu Actions kartice i obrišite Action i Action copy slojeve u Layers kartici. Shrink akcija je sada spremna za korištenje.



4. Napravite 3D Efekt
U ovom dijelu ćemo napraviti više slojeva pomoću akcije izrađene u prijašnjem koraku.
1. korak
Odaberite sloj Gold u Layers kartici i zatim odaberite Shrink akciju u Actions kartici.



2. korak
Sada ćemo napraviti 105 slojeva za 3D efekt. Kliknite gumb Play na dnu Actions kartice kako biste pokrenuli akciju, i nastavite pritiskati gumb Play sve dok ne napravi Gold copy 105 sloj u Layers kartici.



3. korak
Odaberite Gold copy 105, idite na Layer > Duplicate layer i nazovite ga Shadow. Zatim idite na Layer > Arrange > Send Backward kako biste pomaknuli sloj straga.






4. korak
Napravimo sada nekoliko grupa da malo očistimo Layers karticu. Odaberite sloj Gold copy i pritisnite tipku Shift-kliknite na Gold copy 19 sloj da odaberete te slojeve i sve one između. Pritisnite tipke Control-G da napravite grupu i idite na Layer > Rename group te grupu nazovite Effect 1.



5. korak
Odaberite Gold copy 20 i zatim pritisnite tipku Shift-kliknite na sloj Gold copy 29 da odaberete te slojeve i sve one koji se nalaze između. Pritisnite tipke Control-G da napravite grupu i idite na Layer > Rename group te grupu nazovite Effect 2.



6. korak
Odaberite Gold copy 30 i zatim pritisnite tipku Shift-kliknite na sloj Gold copy 39 da odaberete te slojeve i sve one koji se nalaze između. Pritisnite tipke Control-G da napravite grupu i idite na Layer > Rename group te grupu nazovite Effect 3.



7. korak
Odaberite Gold copy 40 i zatim pritisnite tipku Shift-kliknite na sloj Gold copy 59 da odaberete te slojeve i sve one koji se nalaze između. Pritisnite tipke Control-G da napravite grupu i idite na Layer > Rename group te grupu nazovite Effect 4.



8. korak
Odaberite Gold copy 60 i zatim pritisnite tipku Shift-kliknite na sloj Gold copy 89 da odaberete te slojeve i sve one koji se nalaze između. Pritisnite tipke Control-G da napravite grupu i idite na Layer > Rename group te grupu nazovite Effect 5.



9. korak
Odaberite Gold copy 90 i zatim pritisnite tipku Shift-kliknite na sloj Gold copy 94 da odaberete te slojeve i sve one koji se nalaze između. Pritisnite tipke Control-G da napravite grupu i idite na Layer > Rename group te grupu nazovite Effect 6.



10. korak
Odaberite Gold copy 95 i zatim pritisnite tipku Shift-kliknite na Gold copy 100 kako biste odabrali sve slojeve koji se nalaze između. Pritisnite tipke Control-G da napravite grupu i idite na Layer > Rename group te grupu nazovite Effect 7.



11. korak
Odaberite Gold copy 101 i zatim pritisnite tipku Shift-kliknite na Gold copy 105 kako biste odabrali sve slojeve koji se nalaze između. Pritisnite tipke Control-G da napravite grupu i idite na Layer > Rename group te grupu nazovite Effect 8.



5. Dodajte Stilove za Slojeve (Layer Styles)
1. korak
Odaberite sloj Gold i dvaput kliknite na sloj da primijenite sljedeći stil za sloj:
Dodajte Bevel & Emboss sa ovim postavkama:
-
Style: Inner Bevel
- Technique: Smooth
- Depth: 32%
- Direction: Down
- Size: 3 px
- Uklonite oznaku s kućice Use Global Light
- Angle: -81°
- Altitude: 26°
- Odaberite Gloss Contour: Ring - Double
-
Highlight Mode: Linear Dodge (Add) sa bojom
#ffffff
i Opacity: 18% -
Shadow Mode: Linear Burn sa bojom
#171718
i Opacity: 33%



2. korak
Dodajte Stroke sa ovim postavkama:
- Size: 3 px
- Position: Inside
- Blend Mode: Normal
- Fill Type: Gradient
- Style: Angle
- Angle: 90°
- Označite kućicu Dither:
-
Scale: 150%
- Kliknite na Gradient i podesite ove točke boja:
- Točka boje sa Bojom:
#7a6b37
na Lokaciji: 7% - Točka boje sa Bojom:
#84753f
na Lokaciji: 43% - Točka boje sa Bojom:
#7d6d37
na Lokaciji: 70% - Točka boje sa Bojom:
#ffe785
na Lokaciji: 85% - 7 točaka boja sa Bojom:
#f7c753
na ovim Lokacijama: 0%, 13%, 19%, 48%, 63%, 81% i 100% - 5 točaka boja sa Bojom:
#c59f44
na ovim Lokacijama: 16%, 27%, 55%, 75% i 93%



3. korak
Dodajte Satin sa ovim postavkama:
-
Blend Mode: Linear Burn sa bojom
#afa182
- Opacity: 4%
- Angle: 0°
- Distance: 22 px
- Size: 1 px
- Označite Invert prozorčić



4. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Linear Burn
- Odaberite boju
#000000
- Opacity: 7%



5. korak
Dodajte Gradient Overlay sa ovim postavkama:
- Blend Mode: Normal
- Označite Dither prozorčić
- Opacity: 100%
- Style: Linear
- Angle: 67°
-
Scale: 100%
- Kliknite na Gradient i podesite ove točke boja:
- Točka boje 1 - Boja:
#010202
Lokacija: 11% - Točka boje 2 - Boja:
#737373
Lokacija: 34% - Točka boje 3 - Boja:
#010202
Lokacija: 58% - Točka boje 4 - Boja:
#737373
Lokacija: 75% - Točka boje 5 - Boja:
#010202
Lokacija: 100%
Kliknite OK da primijenite ove promjene.






6. korak
Proširite karticu grupe Effect 1, odaberite sloj Gold copy i dvaput kliknite na sloj da primijenite sljedeći stil za sloj:
Dodajte Inner Glow sa ovim postavkama:
-
Blend Mode: Linear Dodge (Add)
- Opacity: 14%
- Odaberite boju
#ffffff
- Technique: Precise
- Source: Edge
- Choke: 100%
- Size: 136 px
- Označite Anti-aliased kućicu



7. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Color
- Odaberite boju
#fee691
- Opacity: 100%



8. korak
Dodajte Gradient Overlay sa ovim postavkama:
- Blend Mode: Normal
- Označite Dither kućicu
- Opacity: 100%
- Style: Reflected
- Angle: 90°
-
Scale: 150%
- Kliknite Gradient i podesite ove točke boja:
- 4 točke boja sa Bojom:
#7a6b37
na ovim Lokacijama: 7%, 23%, 58% i 89% - Točka boje sa Bojom:
#84753f
na Lokaciji: 43% - 2 točke boja sa Bojom:
#7d6d37
na ovim Lokacijama: 70% i100%
- 5 točaka boja sa Bojom:
#ffe785
na ovim Lokacijama: 4%, 25%, 39%, 85% i 97% - 6 točaka boja sa Bojom:
#f7c753
na ovim Lokacijama: 0%, 13%, 19%, 48%, 63% i 81%
- 5 točaka boja sa Bojom:
#c59f44
na ovim Lokacijama: 16%, 34%, 55%, 75% i 93%



9. korak
Isti gradijent ćemo upotrijebiti u sljedećim koracima, pa hajde da ga spremimo u naše postavke gradijenata Presets pritiskom na gumb New. Zatim kliknite OK da primijenite sve promjene.



10. korak
Kliknite desnom tipkom miša na sloj Gold copy i selektirajte Copy Layer Style, zatim pritisnite tipku Shift-kliknite lijevim gumbom miša na sloj Gold copy 19. Dok su svi ovi slojevi selektirani, kliknite desnim gumbom miša na bilo koji od tih slojeva i odaberite Paste Layer Style. To će primjeniti identičan stil sloja Gold copy na sve one koje ste selektirali.






11. korak
Zatvorite grupu Effect 1 i kliknite na Effect 2 grupu da produžite karticu. Odaberite Gold copy 20 i dvaput kliknite na sloj da primijenite sljedeći stil sloja:
Dodajte Inner Glow sa ovim postavkma:
-
Blend Mode: Linear Dodge (Add)
- Opacity: 7%
- Odaberite boju
#ffffff
- Technique: Precise
- Source: Edge
- Choke: 100%
- Size: 136 px
- Označite Anti-aliased kućicu



12. korak
Dodajte Color Overlay sa sljedećim postavkama:
-
Blend Mode: Color
- Odaberite boju
#fee691
- Opacity: 100%



13. korak
Dodajte Gradient Overlay sa ovim postavkama:
- Blend Mode: Normal
- Označite Dither kućicu
- Opacity: 100%
- Style: Reflected
- Angle: 90°
-
Scale: 150%
- Kliknite na Gradient i odaberite u Presets odaberite gradijent koji smo prethodno spremili.
Kliknite OK da primijenite sve promjene.



14. korak
Kliknite desnim gumbom miša na sloj Gold copy 20 i odaberite Copy Layer Style i zatim pritisnite Shift-kliknite lijevim gumbom miša na sloj Gold copy 29. Dok su svi ovi slojeve selektirani, kliknite desnim gumbom miša na bilo koji od slojeva i odaberite Paste Layer Style.






15. korak
Zatvorite grupu Effect 2 i kliknite na grupu Effect 3 da proširite karticu. Odaberite sloj Gold copy 30 i dvaput kliknite na sloj da primijenite sljedeći stil:
Dodajte Inner Glow sa ovim postavkama:
-
Blend Mode: Linear Dodge (Add)
- Opacity: 3%
- Odaberite
#ffffff
- Technique: Precise
- Source: Edge
- Choke: 100%
- Size: 136 px
- Označite Anti-aliased kućiu



16. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Color
- Odaberite boju
#fee691
- Opacity: 100%



17. korak
Dodajte Gradient Overlay sa ovim postavkama:
- Blend Mode: Normal
- Označite Dither kućicu
- Opacity: 100%
- Style: Reflected
- Angle: 90°
-
Scale: 150%
- Kliknite na Gradient i u Presets odaberite prethodno spremljen gradijent.
Kliknite OK da primijenite postavke.



18. korak
Kliknite desnim gumbom miša na sloj Gold copy 30 i odaberite Copy Layer Style, zatim pritisnite tipku Shift-kliknite lijevim gumbom miša na sloj Gold copy 39. Dok su ovi slojevi selektirani, kliknite desnim gumbom miša na bilo koji od ovih slojeva i odaberite Paste Layer Style.






19. korak
Zatvorite grupu Effect 3 i proširite karticu grupe Effect 4. Selektirajte sloj Gold copy 40 i dvaput kliknite na sloj da primijenite sljedeći stil:
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Color
- Odaberite boju
#fee691
- Opacity: 100%



20. korak
Dodajte Gradient Overlay sa ovim postavkma:
- Blend Mode: Normal
- Označite Dither kućicu
- Opacity: 100%
- Style: Reflected
- Angle: 90°
-
Scale: 150%
- Kiknite na Gradient i u Prestes odaberite prethodno spremljeni gradijent.
Kliknite OK da primijenite sve promjene.



21. korak
Kliknite desnim gumbom miša na sloj Gold copy 40 i odaberite Copy Layer Style, i zatim pritisnite tipku Shift-kliknite lijevim gumbom miša na sloj Gold copy 59. Dok su ovi slojevi selektirani, kliknite desnim gumbom miša na bilo koji od ovih slojeva i odaberite Paste Layer Style.






22. korak
Zatvorite grupu Effect 4 i proširite grupu Effect 5. Odaberite sloj Gold copy 60 i dvaput kliknite sloj da primijenite sljedeći stil:
Dodjte Inner Glow sa ovim postavkama:
-
Blend Mode: Linear Burn
- Opacity: 3%
- Odaberite boju
#000000
. - Technique: Precise
- Source: Edge
- Choke: 100%
- Size: 136 px
- Označite Anti-aliased kućicu



23. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Color
- Odaberite boju
#fee691
- Opacity: 100%



24. korak
Dodajte Gradient Overlay sa ovim postavkama:
- Blend Mode: Normal
- Označite Dither kućicu
- Opacity: 100%
- Style: Reflected
- Angle: 90°
-
Scale: 150%
- Kliknite na Gradient i u Presets odaberite prethodno spremljen gradijent.
Kliknite OK da primijenite sve promjene.



25. korak
Kliknite desnim gumbom miša na sloj Gold copy 60 i odaberite Copy Layer Style, i zatim pritisnite tipku Shift-kliknite lijevim gumbom miša na sloj Gold copy 89. Dok su ovi slojevi selektirani, kliknite desnim gumbom miša na bilo koji od ovih slojeva i odaberite Paste Layer Style.






26. korak
Zatvorite grupu Effect 5 i proširite karticu grupe Effect 6. Odaberite sloj Gold copy 90 i dvaput kliknite sloj da primijenite sljedeći stil:
Dodajte Inner Glow sa ovim postavkama:
-
Blend Mode: Linear Burn
- Opacity: 10%
- Odaberite boju
#000000
- Technique: Precise
- Source: Edge
- Choke: 100%
- Size: 136 px
- Označite Anti-aliased kućicu



27. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Color
- Odaberite boju
#fee691
- Opacity: 100%



28. korak
Dodajte Gradient Overlay sa ovim postavkama:
- Blend Mode: Normal
- Označite Dither kućicu
- Opacity: 100%
- Style: Reflected
- Angle: 90°
-
Scale: 150%
- Kliknite na Gradient i u Presets odaberite prethodno spremljen gradijent.
Kliknite OK da primijenite sve promjene.



29. korak
Kliknite desnim gumbom miša na sloj Gold copy 90 i odaberite Copy Layer Style, i zatim pritisnite tipku Shift-kliknite lijevim gumbom miša na sloj Gold copy 94. Dok su ovi slojevi selektirani, kliknite desnim gumbom miša na bilo koji od ovih slojeva i odaberite Paste Layer Style.






30. korak
Zatvorite grupu Effect 6 i proširite karticu grupe Effect 7. Odaberite sloj Gold copy 95 i dvaput kliknite sloj da primijenite sljedeći stil:
Dodajte Inner Glow sa ovim postavkama:
-
Blend Mode: Linear Burn
- Opacity: 16%
- Odaberite boju
#000000
- Technique: Precise
- Source: Edge
- Choke: 100%
- Size: 136 px
- Označite Anit-aliased kućicu



31. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Color
- Odaberite boju
#fee691
- Opacity: 100%



32. korak
Dodajte Gradient Overlay sa ovim postavkama:
- Blend Mode: Normal
- Označite Dither kućicu
- Opacity: 100%
- Style: Reflected
- Angle: 90°
-
Scale: 150%
- Kliknite na Gradient i odaberite gradijent koji smo prije spremili u Presets postavke.
Kliknite OK da primijenite sve promjene.



33. korak
Kliknite desnim gumbom miša na sloj Gold copy 95 i odaberite Copy Layer Style, i zatim pritisnite tipku Shift-kliknite lijevim gumbom miša na sloj Gold copy 100. Dok su ovi slojevi selektirani, kliknite desnim gumbom miša na bilo koji od ovih slojeva i odaberite Paste Layer Style.






34. korak
Zatvorite grupu Effect 7 i proširite karticu grupe Effect 8. Odaberite sloj Gold copy 101 i dvaput kliknite sloj da primijenite sljedeći stil:
Dodajte Inner Glow sa ovim postavkama:
-
Blend Mode: Linear Burn
- Opacity: 22%
- Odaberite boju
#000000
. - Technique: Precise
- Source: Edge
- Choke: 100%
- Size: 136 px
- Označite Anti-aliased kućicu



35. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Color
- Odaberite boju
#fee691
- Opacity: 100%



36. krak
Dodajte Gradient Overlay sa ovim postavkama:
- Blend Mode: Normal
- Označite Dither kućicu
- Opacity: 100%
- Style: Reflected
- Angle: 90°
-
Scale: 150%
- Kliknite na Gradient i odaberite gradijent koji smo prije spremili u Preset postavke.
Kliknite OK da primijenite sve promjene.



37. korak
Kliknite desnim gumbom miša na sloj Gold copy 101 i odaberite Copy Layer Style, i zatim pritisnite tipku Shift-kliknite lijevim gumbom miša na sloj Gold copy 105. Dok su ovi slojevi selektirani, kliknite desnim gumbom miša na bilo koji od ovih slojeva i odaberite Paste Layer Style.






6. Napravite Sjene
1. korak
Odaberite sloj Shadow i dvaput pritisnite Control-J na tipkovnici da napravite dvije kopije tog sloja.



2. korak
Odaberite sloj Shadow i pritisnite tipke Control-T, zatim dodajte 20 px na horizontalnu poziciju X: i također dodajte 30 px na vertikalnu poziciju Y: Vrijednosti pozicija prikazane na slici ispod mogu biti drugačije od vaših.
Pritisnite tipku Enter da primijenite promjene.



3. korak
Dvaput kliknite na sloj Shadow da primijenite sljedeći stil sloja:
Promijenite Blending Options sa ovim postavkama:
- Opacity: 35%



4. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Normal
- Odaberite boju
#312000
- Opacity: 100%



5. korak
Dodajte Drop Shadow sa ovim postavkama:
- Blend Mode: Multiply
- Odaberite boju
#010101
- Opacity: 75%
- Uklonite oznaku s Use Global Light kućice prije nego što podesite Angle: 120°
- Distance: 17 px
- Spread: 0%
- Size: 5 px
Kliknite OK da primijenite sve promjene.



6. korak
Idite na Filter > Blur > Gaussian Blur, podesite Radius na 4.3 piksela, i kliknite OK.



7. korak
Idite na Filter > Blur > Motion Blur, podesite Angle: -60° i Distance: 97 piksela i zatim kliknite OK.






8. korak
Odaberite sloj Shadow copy i dvaput kliknite na sloj da primijenite sljedeći stil za sloj:
Promijenite Blending Options sa ovim postavkama:
- Fill Opacity: 0%



9. korak
Dodajte Drop Shadow sa ovim postavkama:
-
Blend Mode: Linear Burn
- Odaberite boju
#000000
- Opacity: 47%
- Uklonite oznaku s Use Global Light kućice zatim podesite Angle: 124°
- Distance: 0 px
- Spread: 50%
- Size: 2 px
Kliknite OK da primijenite sve promjene.






10. korak
Odaberite sloj Shadow copy 2 i dvaput klliknite na sloj da primijenite sljedeći stil za sloj:
Promijenite Blending Options sa ovim postavkama:
-
Opacity: 50%
- Fill Opacity: 0%



11. korak
Dodajte Color Overlay sa ovim postavkama:
-
Blend Mode: Normal
- Odaberite boju
#000000
- Opacity: 100%



12. korak
Dodajte Drop Shadow sa ovim postavkama:
-
Blend Mode: Linear Burn
- Odaberite boju
#000000
- Opacity: 11%
- Ukonite oznaku s Use Global Light prozorčića i podesite Angle: 45°
- Distance: 87 px
- Spread: 0%
- Size: 79 px
Kliknite OK da primijenite sve promjene.



13. korak
Idite na Filter > Blur > Gaussian Blur, podesite Radius na 16.8 px i kliknite OK.



14. korak
Za bolju preglednost grupirati ćemo sve slojeve sa sjenama. Selektirajte sloj Shadow copy 2, i zatim pritisnite tipku Shift-kliknite desnim gumbom miša na sloj Shadow i na tipkovnici pritisnite tipke Control-G da napravite grupu.



Čestitam! Završili ste
U ovom tutorijalu ste naučili kako pomoću pametnih objekata i stilova za slojeve napraviti 3D tekst u zlatno-crnoj boji i logo 'mockup'.
Počeli smo izrađivanjem pametnog objekta (smart object) i zatim smo napravili akciju za smanjivanje (shrinking action). Nakon toga smo dodali mnoge slojeve kako bismo napravili 3D efekt i također smo dodali stilove za slojeve. I na kraju smo dodali sjene.



Od sada možete promijeniti sadržaj teksta iz BLACK GOLD naziva u bilo koji drugi tekst, oblik ili vektor. Za promjenu sadržaja, kliknite desnim gumbom miša na sloj Gold i odaberite Edit contents. Kada završite sa uređivanjem sadržaja, zatvorite .psb dokument i kliknite Yes da primijenite promjene.
Umjesto teksta možete upotrijebiti vektorski logo. U primjeru prikazanom ispod sam promijenio sadržaj u Phoenix logo koji je također dio mojeg portfelja na Envato Market-u.



Ovaj 'mockup' koji smo upravo izradili je dio iz 3D Gold Text Mockups.



