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

Jak vytvořit super jednoduchý kovovo-kapalný efekt v Adobe Photoshopu

by
Read Time:5 minsLanguages:

Czech (Čeština) translation by Ondřej Vokoun (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Tenhle tutoriál vám ukáže velmi jednoduchou a rychlou cestu, jak vytvořit kovov-metalový text efekt použitím několika textur, vzorů a stylů vrstev. Pojďme začít!

Tenhle textový efekt byl inspirován mnoha Styly vrstev dostupných na GraphicRiver.

Podklady k tutoriálu

Následující podklady byly použity během produkce tutoriálu:

1. Jak přidat základní vzory

Krok 1

Jděte do Upravit > Předvolby > Správce předvoleb a vyberte Vzory z menu Typ předvolby.

Potom klikněte na malou šipku vpravo od Typu předvoleb a klikněte na Přírodní vzory. Až se zobrazít dialogové okno, pouze stiskněte Přidat.

Load Default PatternsLoad Default PatternsLoad Default Patterns

Krok 2

Otevřete obrázek Metal scales seamless texture 1 ve Photoshopu, jděte do Upravit > Definovat vzor, pojmenujte vzor Metal Scales a klikněte na OK.

Define PatternDefine PatternDefine Pattern

2. Jak vytvořit pozadí s texturou

Krok 1

Vytvořte si nový dokument o rozměrech 1000 x 600 px. Potom klikněte na ikonu Vytvořit novou výplň nebo vrstvu úprav naspod panelu Vrstev a vyberte Přechod.

Add a Gradient Adjustment LayerAdd a Gradient Adjustment LayerAdd a Gradient Adjustment Layer

Krok 2

Vytvořte výplň přechodem s použitím barev #301e14 vlevo a #0d0909 vpravo.

Nastavte Styl na Radiální a Změnu velikost na 250.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

Krok 3

Úplně nahoru vrstvy Přechod umístěte Texture 555 a přejmenujte tuto vrstvu na BG Texture.

Změňte Režim prolnutí u vrstvy BG Texture na Měkké světlo a podle potřeby změňte velikost.

The Background Texture SettingsThe Background Texture SettingsThe Background Texture Settings

Krok 4

Přidejte vrstvu úprav Zobrazení přechodu a připněte ji k vrstvě BG Texture. Použijte výplň přechodem a zaškrtněte políčko Rozklad barev. Potom změňte u vrstvy Zobrazení přechodu její Režim prolnutí na Barvu a její Průhlednost na 75%.

Gradient Map SettingsGradient Map SettingsGradient Map Settings

3. Jak vytvořit textovou vrstvu

Krok 1

Napište text s použitím fontu Skyoval. Barvu nastavte na #7f7b78 a Velikost na 350 pt.

Create the TextCreate the TextCreate the Text

Krok 2

Zduplikujte textovou vrstvu a u kopie změňte Výplň na hodnotu 0.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Krok 3

Duplikujte kopii textové vrstvy

Create Another Copy Text LayerCreate Another Copy Text LayerCreate Another Copy Text Layer

4. Jak navrhnout styl originální textové vrstvy

Dvakrát klikněte na originální textovou vrstvu, abyste mohli aplikovat následující styl:

Krok 1

Přidejte Úkos a reliéf s těmito parametry:

  • Velikost: 18
  • Zrušte zaškrtnutí u políčka Použít globální světlo
  • Úhel: 112
  • Nadmořská výška: 32
  • Lesk obrysu: Kužel - tvrdý
  • Zaškrtněte Vyhlazování
  • Režim prolnutí: Lineární světlo
    • Barva: #f3d6b7
  • Režim stínu: Lineární hoření
    • Barva: #7a7a7a
Bevel and EmbossBevel and EmbossBevel and Emboss

Krok 2

Přidejte Obrys s těmito parametry:

  • Obrys: Půlkulatý
  • Zaškrtněte Vyhlazení.
ContourContourContour

Krok 3

Přidejte Texturu s těmito parametry:

  • Vzor: Mraky
  • Měřítko: 25%
  • Hloubka: 5%
TextureTextureTexture

Krok 4

Přidejte Vnitřní stín s těmito parametry:

  • Režim prolnutí: Závoj
  • Barva: #4e9d86
  • Průhlednost: 50%
  • Zrušte zatržení u Použití globálního světla
  • Úhel: 90
  • Odstup: 8
  • Velikost: 9
  • Obrys: Půlkulatý
Inner ShadowInner ShadowInner Shadow

Krok 5

Přidejte Vnitřní záři s těmito parametry:

  • Režim prolnutí: Rozdíl
  • Průhlednost: 35%
  • Barva: Použijte přechod Bronze Bz55 k vyplnění
  • Zdroj: Centrum
  • Velikost: 29
Inner GlowInner GlowInner Glow

Krok 6

Přidejte efekt Satén s těmito parametry:

  • Režim prolnutí: Tvrdé světlo
  • Barva: #deb7a7
  • Průhlednost: 50%
  • Úhel: 90
  • Odstup: 13
  • Velikost: 15
  • Obrys: Válcový sklon - Klesající
  • Zaškrtněte Vyhlazování
  • Zaškrtněte Invertovat
SatinSatinSatin

Krok 7

Přidejte Barevné překrytí s těmito parametry:

  • Barva: #653739
  • Režim prolnutí: Hořící barvy
Color OverlayColor OverlayColor Overlay

Krok 8

Přidejte Vržený stín s těmito parametry:

  • Barva: #010101
  • Průhlednost: 85%
  • Odstup: 15
  • Velikost: 10
Drop ShadowDrop ShadowDrop Shadow

Toto stylizuje první textovou vrstvu.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

5. Jak navrhnout styl první kopie textové vrstvy

Dvakrát klikněte na první kopii textové vrstvy pro aplikaci následujícího stylu:

Krok 1

Přidejte Sklon a reliéf s těmito parametry

  • Velikost: 10
  • Zrušte zaškrtnutí u políčka Použít globální světlo
  • Úhel: 69
  • Nadmořská výška: 42
  • Lesk obrysu: Invertovaný kužel
  • Zaškrtněte Vyhlazování
  • Režim zvýraznění: Lineární světlo
    • Barva: #f3d6b7
  • Režim stínu:
    • Průhlednost: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Krok 2

Přidejte Obrys s těmito parametry

  • Obrys: Válec
  • Zaškrtněte Vyhlazování
  • Rozsah: 100%
ContourContourContour

Krok 3

Přidejte Texturu s těmito parametry:

  • Vzor: Modré sedmikrásky
  • Měřítko: 25%
  • Hloubka: 5%
TextureTextureTexture

Krok 4

Přidejte Vnitřní stín s těmito parametry:

  • Režim prolnutí: Lineární zmavení
  • Barva: #a5a7cb
  • Průhlednost: 50%
  • Zrušte zaškrtnutí u políčka Použít globální světlo
  • Úhel: 90
  • Odstup: 5
  • Vyseknutí: 10
  • Velikost: 9
Inner ShadowInner ShadowInner Shadow

Krok 5

Přidejte Vnitřní záři s těmito parametry:

  • Režim prolnutí: Překrýt
  • Průhlednost: 11%
  • Barva: Použijte přechod stove pipe 100 jako výplň
  • Technika: Přesný
  • Zdroj: Centrum
  • Velikost: 18
  • Obrys: Kužel - invertovaný
Inner GlowInner GlowInner Glow

Tohle stylizuje druhou textovou vrstvu.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

6. Jak vytvořit styl druhé kopie textové vrstvy

Dvakrát klikněte na druhou kopii textové vrstvy pro aplikaci následujícího stylu vrstvy:

Krok 1

Přidejte Úkos a reliéf s těmito parametry:

  • Velikost: 32
  • Zrušte zaškrtnutí políčka Použít globální světlo
  • Úhel: -30
  • Nadmořská výška: 48
  • Záře obrysu: Kužel
  • Zaškrtněte Vyhlazování
  • Režim zvýraznění: Živé světlo
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Krok 2

    Přidejte Obrys s těmito parametry:

    • Obrys: Kruh - Dvojitý
    • Zaškrtněte Vyhlazování
    • Rozsah: 100%
    ContourContourContour

    Krok 3

    Přidejte Texturu s těmito parametry:

    • Vzor: Kovové váhy (Metal Scales)
    • Měřítko: 50%
    TextureTextureTexture

    Krok 4

    Přidejte Vnitřní záři s těmito parametry:

    • Režim prolnutí: Lineární světlo
    • Průhlednost: 35%
    • Barva: #e5d2b2
    • Velikost: 29
    • Obrys: Kužel - Asymetrický
    Inner GlowInner GlowInner Glow

    Krok 5

    Přidejte efekt Satén s těmito parametry:

    • Režim prolnutí: Lineární světlo
    • Barva: #93c0f7
    • Průhlednost: 50%
    • Úhel: 5
    • Odstup: 51
    • Velikost: 65
    • Obrys:
    • Zaškrtněte Vyhlazování
    • Zrušte zaškrtnutí u políčka Invertovat
    SatinSatinSatin

    Krok 6

    Přidejte Překrytí vzorem s těmito parametry:

    • Režim prolnutí: Zaření
    • Průhlednost: 35%
    • Vzor: Kovové váhy (Metal Scales)
    • Měřítko: 50%
    Pattern OverlayPattern OverlayPattern Overlay

    Toto stylizuje finální textovou vrstvu.

    Styled Text Layer 3Styled Text Layer 3Styled Text Layer 3

    7. Jak upravit zabarvení

    Přidejte vrstvu úprav se Zobrazením přechodu úplně nad všechny ostatní vrstvy, použijte výplň přechodem viz. níže, a zaškrtněte Rozklad barev.

    Potom změňte Režim prolnutí na Měkké světlo a Průhlednost na 20% u vrstvy Zobrazení přechodu.

    Gradient MapGradient MapGradient Map

    Gratuluji! Jsme hotovi.

    V tomto tutoriálu jsme vytvořili pozadí vyplněné přechodem a texturou. Potom jsme vytvořili několik textových vrstev, a díky různým stylům na každé z nich jsme dosáhli kovovo-kapalného efektu.

    Níže prosím zanechte vaše komentáře, nápady a výsledky vaší tvorby.

    Final ResultFinal ResultFinal Result
    One subscription.
    Unlimited Downloads.
    Get unlimited downloads