Frame by Frame Animation Tricks in After Effects | Tutorial

► Learn how to animate with expressions in After Effects! Check out my new course: bit.ly/expressions-in-ae
► Get your free expressions sheet: bit.ly/expressions-cheat-sheet
Frame by frame animation used to be the only way to animate. Before computers and all the software existed. It is still used today to replicate the quality and the look of this traditional animation technique.
Every frame is drawn individually, which takes a lot of time, patience and experience.
Usually, you would use Adobe Animate, Photoshop or Pro Create.
But there are ways to simulate frame by frame animation in After Effects.
And in this tutorial, I’ll show you how.
Content:
0:00 Frame by frame animation
0:45 Frame by frame basics
1:57 Toggle Hold Keyframes and CC Wide Time
4:06 Animating with expressions in After Effects
4:55 Animating a cube
9:25 Adding a scribbled style
12:30 Adding shade
12:55 Complex frame by frame animations
► My After Effects Courses + Resources: bit.ly/ae-courses
► My After Effects Project Files: gumroad.com/manueldoesmotion
► Join the Community: bit.ly/community-start-here
► Follow my Socials:
Instagram: / manueldoesmotion
TikTok: / manueldoesmotion
Some of my links are affiliate links. By purchasing through these links I earn some money at NO extra cost to you. It’s a Great way to support my channel! Thanks!
#aftereffectstutorial #animation #motiondesign

[@veersperception397]

Finally! Waited for your course for the longest time

[@CharacterCrisisTV]

Dope techniques as always Manuel!

[@ManueldoesMotion]

Thanks very much!

[@anipieog]

great tutorial man keep it up!!

[@ManueldoesMotion]

Thanks very much!

[@deepakrawat9569]

Thanks for teaching industry-standard animations.

[@ManueldoesMotion]

You’re so welcome!

[@EdEditEddy]

Very interested in this course! Expressions have always been a nightmare for me to understand. Can't wait to check it out!

[@ManueldoesMotion]

That’s awesome!

[@singleanimatorwork9000]

Amazing Motion Graphics Work Bro 😃😃

[@ManueldoesMotion]

Thanks very much!

[@Oner_Biberkoku]

Really helpfull tricks. Thank you. More frame by frame tricks or a in depth course would be nice.

[@ManueldoesMotion]

That's great to hear! You're welcome! I'll do more videos on that topic soon.

[@Oner_Biberkoku]

@@ManueldoesMotion 🎉🎉🎉🎉

[@mellio19]

I used to do F-b-f in animate but due to time had to use the AE trick. Let AE do the work for the inbetweening for you while you just work on key key frames. Just add that posterize time cherry on top with dash of wiggle or wave distortion for that hand drawn FBF feel & u get to meet deadlines too!

[@ManueldoesMotion]

Yes! 👍🏻 That’s it! It saves a lot of time.

[@stylishakru]

Can you do another video on this? Like a much detailed version? I love this style

[@ManueldoesMotion]

That’s a great idea!

[@stylishakru]

Really appreciate your works@@ManueldoesMotion

[@stylishakru]

Can you do the complex frame to frame animation video where you showed a hand animation made into a 2d animation? @@ManueldoesMotion

[@smoker83]

Hi Manuel, super nice tutorial! congrats. I always set the frame rate in "composition settigns" instead using "Posterize Time". I´ve had some issues when precomposing using this effect. Do you believe there are many different between this two process?

[@ManueldoesMotion]

Hey! Thanks very much! I don’t think there are a lot of differences. I prefer the effect or expression because it’s easier to change the frame rate. If you increase it from 8 to 12 frames for example. And for me it is easier to have 24 frames per second available to place keyframes instead of just 8 or 12. I think both methods work, it’s what works best for you.

[@ramiroerasocanciones8786]

Thanks for sharing your knowledge! Can I ask you which is the name of the plugin or complement that alow see the shapes properties?

[@ManueldoesMotion]

It's the property window. It comes with after effects. It's under the Window menu and is called "properties".

[@TZ-mp5wv]

I enjoyed it very much. Is there any way to give posterization time only to camera movements?

[@ManueldoesMotion]

That's great to hear! Have you tried to apply the posterizeTime effect or expression to the camera properties?

[@TZ-mp5wv]

yes However, although the position of the layer is applied well, the camera movement does not look natural. I guess I have no choice but to apply it as an effect.@@ManueldoesMotion

[@ManueldoesMotion]

@@TZ-mp5wv It probably doesn't feel right if you apply it just to the camera. You might try to reduce the frame rate of all layers. Apply the posterizeTime effect to an adjustment layer on top.

[@sarvamshinde9337]

Tutorial for 2nd animation the bite in the intro

[@biofirefly721]

0:01 anyone knows how to get thie old tv vintage voice? It sounds like from a monochrome show, which is awesome 👍

[@ManueldoesMotion]

I think there are effects for that in Adobe Audition.

[@biofirefly721]

@@ManueldoesMotion great, I will get there. Thanks.

[@agfirs_o2579]

Im so broke I cant buy the expression course

[@Bythewaymridul]

@3:35

[@user-yi3rq7jk2r]

how about circle light ?

[@ManueldoesMotion]

You mean how to create one?

[@user-yi3rq7jk2r]

@@ManueldoesMotion yes

[@naturegraphy920]

Can you just tell me the expression of hand particles?

[@ManueldoesMotion]

It’s not just a simple expression.

[@user-bs3jd2hj3z]

What is Frame by frame animation? It's looks like a "boring linear animation" (if you like it 0:59), but not a frame by frame animation. I also dont agree with you that linear animation is "boring". Why frame by frame anim isnt boring? Maybe you ask those who actually do animation frame-by-frame? You can also increase your frame rate to 60fps and animate with key frames (automatically) or do real fbf. So what is fbf?

[@user-bs3jd2hj3z]

To be honest, I thought there would be something about paint and stick or their built-in brush, but it seems to me that ae is not intended for real frame by frame. Even Photoshop, or animate at worst, does a much better job of this. PS: This is the same as what you will call the video - “tricks of recording and reading an analog video signal”, and you will tell how to add lut and noise to footage shot on Canon 60D in Author Effects

[@ManueldoesMotion]

No After Effects is not intended for frame by frame animation. It is possible to simulate frame by frame animation though. And that’s what the video is about. I explain that at the beginning.

[@itskeshhav]

I always love your tutorials and learn something new each time. But WHY DON"T YOU USE F9 TO EASY EASE THE KEYFRAMES?? That's... unsettling. jk

[@ManueldoesMotion]

I made it a habit to right-click and to use the menu because I think it’s easier to follow if you see it. Instead of me just pressing F9.

[@itskeshhav]

@@ManueldoesMotion Ah, yes. It's true. Thanks for all the valuable information you out there :)

[@StartAnimation]

why do animation in afterFX if it seens so much time to make when clearly exists other softwares to do it more affordable and simple?

[@ManueldoesMotion]

You mean in general? To create great animations takes a lot of time no matter which software you use. And After Effects is the industry standard.

[@Kagemusha247]

One thing which comes to mind is - animating for web and mobile. After effects with bodymovin plugin or lottie helps you to convert these kind of frame by frame path animations into json format (lines of codes). These can be very compact and of very low file size and far better than a gif output. I don't know if any other program supports this other than figma, after effects or may be Rive.

[@abivlog22]

Broh

[@ManueldoesMotion]

Yo!

[@abivlog22]

​@@ManueldoesMotion yo yo yo' was up bruh ?

[@abivlog22]

​@@ManueldoesMotionbroh