Best Text Stroke Write-On Animations in After Effects | Tutorial

Подписаться 945 тыс.

Просмотров 40 тыс.

50% 1

20,000+ AE & PR Templates: www.sonduckfilm.com/ - Create hand drawn After Effects text stroke reveals. In this After Effects tutorial, learn how to take any title and turn it into a stroke animation. Unlike the majority of tutorials, you do not have to mask your text for a stroke animation. We'll be using Adobe Illustrator to make our Title Stroke. Then, you'll copy the path over to After Effects. This way, creating path strokes will be fast and easy in this After Effects animation tutorial.
► Free 100 Template Pack from us for AE & Premiere here:
bit.ly/Free100Templates
► 20,000+ Templates For After Effects and Premiere Pro: bit.ly/UnlimitedAETemplates
Save time and produce amazing work with our Extension panel that allows you to preview templates in After Effects and Premiere. Then quickly change your template within seconds to fit your needs!
► Down This Tutorial's Project File & Follow Along:
www.sonduckfilm.com/tutorials...
► Check out all of SonduckFilm Individual packs here:
www.sonduckfilm.com/
► Music Used in this Tutorial:
bit.ly/SONDUCKMUSIC1
#SonduckFilm #AfterEffects #motiongraphics
Timecode:
0:00 Intro - Smash that like button!
0:17 Step 1 - Create Path
2:03 Step 2 - Animate and Colorize Title
3:42 Step 3 - Embellishments
6:15 Outro - Please Subscribe

Кино

Опубликовано:

27 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@SonduckFilm Год назад

Please hit the Like button - It truly helps! :) ► 20,000+ Templates For AE & Premiere: www.sonduckfilm.com/ ► Free 100 AE & Premiere Template Pack: www.sonduckfilm.com/tutorials/duck-pack/

@brightibok4208 Год назад

How much do you charge for personal training? I'm interested...

@KesAgnew Год назад

So cool! You just made animating handwritten text easy!

@Cineinsaner 5 месяцев назад

man love this tutorial. tysm

@josephkent3788 Год назад

Good Stuff!!!

@cgcracks Год назад

Bro thanks for this tips👍

@SonduckFilm Год назад

No problem 👍

@rachnamehra2717 Год назад

Great

@DmitryDaren Год назад

guys, I think you do great stuff.

@SonduckFilm Год назад

Thank you!

@eric-rounds Год назад

This is very good tutorial with easy-to-follow steps. I usually convert text to outlines. Your approach is different than I’d expect. Is there a benefit of rasterizing and then tracing (rather then the 1-step “convert text to outlines) ?

@PrismsDesign Год назад

Was wondering this too. Good question

@PrakritiSehgaal Год назад

Was wondering the same...

@jcdesign11 Год назад

Converting the text to outlines seems to give you wonky results and extra paths in after effects. Rasterizing then doing image trace seems to get more streamlined results that will animate way easier.

@timgiddy Год назад

How do you do this kind of animation with Serif-type fonts? It's fairly simple to write-on Sans Serif and script fonts but I haven't seen a good tutorial on how this method can be used with Serif typefaces or shape layers.

@dabluchandrabarman3160 Год назад

wow

@vincentsequeira3723 Год назад

👌🏻🙏🏻

@MichaelScarchilli Год назад

I followed along, but I did it with 3 words. I'm having a problem with the third word though. The stroke animation starts at the last anchor point of the word, instead of the first. This is causing the Stroke Effect to run backwards. Since we are using a contents > stroke instead of path, so there's no reverse direction, and time reverse isn't a solution either. I tried adding a path and reverse it, but that did nothing. I also clicked on the first anchor to set it as the first virtex, but it just starts at that point, then goes to the end anchor and runs backwards still. I even split the words into their own shape layers, as well reduce the last word to even one letter, and it still has it's start anchor as the last one. How do you change the starting anchor point so it runs in the correct direction? I'm a bit lost on how to fix it.

@sophiehaberland6642 Год назад

I am having the same issue

@moradeaissaoui8087 Год назад

you have to duplicate the layer shape with only the letters that are not tracing in the good direction. And then, instead of playing with the "start" option to male it writing, play with the "end" option (in stroke effect)

@NowhereMan789 Год назад

I really would use the pen tool for every single letter and I remember searching endlessly if there was just a better way to do it and could find anything. If only this had come out like 3 years earlier lol

@SonduckFilm Год назад

Just learned how to Illustrator could be used to do this too :)

@jaysonfontela5761 Год назад

💖

@jacksonramos1366 5 месяцев назад

Help me, when am I going to do these steps in Illustrator. is generating a contour with two lines instead of one

@rhymermedia1616 Год назад

I can't copy the shape layer from Illustrator over to After Effects for some reason :/

@nocatchphraze6213 7 месяцев назад

How do you replace the text in the file?

@neatgameplay2780 8 месяцев назад

2:33 how can the graph editor have two points on a flat line if one value is 0 and the other is 100? The 2nd one must be much higher. I don't understand this step.

@Clarissa1287 11 месяцев назад

When I paste into AE, many of the paths animate backwards. It is not a fluid motion. How do I change the path of the animation to have the starting point on the opposite point? I just can't figure it out.

@leeviikonen3590 3 месяца назад

Same here

@Daisuke-lh4xv Год назад

Very cool. However, when I execute Rasterize → Trace (Line Art), the text disappears,,,

@mebodesign.studio Год назад

The same!

@webdevnerdstuff Год назад

I had the same happen at first also, I think it was because the font was too thick (Shelby font). I found a thiner font (Handsome Pro Thin - Adobe font) and it worked better. I did still have to clean it up a tiny bit.