Tvorba Rýchleho a Jednoduchého 3D Nálepkového Textového Efektu v Adobe Photoshop

3D nálepkové efekty sú veľmi jednoduché, pekné a užitočné. Tento rýchly návod ti ukáže ako vytvoriť editovateľný, lesklý 3D nálepkový textový efekt, za použitia Smart Objektov a Layer Style. Môžeme začať!

Podklady k návodu

V tomto návode boli použité nasledovné podklady :

• Alba font
• Concrete wall pattern od Atle Mo

1. Vytvorenie pozadia.

Krok 1

Vytvor nový 770 x 490px dokument. Nastav Foreground farbu na #3f797d a Background farbu na #80b2bb, zvoľ Gradient Tool, klikni na Linear Gradient ikonku v Options menu, a potom klikni a ťahaj zo spodu dokumentu smerom hore, aby si vytvoril prechodové pozadie.

Následne choď do Filter > Convert for Smart Filters.

Krok 2

Dvojklikni na Smart Object Background vrstvu a aplikuj Pattern Overlay efekt s použitím týchto nastavení:

• Blend Mode: Soft Light
• Pattern: Concrete wall

To zmení štýl pozadia.

2. Vytvorenie Textu a jeho Smart Object Vrstvy

Krok 1

Vytvor text čiernej farby, font Alba s veľkosťou písma: Size 120pt.

Krok 2

Duplikuj vrstvu s textom, premenuj ju na Stroke, a premenuj aj kópiu vrstvy na Text.

Krok 3

Dvojklikni na Stroke vrstvu a aplikuj Stroke efekt za použitia nasledovných nastavení:

• Size: 14
• Color: #dcdcdc

Krok 4

Toto vytvorí vonkajšiu linku. Daj pozor, aby táto linka nenechala prázdne miesta medzi písmenami. Ak nechá, dvojklikni na vrstvu znovu a zvýš Stroke Size až kým nezmiznú prázdne miesta.

Krok 5

Pravý klik na každú vrstvu, ktorú máš vytvorenú (Stroke a Text vrstvu), a vyber Convert to Smart Object.

Duplikuj Text vrstvu, a zmeň tejto skopírovanej vrstvy Fill hodnotu na 0.

Krok 6

Duplikuj Text copy vrstvu a Stroke vrstvu. Potom zmeň Stroke copy vrstvy Fill hodnotu na 0, a premiestni ju nad všetky ostatné vrstvy.

3. Štylizácia Stroke Vrstvy

Dvojklikni na Strokevrstvu a aplikuj nasledujúci štýl vrstvy:

Krok 1

Pridaj Bevel and Emboss s týmito nastaveniami:

• Size: 10
• Odklikni Use Global Light štvorček
• Angle: 79
• Altitude: 37
• Zaklikni Anti-aliased štvorček
• Shadow Mode - Color: #2f959d

Krok 2

Pridaj Inner Shadow s týmito nastaveniami:

• Distance: 0
• Choke: 30
• Size: 3

Krok 3

Pridaj Drop Shadow s týmito nastaveniami:

• Opacity: 47%
• Distance: 5
• Size: 6

To naštylizuje spodnú časť Stroke linky.

4. Štylizácia Originálnej Text Vrstvy

Dvojklikni na originálnu Text vrstvu a aplikuj nasledujúci štýl vrstvy:

Krok 1

Pridaj Bevel and Emboss s týmito nastaveniami:

• Size: 7
• Odklikni Use Global Light štvorček
• Angle: 117
• Altitude: 69
• Zaklikni Anti-aliased štvorček

Krok 2

Pridaj Inner Shadow s týmito nastaveniami:

• Opacity: 35%
• Distance: 0
• Size: 5

Krok 3

Pridaj Color Overlay s týmito nastaveniami:

• Color: #ea326e

Tu si vyberáš farbu textu, takže si môžes vybrať akúkoľvek farbu.

Toto naštylizuje hlavnú textovú vrstvu.

5. Štylizácia First Copy Text vrstvy

Dvojklikni na first copy Text vrstvu a aplikuj nasledujúci štýl vrstvy:

Krok 1

Pridaj Bevel and Emboss s týmito nastaveniami:

• Size: 5
• Odklikni Use Global Light štvorček
• Angle: 0
• Altitude: 69
• Zaklikni Anti-aliased štvorček
• Shadow Mode - Opacity: 25%

Krok 2

Pridaj Contour s týmito nastaveniami:

• Iba zaklikni Anti-aliased štvorček.

To zvýši lesklý efekt.

6. Štylizácia Second Copy Text Vrstvy

Dvojklikni na second copy Text vrstvu a aplikuj nasledujúci štýl vrstvy:

Krok 1

Pridaj Bevel and Embosss týmito nastaveniami:

• Style: Outer Bevel
• Size: 7
• Odklikni Use Global Light štvorček
• Angle: 117
• Altitude: 69
• Zaklikni Anti-aliased štvorček
• Highlight Mode - Opacity: 100%
• Shadow Mode - Opacity: 100%

Krok 2

Pridaj Gradient Overlay s týmito nastaveniami:

• Blend Mode: Soft Light
• Opacity: 30%

Toto vytvorí vonkajšiu linku vnútorného textu, vytvorí tzv. ilúziu 3D efektu.

7. Štylizácia Top Stroke Vrstvy

Dvojklikni na copy Stroke vrstvu a aplikuj nasledujúci štýl vrstvy:

Krok 1

Pridaj Bevel and Emboss s týmito nastaveniami:

• Size: 3
• Soften: 2
• Odklikni Use Global Light štvorček
• Angle: -153
• Altitude: 69
• Zaklikni Anti-aliased štvorček
• Highlight Mode: Vivid Light

Krok 2

Pridaj Contour s týmito nastaveniami:

• Iba zaklikni Anti-aliased štvorček.

To naštylizuje poslednú vrstvu efektu.

Gratulujem! Hotovo

V tomto návode, sme vytvorili jednoduché pozadie, a niekoľko textových vrstiev, ktoré sme konvertovali do Smart Objects.

Potom sme štylizovali tieto vrstvy za použidia rôznych štýlov vrstvy, a zakončili sme to s lesklým 3D nálepkovým textovým efektom.

Prosím zanechajte komenty, návrhy a výsledky nižšie.