Dots to lines to letters - Adobe After Effects tutorial

[@stoelpootj]

6 Years ago in ran into this video. Had zero experience in After Effects or any design tools. Fast forward to today, I just signed my first contract as an allround Filmmaker and 2D animator. Thanks Evan! 🤙

[@kdsketch]

I studied animation at uni for three years and no 'motion graphics' lesson was ever so informative or easy to follow as this! Thank you so much! Definitely going to check out the rest of your tutorials!

[@ECAbrams]

Glad to hear it! If you have any troubles reach out any time.

[@justinecrawfish]

awesome tutorial! and your voice is super friendly and fun

[@HnTr_VDH]

its all the Canadian

[@rhytmq]

yess i like him,

[@angelescresthwy]

This is so great! After taking basic classes, I have been self-teaching, and Abrams has the best online tutorials! He is so familiar with the inner workings of the program, and is easy to follow, even though he goes fast. Thanks so much!

[@craigoconnor6361]

I love the way you say certain words like "out"... Canadian voices get me every time. Thanks for the tutorial.

[@kimsdesignlab]

Hello from Taiwan. :) Really appreciate your sharing. And I so love your teaching style that has so much fun.

[@bernadettkovacs5423]

Your tutorial is very good, love it, but your voice is so soothing, I almost fell asleep twice while watching, although I care what I see on the screen :D

[@edytoniq8476]

Out of every other videos on KZbin only yours was good. Straight to the topic and no bullshit.

[@domk798]

I just realized something....Your voice is so soothing that it helps me sleep. Not as an insult but actually...I want to listen to you just bc of your voice

[@cameronh.2554]

You are an amazing commentator... The commentating itself makes the task at hand a lot less intimidating and for a very entertaining video!

[@aligurkan4882]

Bro it’s very intimidating! I’ve been slacking on it for a month now. The symbols are very confusing. You have to train your mind to

[@Neceros]

The ease ease gives it a train or subway feel. Like it.

[@danyteo]

"The power of magic" I love the way you explain things! You change my bad days :D

[@claudineichagas2279]

Thank u for being a great human being and taking ti to help all of us noobs out cheers

[@UpchurchBrand]

Don't confuse yourself with fills. Phil's a very confusing person. Very clever. Very helpful tutorial too. I've become a better person because after watching this.

[@amine250]

I feel intimidated by the difficulty of your tutorials !

[@ECAbrams]

Everyone is new to something once. Even me.

[@amine250]

you're a f*cking professional man! hands down

[@PopcornLobotomyMovies]

Exactly. One of the reasons I love your tutorials is that you don't shy away from mixing it up with supposedly "advanced" features like the Graph Editor. In fact, you taught me that these features needed to become second nature, not feared and avoided. IMO, giving yourself permission to do things "the hard way" is half the battle in motion graphics. The idea that there are always easy answers can quickly become a self-limiting belief, one that a lot of other tutorials perpetuate.

[@how2ae]

1. Draw any path in Illustrator with pen (don't use fill, stroke only) 2. Open in After Effects, animate using trim path.

[@wgchannelperm]

а в чем плюс использования Иллюстратора?

[@how2ae]

удобно рисовать векторы

[@wgchannelperm]

kurwa?

[@wgchannelperm]

))

[@Hexzi]

skrattadu floradu, maneii

[@piggytheterrorofficial7689]

Worked! What an absolute genius mad lad! Was so easy

[@franck3d]

The Illustrator segment is just what I've been looking for! Mostly an AE guy, but would love to learn more AI! Big fan of Eca!

[@MJake]

Looks stylish as hell :D

[@andreacerrato]

Hi! Tks for your tutorial! A question: why "create shape from vector layer" for me doesn't work if I select multiple layers or it works by selecting a single layer but I can't see the shape?

[@ECAbrams]

interesting, what does it create instead? if you twirl into the shape layer what's in the contents?

[@Samotglez]

Best AE tutor on KZbin!

[@CephasCastle]

I keep finding all of the AE tutorials I need on your channel. Thank you!!

[@Henriconstante]

You show what who is just a beginner will learn! Thank's!

[@star-devil9157]

This is the video I wanted for 1 month ❤❤❤❣️

[@res-ngrind6404]

Your voice inflection is on point! One day my voice will be this good! haha! Thnaks for the video it was inspiring and helpful!

[@cristiandigitalbolivia9317]

Great video and really helpful! I couldn't get a grasp on how the setuper works but it's all clear now.

[@spadesy19]

@ECAbrams This is a GREAT tutorial! I really love how you are so on point with the technique AND have a great sense of humour.

[@ECAbrams]

Thanks! Glad you enjoyed it.

[@huangfeilung]

Your tutorials always save my days. Thank you SO MUCH!

[@JackytheGentleman]

Welcome back Mr Abrams :) I will post my version a.s.a.p. Thanks again for simple yet quite elegant tutorial.

[@ECAbrams]

Glad you enjoyed it. I've been getting one video a week for the past month now, so we'll see if I can keep the pace up moving forward.

[@JackytheGentleman]

i think im watching a tutorial wich you created. about CTA3 am i wrong?

[@LittleFechtion]

"Weeeeeeeeeeee-that's pretty lame.." haha this dude rocks, I'm subbing.

[@cicerae29]

"I'm lining up using the power of magic." Best sentence ever

[@FalconMediaGraphics]

Your tutorials are the best, man-- gotta get that FUN BOUNCE!

[@ECAbrams]

Everyone needs a fun bounce!

[@EuSolo]

This video was my birthday gift, it fell well on the date. thank you

[@ECAbrams]

Well happy birthday!

[@rumorfymedia]

You should do a tutorial on your creative process for mographics. How do you come up with an idea? Do you usually make stuff with effects you already know how to use or do you experiment and learn something new for projects? Thanks

[@husseinhammoud1543]

That would awesome!

[@oliwierfaikis]

"Fill is a very confusing person" :D

[@fishbonesinc]

*Phil

[@AllanHenriqu]

feel

[@lesvillasin1276]

peel

[@AlexxKnows]

I laughed a lot

[@phillustrations]

Hah!

[@ExtonGraphics]

awesome tutorial, thanks for sharing!

[@ECAbrams]

You are very welcome.

[@FernandoLopez-mp6bs]

ayy exton

[@markteague603]

Great tutorial!!!! So simple! I've been doing it the hard way! You ROCK!

[@federicaqualiano5638]

You are the best! You can explain things in such a perfect way! Thanks man!

[@ECAbrams]

You are very welcome. I'm just happy folks find the explanations useful and watchable.

[@hoopsypoof]

I love your languaging haha :D "flip the script" - makes it much more fun to watch and learn!

[@morgflorg1281]

Thanks for the video! I know how to use trim paths, but I wasn't sure how people plan out the animation for trim paths. This was so helpful! I will share my animation bit when I'm done.

[@morgflorg1281]

dribbble.com/shots/3807371-Q-and-A Here is what I came up with using your tutorial. Thanks!

[@Tina_Fay]

Love your no filler approach. It's like listening to Louis CK haha

[@aizoyurei]

This was amazing! One of the best channels on KZbin!

[@lucianafreitassouza9104]

Nice. Thanks a lot actually. It worked, you explained it well.

[@zopposimone9223]

Thank you so much, it is thanks to you that i, almost 4 years ago started with after effecst, and now it is my daily job and income, thank you.

[@ECAbrams]

I am very flattered to hear that. You are very welcome.

[@appleoftheground]

A great tutorial, I like the dry humour you added in as well!

[@planningandspending]

i haven't done this yet, but i've already love it :D

[@Annc1ta]

love everything about your video you make it look super easy, I want to specialize in this and you will be key. thanks for sharing

[@MarilynTam]

Appreciate it so much!!! And your descriptions are awesome!!!

[@bomavideoproduction]

This tutorial is exactly what we needed! Just perfect! Thanks for sharing.

[@databang]

I giggled when you said, "planning is important... even for dumb little gifs."

[@frenzioalberto1114]

THIS

[@lorenzocruz631]

Subscribed just because of the way you sound, oh and teach!

[@Shaun_X]

This tutorial was super AMAZING!, your Awesome man. Thanks

[@olanrewajuadedeji4241]

This tutorial is just sick man, Thanks for sharing!

[@MaralSheikhzadeh]

This is very exciting and at the same time very complicated tutorial for me to forget even if I practice it more than once (so many steps). I really enjoyed how you explained it though. any suggestions to a newbie in after effects?

[@ECAbrams]

I suggest focussing on the basics and understanding the fundamentals. The purpose of the tutorial isn't really the steps, it's the technique those steps make as a whole.

[@MaralSheikhzadeh]

Thank you ECAbrams! I will try to learn the fundamentals first. Could you recommend a book or a resource for that please?

[@Madosheet]

Great tutorial! Definitely learnt a lot here; mostly than planning here definitely makes life easier later on, and working backwards is the way forwards ;D I love seeing how you approach each effect - motion graphics is slowly starting to make sense to me know, thanks EC Abrams!

[@ECAbrams]

I am happy to hear that. Stay tuned for more techniques like these. People seem to be into them.

[@recovered_file]

it just looks like so easy for you.. insane

[@ECAbrams]

But there was a time it was definitey not easy. I've been at this stuff for a long time.

[@inescrisostomo3706]

"fill is a very confusing person" :D the greatest tutorial ever, thank you ;)

[@kennethedisan371]

sugoi desu ne. man this tutorial makes me so amazed..

[@PaintTheSpace]

Let's call this letter... H. Somehow that cracks me up. Great tutorial!

[@furiousdolphin]

Thx a lot Evan, you really help us with our work 🐬

[@chunkymeasles]

You may be fast at times to a complete newbie like me, but damn these tutorials are good!

[@duckielee2513]

I decide to use it as my video intro ~! But to design the way the letter path goes can be challenging! Thanks anyway!

[@ImClaux]

Loved it! awesome tutorial, very easy to understand.

[@NinaChen-hl3bj]

So much meat to your videos! Awesome!

[@randallstevense2787]

Thank u very very lot! And happy Christmas!

[@ECAbrams]

Happy Christmas to you too.

[@jamesbaxter8545]

Great Tutorial! I'm making an intro title to an ios game and it is going to be way better now thanks to you.

[@yossiamar6294]

Fantastic Video !!! Im gonna experiment right now !

[@AyanaCampbellSmith]

Thank you so much for this! I’ve been wanting to learn how to do this!

[@AmitabhJangra]

Your speaking is awesome. Thanks a lot for providing this tutorial… 👍

[@farididahlan]

BRO YOU ARE THE BEST!!!!

[@slechang5659]

Thank you, it helped but i had a little bit of problems. Good Tutorial

[@jackienp]

Really useful. Easy to follow. Thanks for the tutorial.

[@laminguy]

Hi ECA, may i know your keyboard shortcut on how to just keep top part of the circle path at 2:11 - 2:18 ??, thz

[@ECAbrams]

I selected the parts I wanted to delete using the direct selection tool and hit delete.

[@Potenti4lz]

So this is how Google animates their logo 😁👌 So much work but it looks so smooth and worth it!! How much would a Designer charge for this work?

[@katerinaikalina]

Can you show also how to do it with existing font?

[@fabian9164]

Thankyou so much for sharing this to us 😁👍 God bless you 🙏

[@hetasogarejin]

This is really amazing, thank you

[@AhmadrezaSeyedTaheri]

Hey , Thank you for you clear and sweet toturial

[@accentertiment6242]

Great video. Thanks for publishing this.

[@cdcreates]

Loved this! Your sound effects were great too. Is the main reason why you started in Illustrator just for ease of building the letters (Better guides/snapping/etc)?

[@ECAbrams]

precisely. The tools to draw in illustrator are generally easier, more accurate, faster to use.

[@cdcreates]

ECAbrams Awesome! Thanks for the quick reply and for regularly delivering fantastic AE tutorials. I am a better motion designer because of you.

[@colorflydigital]

getting going on my compositions!

[@rojopojo4493]

where is the video the tells you how to animate specific fonts?

[@chaturvedikunal]

ECAbrams Thanks for making a video on my request ! :) Im so happy !

[@ECAbrams]

See everyone, I do sometimes make the thinks people request. Glad you enjoy it :)

[@infinitesimotel]

You made a pretty good font there, if I do say so myself.

[@JacobLofgreen]

Thanks! That was tons of fun!

[@RT38916]

Great Tutorial! Nice technique. Thanks for posting :)

[@zhangzhida5542]

It's so simple yet so complicated, it's perfect lmao

[@CharlieCharline]

Many thanks! It just looks pretty!

[@lautaroronda]

"lining up using the power of magic..." I fucking love you

[@elnombredelarosa1]

It works! Thanks a lot.

[@adobeae_ar]

I have an illustrator graphic made up of all strokes. When imported into AE and converted to shape layers, all the strokes turn into filled shapes matching the thickness of the AI graphic's strokes. I want them to stay as strokes so I can utilize Trim paths. What am I missing here?

[@ECAbrams]

What kinds of strokes are we talking about here? I've heard about this happening with variable width strokes or brush strokes because those aren't considered the same as strokes in Ae. Is that perhaps what's going on?

[@issamux]

I did love your style of explanation

[@ruuching2222]

a very useful tutorial for me ,thank you a lot

[@joses.m9646]

Amazing!! Thanks 4 sharing to us!! Hugs from Equator thanks man!!

[@OTNOVSKY]

pretty hilarious haha I like this kind of tutorial! Subbed!

[@andrewjogjaproperty]

thats very awesome broo and helpfull

[@bulukhangembam3445]

Don't matter how long you take, long as you do it

[@arhiiso]

Awesome tutorial! Thank you!

[@6113banana]

thank you for this awesome tutorial