1. Design & Illustration
  2. Text Effects

Ako vytvoriť efekt animovaného textu v programe Adobe Photoshop

Scroll to top
Read Time: 3 min

() translation by (you can also view the original English article)

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

V tomto návode vám ukážem, ako vytvoriť jednoduchý efekt kresleného textu pomocou vzoru a štýlu vrstvy.

Tento textový efekt, ktorý budeme vytvárať je súčasťou Cartoon and Comic Book Styles z mojej kolekcie Cartoon and Comic Book Collection.

Cartoon and Comic Book StylesCartoon and Comic Book StylesCartoon and Comic Book Styles
Cartoon a Comic Book Styles

Potreby pre návod

Nasledujúce položky budú potrebné v priebehu tohto výukového programu:

Skôr než začnete vytvárať efekt kresleného textu, stiahnitte si a nainštalujte písmo a vzor do Photoshopu a tiež si stiahnite pozadie.

1. Ako načítať pozadie dokumentu

Jako pozadie použijeme Stars background z doplnkou kurzu.  Je to súbor JPG s rozmermi 850 x 600 px. Prejdite na položku Súbor > Otvoriť a otvorte star-background.jpg.

Star BackgroundStar BackgroundStar Background

2. Ako vytvoriť a zakrivený text

Tento textový efekt je vytvorený z jednej vrstvy, takže ho môžete po dokončení uložiť ako nový štýl do palety Štýly.

Krok 1

Vyberte textový nástroj a vyberte Brady Bunch Remasteredfont. Nastavte veľkosť písma okolo 212 pt. Napíšte "SMASH!" veľkými písmenami akoukoľvek farbou.

Type toolType toolType tool

Krok 2

Teraz musíme roztiahnuť písmená. Vyberte textovú vrstvu a prejdite na panel Znaky a zmeňte Tracking na -20. Ak nevidíte ikonu panelu znakov, prejdite na Typ > Panely > Panel znakov.

Font trackingFont trackingFont tracking

Krok 3

Posledným krokom pred tým, ako začneme používať štýl vrstvy, je deformovať náš text. Kliknite pravým tlačidlom myši na textovú vrstvu a zvoľte možnosť Warp Text. Nastavte štýl na oblúk (Arc), vyberte Horizontálne a nastavte ohyb na 30% a horizontálne skreslenie na -30%.  Teraz stlačte tlačidlo OK na vykonanie zmien.

Warp textWarp textWarp text

3. Ako vytvoriť textový efekt karikatúry

Krok 1

Vyberte vrstvu SMASH! a dvakrát kliknite na vrstvu a aplikujte nasledujúci štýl vrstvy:

Pridajte ťah s nastavením:

  • Veľkosť: 10px
  • Pozícia: Zvonka
  • Režim miešania: Normálny
  • Viditelnosť : 100%
  • Typ výplne: Gradient
  • Štýl: Shape Burst
  • Uhol: 0 °
  • Zaznačte možnosť Dither
  • Nastavte prechod Gradient pomocou týchto dvoch farebných zastavení:
  • Zastavenie prvého gradientu na Farbu #f80000 a umiestnenie na 45%
  • Druhé zastavenie gradientu na Farbu #000000 a umiestnenie na 59%
Add a StrokeAdd a StrokeAdd a Stroke

Krok 2

Pridajte vnútorný tieň pomocou týchto nastavení:

  • Režim miešania: Normálny s farbou #fff000
  • Viditelnosť : 100%
  • Zrušte začiarknutie políčka Použiť globálne svetlo a potom nastavte uhol: 180 °
  • Vzdialenosť: 3 px
  • Choke: 100%
  • Velkosť: 0 px
  • Zaznačte panel Anti-aliased
Add an Inner ShadowAdd an Inner ShadowAdd an Inner Shadow

Krok 3

Pridajte efekt Satén s týmito nastaveniami:

  • Režim miešania: Normálny s farbou #fff000
  • Viditelnosť: 100%
  • Uhol: 90°
  • Vzdialenosť: 2 px
  • Veľkosť: 0 px
  • Začiarknite políčko Anti-aliased
  • Ak  začiarknuté, zrušte začiarknutie políčka Invert
Add a SatinAdd a SatinAdd a Satin

Krok 4

Pridajte Prekritie farby (Color Overlay) s týmito nastaveniami:

  • Režim miešania: Multiply
  • Kliknite na pole Farby a vyberte farbu #fff000
  • Viditelnosť: 100%
Add a Color OverlayAdd a Color OverlayAdd a Color Overlay

Krok 5

Pridanie prekrytie vzoru (Pattern Overlay)  s týmito nastaveniami

  • Kliknite na pole Vzor a vyberte vzor Red Dots
  • Viditelnosť: 100%
  • Velkosť: 100%

Teraz môžete zmeniť pozíciu vzoru: stačí kliknúť ľavým tlačidlom myši a posunutím myš nad text v dokumente pre pohyb nahor alebo nadol.

Add a Pattern OverlayAdd a Pattern OverlayAdd a Pattern Overlay

Krok 6

Pridajte vonkajšie žiarenie pomocou týchto nastavení:

  • Režim miešania: Normálny
  • Viditelnosť: 100%
  • Nastavte Farbu žiary na #fff000
  • Technika: zmäkšenie (Softer)
  • Rozšírenie: 94%
  • Velkosť: 11px
  • Začiarknite políčko Anti-aliased
Add an Outer GlowAdd an Outer GlowAdd an Outer Glow

Krok 7

Ako posledný krok pridajte tieňové nastavenie s týmito nastaveniami:

  • Režim miešania: Multiply a výber farby #000000
  • Viditelnosť: 100%
  • Zrušte začiarknutie políčka Použiť globálne svetlo (Use Global Light)  a nastavte uhol: 120 °
  • Vzdialenosť: 8 px
  • Rozšírenie: 100%
  • Velkosť: 20px
  • Začiarknite políčko Anti-aliased

Stlačte OK pre aplikovanie štýlu vrstvy

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow

Blahoželáme! Máte hotovo!

V tomto tutoriáli ste sa naučili ako vytvoriť efekt animovaného textu v programe Adobe Photoshop.

Začali sme tým, že sme vytvorili a deformovali náš text a potom sme pridali viacero rôznych efektov, aby sme vytvorili náš konečný textový efekt.

Final ResultFinal ResultFinal Result

Dúfam, že ste si tento tutoriál užili a ak sa vám páči konečný efekt, nezabudnite tento štýl uložiť do palety Štýl vrstvy pre budúce projekty.

Tento textový efekt, ktorý sme práve vytvorili, je súčasťou Cartoon and Comic Book Styles.

Cartoon and Comic Book StylesCartoon and Comic Book StylesCartoon and Comic Book Styles
Cartoon a Comic Book Styles
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads