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

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

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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 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 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 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 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 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 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 Text

Krok 2

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

Duplicate the Text Layer

Krok 3

Duplikujte kopii textové vrstvy

Create 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 Emboss

Krok 2

Přidejte Obrys s těmito parametry:

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

Krok 3

Přidejte Texturu s těmito parametry:

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

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 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 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
Satin

Krok 7

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

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

Krok 8

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

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

Toto stylizuje první textovou vrstvu.

Styled 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 Emboss

Krok 2

Přidejte Obrys s těmito parametry

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

Krok 3

Přidejte Texturu s těmito parametry:

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

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 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 Glow

Tohle stylizuje druhou textovou vrstvu.

Styled 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 Emboss

    Krok 2

    Přidejte Obrys s těmito parametry:

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

    Krok 3

    Přidejte Texturu s těmito parametry:

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

    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 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
    Satin

    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 Overlay

    Toto stylizuje finální textovou vrstvu.

    Styled 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 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 Result
    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.