1. Design & Illustration
  2. Text Effects

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

by
Read Time:4 minsLanguages:

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

Final product imageFinal product imageFinal 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 GradientBackground GradientBackground 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 OverlayPattern OverlayPattern Overlay

To zmení štýl pozadia.

Styled BacgroundStyled BacgroundStyled 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 TextCreate the TextCreate the Text

Krok 2

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

Text and Stroke LayersText and Stroke LayersText and Stroke Layers

Krok 3

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

  • Size: 14
  • Color: #dcdcdc
StrokeStrokeStroke

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 StrokeText StrokeText 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 ObjectsConvert to Smart ObjectsConvert 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 LayersDuplicate the Text and Stroke LayersDuplicate 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 EmbossBevel and EmbossBevel and Emboss

Krok 2

Pridaj Inner Shadow s týmito nastaveniami:

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

Krok 3

Pridaj Drop Shadow s týmito nastaveniami:

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

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

Styled Stroke LayerStyled Stroke LayerStyled 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 EmbossBevel and EmbossBevel and Emboss

Krok 2

Pridaj Inner Shadow s týmito nastaveniami:

  • Opacity: 35%
  • Distance: 0
  • Size: 5
Inner ShadowInner ShadowInner 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 OverlayColor OverlayColor Overlay

Toto naštylizuje hlavnú textovú vrstvu.

Styled Main TextStyled Main TextStyled 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 EmbossBevel and EmbossBevel and Emboss

Krok 2

Pridaj Contour s týmito nastaveniami:

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

To zvýši lesklý efekt.

Styled First Copy Text LayerStyled First Copy Text LayerStyled 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 EmbossBevel and EmbossBevel and Emboss

Krok 2

Pridaj Gradient Overlay s týmito nastaveniami:

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

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

Styled Second Copy Text LayerStyled Second Copy Text LayerStyled 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 EmbossBevel and EmbossBevel and Emboss

Krok 2

Pridaj Contour s týmito nastaveniami:

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

To naštylizuje poslednú vrstvu efektu.

Styled Second Stroke LayerStyled Second Stroke LayerStyled 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.

One subscription.
Unlimited Downloads.
Get unlimited downloads