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

Jak vytvořit efekt animovaného textu v programu Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

Czech (Čeština) translation by Zoli Rosa (you can also view the original English article)

Final product image
What You'll Be Creating

V tomto návodu vám ukážu, jak vytvořit jednoduchý efekt kresleného textu pomocí vzoru a stylu vrstvy.

Tento textový efekt, který budeme vytvářet je součástí Cartoon and Comic Book Styles z mé kolekce Cartoon and Comic Book Collection.

Cartoon and Comic Book Styles
Cartoon and Comic Book Styles

Potřeby pro návod

Následující položky budou zapotřebí v průběhu tohoto výukového programu:

Než začnete vytvářet efekt kresleného textu, stiahnitte si a nainstalujte písmo a vzor do Photoshopu a také si stáhněte pozadí.

1. Jak načíst pozadí dokumentu

Jako pozadí použijeme Stars pozadí z doplňků kurzu. Je to soubor JPG o rozměrech 850 x 600 px. Přejděte na položku Soubor > Otevřít a otevřete star-background.jpg.

Star Background

2. Jak vytvořit a zakřivený text

Tento textový efekt je vytvořen z jedné vrstvy, takže jej můžete po dokončení uložit jako nový styl do palety Styly.

Krok 1

Vyberte textový nástroj a vyberte Brady Bunch Remasteredfont. Nastavte velikost písma okolo 212 pt. Napište "SMASH!" velkými písmeny jakoukoliv barvou.

Type tool

Krok 2

Nyní musíme roztáhnout písmena. Vyberte textovou vrstvu a přejděte na panel Znaky a změňte Tracking na -20. Pokud nevidíte ikonu panelu znaků, přejděte na Typ > Panely > Panel znaků.

Font tracking

Krok 3

Posledním krokem před tím, než začneme používat styl vrstvy, je deformovat náš text. Pravým tlačítkem myši na textovou vrstvu a zvolte možnost Warp Text. Nastavte styl na oblouk (Arc), vyberte Horizontální a nastavte ohyb na 30% a horizontálně zkreslení na -30%. Nyní stiskněte tlačítko OK k provedení změn.

Warp text

3. Jak vytvořit textový efekt karikatury

Krok 1

Vyberte vrstvu SMASH! a klikněte dvakrát na vrstvu a aplikujte následující styl vrstvy:

Přidejte Stroke s nastavením:

  • Velikost: 10px
  • Pozice: Zvenku
  • Režim míchání: Normální
  • Viditelnost: 100%
  • Typ výplně: Gradient
  • Styl: Shape Burst
  • Úhel: 0 °
  • Zaškrtněte možnost Dither
  • Nastavte přechod Gradient pomocí těchto dvou barevných nastavení:
  • Zastavení prvního gradientu na Barvu #f80000 a umístění na 45%
  • Druhé zastavení gradientu na Barvu #000000 a umístění na 59%
Add a Stroke

Krok 2

Přidejte vnitřní stín pomocí těchto nastavení:

  • Režim míchání: Normální s barvou #fff000
  • Viditelnost: 100%
  • Zrušte zaškrtnutí políčka Použít globální světlo a potom nastavte úhel: 180 °
  • Vzdálenost: 3 px
  • Choke: 100%
  • Velikost: 0 px
  • Zaznamenejte panel Anti-aliased
Add an Inner Shadow

Krok 3

Přidejte efekt Satén s těmito nastaveními:

  • Režim míchání: Normální s barvou #fff000
  • Viditelnost: 100%
  • Úhel: 90 °
  • Vzdálenost: 2 px
  • Velikost: 0 px
  • Zaškrtněte políčko Anti-aliased
  • Pokud zaškrtnuto, zrušte zaškrtnutí políčka Invert
Add a Satin

Krok 4

Přidejte Překrytí barvy (Color Overlay) s těmito nastaveními:

  • Režim míchání: Multiply
  • Klikněte na pole Barvy a vyberte barvu #fff000
  • Viditelnost: 100%
Add a Color Overlay

Krok 5

Přidání překrytí vzoru (Pattern Overlay) s těmito nastaveními

  • Klikněte na pole Vzor a vyberte vzor Red Dots
  • Viditelnost: 100%
  • Velikost: 100%

Nyní můžete změnit pozici vzoru: stačí kliknout levým tlačítkem myši a posunutím myš nad text v dokumentu pro pohyb nahoru nebo dolů.

Add a Pattern Overlay

Krok 6

Přidejte vnější záření pomocí těchto nastavení:

  • Režim míchání: Normální
  • Viditelnost: 100%
  • Nastavte Barvu záře na #fff000
  • Technika: změkčení (Softer)
  • Rozšírenie: 94%
  • Velikost: 11px
  • Zaškrtněte políčko Anti-aliased
Add an Outer Glow

Krok 7

Jako poslední krok přidejte stínové nastavení s těmito nastaveními:

  • Režim míchání: Multiply a výběr barvy #000000
  • Viditelnost: 100%
  • Zrušte začiarknutie políčka Použiť globálne svetlo (Use Global Light)  a nastavte uhol: 120°
  • Vzdálenost: 8 px
  • Rozšírenie: 100%
  • Velkost: 20px
  • Začiarknite políčko Anti-aliased

Stlačte OK pre aplikovanie štýlu vrstvy

Add a Drop Shadow

Blahopřejeme! Máte hotovo!

V tomto tutoriálu jste se naučili jak vytvořit efekt animovaného textu v programu Adobe Photoshop.

Začali jsme tím, že jsme vytvořili a deformovaly náš text a pak jsme přidali několik různých efektů, abychom vytvořili náš konečný textový efekt.

Final Result

Doufám, že jste si tento tutoriál užili a pokud se vám líbí konečný efekt, nezapomeňte tento styl uložit do palety Styl vrstvy pro budoucí projekty.

Tento textový efekt, který jsme právě vytvořili, je součástí Cartoon and Comic Book Styles.

Cartoon and Comic Book Styles
Cartoon and Comic Book Styles
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.