Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Jak vytvořit 3D text efekt kamene pomocí stylů vrstev ve Photoshopu

by
Difficulty:BeginnerLength:MediumLanguages:

Czech (Čeština) translation by P.H. (you can also view the original English article)

Final product image
What You'll Be Creating

V tomto začátečnickém tutoriálu se naučíš, jak vytvořit falešný 3D textový efekt. Naučíš se jak vytvořit skvělé Photoshop textové efekty s použitím stylů vrstev ve Photoshopu. Photoshop styly pracují s libovolným typem písma a jsou nejlepší volbou při vytváření textových efektů ve Photoshopu. Falešné 3D lze použít s jakýmkoli stylem vrstvy a učiní písmo ve Photoshopu ještě více výrazné a úžasné.

Na konci tohoto tutoriálu budu odkazovat na další tutoriály pro Photoshop s textovými efekty, které lze kombinovat s tímhle, takže se naučíš, jak vytvořit skvělé textové efekty ve Photoshopu se styly a akcemi.

Textový efekt, který se naučíš dnes byl inspirován Concrete and Rock Styles. Osm Photoshop stylů, které pracují s jakýmkoli písmem nebo tvarem.

Tato sada je také k dispozici v Super Bundle Styles 2, který zahrnuje celkem 66 textových efektů.

Concrete and rock styles promotion image
Concrete and Rock Styles

Prostředky k tutoriálu

V tomto tutoriálu byly pužity následující prostředky:

* Položky označené hvězdičkou jsou uvnitř souboru zip, který je připojen k tomuto tutoriálu, upravené a připravené k použití v tomto tutoriálu.

Jak vytvořit textový efekt

Krok 1

Stáhni soubor zip připojený k tomuto tutoriálu a rozbal do jakékoli složky. Potom otevři rockBackgroung.jpg ve Photoshopu.

3d text Background image

Krok 2

Nyní vyber nástroj textu Horizontal Type Tool (T) a nastav velikost textu na 190 pt a písmo Titan One. Poté napiš ROCK a umísti text na polici.

Rock text layer on the shelf

Krok 3

Teď se chystáme vytvořit vzor kamene. Původní obrázek je trochu rozmazaný, příliš velký a ne bezešvý. Takže jsem ho upravil a všechno opravil. Upravený vzorek je uvnitř souboru zip, který je připojen k tomuto tutoriálu. Chcete-li jej nainstalovat, přejděte do Edit > Presets > Preset Manager a jako Preset Type vyberte Patterns. Poté klikněte na Load a nainstalujte soubor rockPattern-Tutorial.

Poté dvojklik na textovou vrstvu, otevře se panel Layer Style. Poté přidej Pattern Overlay s tímto nastavením:

  • Blend Mode: Normal
  • Opacity: 100%
  • Pattern: rockPattern-Tutorial
  • Scale: 50%
  • Link with Layer: On
Pattern Overlay settings

Krok 4

Udělejme tento text méně plochý s použitím měkkého světla. Přidej Gradient Overlay s tímto nastavením:

  • Blend Mode: Soft Light
  • Dither: Off
  • Opacity: 100%
  • Reverse: Off
  • Style: Linear
  • Align with Layer: On
  • Angle: 90º
  • Scale: 100%
Gradient Overlay settings

Poté klikni na pruh přechodu a uprav s těmito barvami:

  • První zarážka Color: #414141 Position: 0%
  • Druhá zarážka Color: #c3c3c3 Position: 100%
Gradient colors and positions

Krok 5

Teď se chystáme přidat velmi měkký okraj textu. Takže přidej Inner Glow s tímto nastavením:

  • Blend Mode: Color Dodge
  • Opacity: 33%
  • Noise: 0%
  • Color: #fffbec
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 9 px
  • Contour: Linear
  • Anti-aliased: Off
  • Range: 50%
  • Jitter: 0%
Inner Glow settings

Krok 6

Abychom si pomohli s efektem 3D textu, přidáme více hloubky pomocí jemného vnitřního stínu Inner Shadow:

  • Blend Mode: Multiply
  • Opacity: 54%
  • Use Global Light: Off
  • Angle: -45º
  • Distance: 2 px
  • Choke: 49%
  • Size: 1 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
Inner Shadow settings

Krok 7

Nyní přidej vržený stín Drop Shadow s tímto nastavením:

  • Blend Mode: Normal
  • Color: #0c0c0c
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: 154º
  • Distance: 2 px
  • Spread: 100%
  • Size: 2 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On
Drop Shadow settings

Krok 8

Další efekt vytvoří nerovný povrch textu. Je to velmi jemné, ale v kombinaci s druhou vrstvou stylu bude vypadat úžasně. Čili přidej Bevel & Emboss s tímto nastavením:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 368%
  • Direction: Up
  • Size: 46 px
  • Soften: 0 px
  • Use Global Light: Off
  • Angle: 97º
  • Altitude: 48º
  • Anti-aliased: Off
  • Highlight Mode: Color Dodge Color: #ffffff Opacity: 14%
  • Shadow Mode: Linear Burn Color: #000000 Opacity: 1%
Bevel and Emboss settings

Klikni na Gloss Contour a uprav s tímto nastavením:

  • První bod Input 0% Output 58% Corner: Off
  • Druhý bod Input 37% Output 7% Corner: Off
  • Třetí bod Input 78% Output 97% Corner: Off
  • Čtvrtý bod Input 100% Output 77% Corner: Off

Potom ulož kliknutím na Save a pojmenuj ji Rock Contour. Budeme to používat později.

Gloss Contour settings

Takto by měl vypadat textový efekt nyní:

rock 3d text layer style preview

Krok 9

Nyní zmáčkni OK na panelu stylu vrstvy Layer Style. Vyber textovou vrstvu na panelu vrstvy Layers a stisknutím Control-J duplikuj vrstvu. Poté pravý klik na zkopírovaném textu a vyber Clear layer style.

Clearing the layer style

Krok 10

Dvojklik na kopii textu, otevře se panel styl vrstvy Layer Style. Pak přidej vnitřní záři Inner Glow s tímto nastavením:

  • Blend Mode: Color Dodge
  • Opacity: 100%
  • Noise: 0%
  • Color: #535353
  • Technique: Softer
  • Source: Center
  • Choke: 36%
  • Size: 27 px
  • Contour: Linear
  • Anti-aliased: Off
  • Range: 50%
  • Jitter: 0%

To přidá zvýraznění světla na střed textu. Vypadá to skvěle a bude to mít vliv na konečný efekt textu.

Inner Glow settings

Krok 11

Udělejme text trochu tmavší při zachování ostrosti původní textury.

Přidej Gradient Overlay s tímto nastavením:

  • Blend Mode: Soft Light
  • Dither: Off
  • Opacity: 100%
  • Reverse: Off
  • Align with Layer: On
  • Style: Linear
  • Angle: 90º
  • Scale: 100%

 Měkké světlo Soft Light v režim prolnutí Blend mode je ideální pro udržení ostrosti textury.

Gradient Overlay settings

Poté klikni na pruh přechodu a uprav s tímto nastavením:

  • První zarážka Color: #636363 Position: 0%
  • Druhá zarážka Color: #3f3f3f Position: 100%
Gradient colors and positions

Krok 12

Nyní přidej vnitřní stín Inner Shadow s tímto nastavením:

  • Blend Mode: Multiply
  • Color: #000000
  • Opacity: 60%
  • Use Global Light: Off
  • Angle: -45º
  • Distance: 3 px
  • Choke: 64%
  • Size: 3 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
Inner Shadow settings

Krok 13

Nyní, jako doplněk k prvnímu Bevel & Emboss, přidáme ještě jeden s tímto nastavením:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 368%
  • Direction: Up
  • Size: 62 px
  • Soften: 0 px
  • Use Global Light: Off
  • Angle: 97º
  • Altitude: 48º
  • Gloss Contour: Rock Contour (nastavení, které jsme již vytvořili a uložili)
  • Anti-aliased: Off
  • Highlight Mode: Color Dodge Color: #ffffff Opacity: 25%
  • Shadow Mode: Linear Burn Color#000000 Opacity: 4%
Bevel and Emboss settings

Krok 14

Nyní přidej vržený stín Drop Shadow s tímto nastavením:

  • Blend Mode: Normal
  • Color: #0d0d0d
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: 145º
  • Distance: 7 px
  • Spread: 0%
  • Size: 3 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: 0%

Potom klikni na OK pro dokončení textového efekt.

Drop Shadow settings

Gratuluji, dokázal jsi to!

Rock 3D Text Effect final result

Dnes jsi se naučil, jak vytvořit falešné 3D textové efekty. Použili jsme texturu kamene v kombinaci dvou vrstev stylů. Tyto techniky jsou pouze základy, pokud se chceš začít učit, jak vytvořit vlastní textové efekty ve Photoshopu. Nezapomeň si uložit textový efekt, abys jej mohl později použít.

Určitě se podívej na originál Concrete and Rock Styles.

Concrete and rock styles promotion image
Concrete and Rock Styles

Zde jsou další tutoriály, které by tě mohly zajímat:

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.