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

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.

Potřeby pro návod

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

• Font Brady Bunch Remastered
  
• Vzor Red Dots
• Pozadie Stars

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.

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.

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ů.

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.

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%

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

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

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%

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ů.

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

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

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.

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.