No video

Frame by Frame Animation inside of After Effects!

In this After Effects Tutorial, I'll show you how to animate frame by frame inside of After Effects.
Usually you would do stuff like that in Rough Animator, Photoshop or Procreate.
But there’s a simple trick, that makes it much easier
First of all, we add an adjustment layer and "Posterize Time" because frame by frame animation is usually done with 12 fps.
Next we add a new shape with a simple ellipse. We set a path keyframe and move the shape...
The problem in After Effects is, you can’t really see your last step. You’re basically blind.
You could go back and forth, but that’s really annoying.
The solution: CC Wide time!
CC Wide time looks one step back and blends it into the current frame. Awesome right?
That makes frame by frame animation in After Effects easy.
We animate the drop. And really helpful is... We see the last step.
After animating the main shape, we need to add some more detail shapes, like splashes.
Finally we glam the drop up and add two layer styles. Bevel and emboss and inner shadow.
So I guess, CC Wide time isn’t a perfect solution - as After Effects isn’t specially made for frame by frame animation, but it should be alright for some easy and simple shapes.
I use it quite a lot.
► I use music from Artlist: artlist.io
If you have any further questions, let me know in the comments below. I do my best to answer all of them!
► Subscribe to my channel here:
/ @manueldoesmotion
I am very curious how this tutorial inspired your work!
Put the link in the comments below or even better: tag me on Instagram.
@manueldoesmotion
► / manueldoesmotion
► my website: www.stein-haus...
► behance: www.behance.ne...
#aftereffectstutorial #animation #motiondesign

Пікірлер: 103

  • @AndrewMarston
    @AndrewMarston3 жыл бұрын

    I've always been intimidated by frame by frame and cel animation. Using CC Wide Time for onion skinning is a great tip! Thanks. When pasting the layer styles, I could be tempted to copy with property links in case you want to change them later. Great tutorial and I'm glad to see your channel is growing quite quickly! Seems like only a month ago you had just hit 1k subs.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    That’s actually a great tip to copy with property links! Thx very much! Cell / frame by frame animation takes a lot of practice, patience and time... I really like the look of it, that’s why I started doing small scenes in After Effects recently. Yeah! It’s really exciting to see the channel growing... It started as a personal challenge to put myself out there, upload some videos and see what’s going to happen... I’ll keep making them, it’s a lot of fun:)

  • @alantaha
    @alantaha3 жыл бұрын

    CC Wide Time is a great tip, I will definitely need this some time in my projects thank you a lot !

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    That's great to hear! Happy to help!

  • @fedor3000
    @fedor30003 жыл бұрын

    Holy Sh*t thats a lifesaving tip !! 🤯🥳🥳 never heard it before

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much! 😁

  • @monokinetico5557
    @monokinetico55573 жыл бұрын

    this is the best solution to frame by frame animation on AE so far. THNX a lot!!

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Glad to hear that! You're very welcome!

  • @ohsoironic
    @ohsoironic3 жыл бұрын

    I needed to see this so much! Thank you. Beautiful work

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You are so welcome! Glad you like it!

  • @ceciraudry4718
    @ceciraudry47183 жыл бұрын

    Manuel, te amo, justo me resolviste lo que tanto trabajo me estaba costando, gracias!

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    That’s awesome! You’re very welcome!

  • @erryellyness
    @erryellyness3 жыл бұрын

    been wanting a tutorial in AE for this kind, so helpful!! thank you!

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You’re very welcome! So glad it’s helpful!

  • @phill.19
    @phill.193 жыл бұрын

    I started watching the video and thinking: this guy is crazy! The right tool for this type of animation is Photoshop, everyone knows this. Now... I'm speechless

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    😀 Thx! It will take a while to get used to it. The great thing is you can combine frame by frame animation with keyframe animation.

  • @WilliamLage
    @WilliamLage2 жыл бұрын

    My new favorite channel.

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Awesome! Welcome!

  • @zahraranjbarian3946
    @zahraranjbarian39463 жыл бұрын

    Ahhh thank u for this tutorial and also I like the whole concept of your channel, nice work

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're very welcome! Happy to hear that!

  • @MotionMadeAE
    @MotionMadeAE2 жыл бұрын

    Thanks

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    You’re welcome!

  • @hremiko
    @hremiko Жыл бұрын

    Liked, Loved. Subbed, Shared... You sir are amazing. Thank you

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    Awesome! So happy you like my stuff!

  • @tkstudio6754
    @tkstudio67543 жыл бұрын

    Wow what a tricky video it is! I'm really impressed.... Thanks a lot ❤️❤️❤️❤️

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Most welcome 😊 Really glad you liked it!

  • @tariqalexanderwaheed476
    @tariqalexanderwaheed476 Жыл бұрын

    Thank you so much Manuel !!!

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    You are welcome!

  • @michajabonski8365
    @michajabonski8365 Жыл бұрын

    Ahhh this tutorial is amazing, thank you!

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    Awesome! You're welcome!

  • @michajabonski8365

    @michajabonski8365

    Жыл бұрын

    @@ManueldoesMotion Will be cool to see more animations frame by frame

  • @ramalsrougi
    @ramalsrougi2 жыл бұрын

    Thank you 😭❤️ I needed this 😭🙌🏻

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Awesome! You’re so welcome! 😊✌🏻

  • @slavaukraini8886
    @slavaukraini88862 жыл бұрын

    Thank you, it was very useful for me!

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Awesome! So glad it is useful!

  • @JasonWaltonillustration
    @JasonWaltonillustration3 жыл бұрын

    This is very good to know. For me, it's hard to beat the personality of frame-by-frame because computer generated tweens and effects lack soul. It's like a drum machine vs. a drummer.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    That's exactly how I see it. Handmade animation just feels so much better.

  • @Frick8375

    @Frick8375

    3 жыл бұрын

    I’m gonna have to disagree with this. I think frame by frame animation is really nice and all but if done correctly, tweening can look just as fluid and soulful. It’s just my opinion but honestly I appreciate both forms of animation equally !

  • @josephkrueger3712
    @josephkrueger37123 жыл бұрын

    "hi my name is Manuel, i know that sounds really weird" nah ur good Manuel

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much! :) Appreciate it!

  • @suzanbajundooh8273
    @suzanbajundooh82733 жыл бұрын

    Thank you so much very helpful toturial

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You’re welcome! Very happy you liked it!

  • @kokoaharu121295
    @kokoaharu1212953 жыл бұрын

    Hello! I have a problem following your tutorial, when I move the drop it doesn´t add a new key frame automatically and the when I go backwards in the timeline, the drop stays in the same position it only changes the shape form, I don´t know why!

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Hi! Maybe you changed the position of the whole layer by accident, instead of moving the path itself. That happens sometimes...

  • @ggindia9896
    @ggindia98962 жыл бұрын

    i love you man .. this hit me so hardddddd

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Glad u like it!

  • @ggindia9896

    @ggindia9896

    2 жыл бұрын

    @@ManueldoesMotion "inspired me"

  • @thriftyfox
    @thriftyfox2 жыл бұрын

    Excellent

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Thanks very much!

  • @richochet
    @richochet2 жыл бұрын

    Fantastic! Do you have any in depth courses/tutorials on expressions?

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Thanks! I use expressions in this one for example: kzread.info/dash/bejne/Zox32KOmocXYZ9Y.html And common expressions in some of my tutorials but there isn’t one specifically about expressions

  • @richochet

    @richochet

    2 жыл бұрын

    @@ManueldoesMotion Cheers!

  • @BroganAlgar
    @BroganAlgar3 жыл бұрын

    Amazing!! 🤩

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much! Glad you like it 😊

  • @bryanschumacker5417
    @bryanschumacker54176 ай бұрын

    Something really weird happens with this when you add posterize time. My comp is at 24 fps and when I add posterize time to the adjustment layer, the entire path is like delayed when you look at each keyframe. So when I look at my second keyframe, the shape still looks like how it did on the very first keyframe. I am on AE '23. Why is that?

  • @ManueldoesMotion

    @ManueldoesMotion

    6 ай бұрын

    That’s exactly what the effect is supposed to do. When you reduce the frame rate to 12 fps for example, objects move every second frame, no matter where your keyframes are.

  • @LazooAnimation
    @LazooAnimation2 жыл бұрын

    Thats very Perfect

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Awesome! Thanks!

  • @sasankasrinivas
    @sasankasrinivas2 жыл бұрын

    Brill thanks for this tip!

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    You’re very welcome!

  • @iarovoy
    @iarovoy3 жыл бұрын

    Cool tutor! Thx very much! :-)))

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're welcome! Very happy you liked it!

  • @flyingart.budapest
    @flyingart.budapest3 жыл бұрын

    Thank you so much! I always use another program for these. Your channel is really great. There's a lot of smart tricks and tips👍

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're very welcome! So happy you like my stuff! 😊

  • @aakaashdon6544
    @aakaashdon65443 жыл бұрын

    Loved It..

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much! So glad you like it!

  • @anssgraffiti1283
    @anssgraffiti12833 жыл бұрын

    Nyc vdo it's very helpful

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much!

  • @tubetoonmotion1275
    @tubetoonmotion12753 жыл бұрын

    Wow thank you my bro ❤

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You’re very welcome 😊

  • @mariamirejibi4489
    @mariamirejibi44892 жыл бұрын

    Hi manual, great tutorial, however I have a question. How Do You rotating splash, with only path keyframe?

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Thanks very much! In which direction do you want to rotate the splash?

  • @teabagNBG
    @teabagNBG2 жыл бұрын

    explanation what kind of keyframes these are would be good :D:D besides cool tutorial

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Thanks! You mean the "toggle hold keyframe"... You use it if you don't want any change happening until the next keyframe. It basically freezes the value until the next keyframe.

  • @teabagNBG

    @teabagNBG

    2 жыл бұрын

    @@ManueldoesMotion yes that’s what I meant thx

  • @romeo2450
    @romeo24503 жыл бұрын

    thank you so much for this. my problem is when i want to select my path points i accidently select background layers... in order to not select background layers i have lock every other layers... but i see that u dont even lock them out but still can select points so easily. how is that?

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Hi! You’re very welcome! It happens to me as well;-) Important is that you select the mask before clicking on the points. And as soon as you click somewhere else, the mask is deselected and you have to select it again before you’re able to select the points again. It’s actually a good way to lock some layers if you don’t need them. Makes things easier to handle.

  • @agustincordero6628
    @agustincordero66282 жыл бұрын

    Great!

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Thanksvery much!

  • @GaboCM7
    @GaboCM73 жыл бұрын

    I love u xD thanks so much for this

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're very welcome! Glad you like it😊

  • @charlieorsomething
    @charlieorsomething3 жыл бұрын

    Why do you make the animation 24fps to then add an effect to make it 12fps? Why not just make the composition 12fps?

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Good question! I usually choose the frame rate in which the comp is rendered out in the end. I think that’s much easier than having a comp with 12 fps which then needs to be rendered out in a different frame rate. But it is possible though.

  • @renangraziano4025
    @renangraziano402511 ай бұрын

    great tip for onion skinning

  • @ImanBarabadi
    @ImanBarabadi2 жыл бұрын

    Thanks for the tutorial! I have an issue with my points: After few frame animating, when I click and drag any of the point by mouse or pen, they jump in the middle of nowhere out of the screen. I can select them and move them by keyboard and nothing weird happens but not with mouse. Do you have any idea what is wrong? I have also disabled an kind of snapping although this shouldn't be any issue as for the first few frames I do not have any problem even with snapping enabled. Thanks

  • @ImanBarabadi

    @ImanBarabadi

    2 жыл бұрын

    I mean the Bezier points

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Hi! You're very welcome. It might be that you accidentally select the layer itself and move it instead of the points. At least that's what happens to me...;)

  • @MizuramenNoodles
    @MizuramenNoodles3 жыл бұрын

    Hi, I was wondering... You see I already drew my frames in a separate drawing software. I extracted the frames and wanted to compile them into a video. Can I insert those frames (which is in a png format.) into AE and edit them like shown? I tried normal video editing software but they’ve shown to be a pain with frame by frame 😅 Thank you in advance

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Hi! You can of course import them as a png sequence into After Effects and add effects and layer styles to them. Generally you could of course add masks to your png sequence and animate them. What you probably can't do is edit the content of the shapes that you created in the other software. because they are "baked" pixels and not converted into editable masks or shapes when you import them.

  • @MizuramenNoodles

    @MizuramenNoodles

    3 жыл бұрын

    @@ManueldoesMotion Hmm I see! Thank you so much dude, your videos are very helpful!

  • @sageanimations4882

    @sageanimations4882

    11 ай бұрын

    how about clipping a layer above them to make that possible, or ctrl select and create shapes that fit the selection@@ManueldoesMotion

  • @sparchstudio9005
    @sparchstudio90053 жыл бұрын

    Nice tutorial - but that music was WAY too loud - probably best to have something without words as well - extremely distracting

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much for your Feedback! I’ll tune it down a little in the next videos.

  • @YaboyrazTV
    @YaboyrazTV3 жыл бұрын

    🙌🏾🙌🏾🙌🏾

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much!

  • @jhoedubaker
    @jhoedubaker3 жыл бұрын

    aea

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    ✌🏻

  • @sardendibs
    @sardendibs Жыл бұрын

    Thanks, but the background music makes this almost unwatchable.

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    Thanks for your feedback. In my newer tutorials the background music is much quieter.

  • @kristersmartinsons5763
    @kristersmartinsons57633 жыл бұрын

    omg i been trying but you edit the vid so much you skip so many points.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    I'm sorry to hear that. What are you missing?

  • @AdventureDriver
    @AdventureDriver2 жыл бұрын

    The music is utterly useless and irritating.