Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:ShortLanguages:

Slovak (Slovenčina) translation by Sue Brillo (you can also view the original English article)

Final product image
What You'll Be Creating

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 :

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.

Background Gradient

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
Pattern Overlay

To zmení štýl pozadia.

Styled Bacground

2. Vytvorenie Textu a jeho Smart Object Vrstvy

Krok 1

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

Create the Text

Krok 2

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

Text and Stroke Layers

Krok 3

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

  • Size: 14
  • Color: #dcdcdc
Stroke

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.

Text Stroke

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.

Convert to Smart Objects

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.

Duplicate the Text and Stroke Layers

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
Bevel and Emboss

Krok 2

Pridaj Inner Shadow s týmito nastaveniami:

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

Krok 3

Pridaj Drop Shadow s týmito nastaveniami:

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

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

Styled Stroke Layer

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
Bevel and Emboss

Krok 2

Pridaj Inner Shadow s týmito nastaveniami:

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

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.

Color Overlay

Toto naštylizuje hlavnú textovú vrstvu.

Styled Main Text

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%
Bevel and Emboss

Krok 2

Pridaj Contour s týmito nastaveniami:

  • Iba zaklikni Anti-aliased štvorček.
Contour

To zvýši lesklý efekt.

Styled First Copy Text Layer

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%
Bevel and Emboss

Krok 2

Pridaj Gradient Overlay s týmito nastaveniami:

  • Blend Mode: Soft Light
  • Opacity: 30%
Gradient Overlay

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

Styled Second Copy Text Layer

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
Bevel and Emboss

Krok 2

Pridaj Contour s týmito nastaveniami:

  • Iba zaklikni Anti-aliased štvorček.
Contour

To naštylizuje poslednú vrstvu efektu.

Styled Second Stroke Layer

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.

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.