Frame by Frame Animation inside of After Effects!
Vložit
- čas přidán 21. 07. 2024
- 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-hauser.com
► behance: www.behance.net/stein-hauser
#aftereffectstutorial #animation #motiondesign
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.
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:)
CC Wide Time is a great tip, I will definitely need this some time in my projects thank you a lot !
That's great to hear! Happy to help!
this is the best solution to frame by frame animation on AE so far. THNX a lot!!
Glad to hear that! You're very welcome!
I needed to see this so much! Thank you. Beautiful work
You are so welcome! Glad you like it!
Ahhh thank u for this tutorial and also I like the whole concept of your channel, nice work
You're very welcome! Happy to hear that!
been wanting a tutorial in AE for this kind, so helpful!! thank you!
You’re very welcome! So glad it’s helpful!
Manuel, te amo, justo me resolviste lo que tanto trabajo me estaba costando, gracias!
That’s awesome! You’re very welcome!
Thank you 😭❤️ I needed this 😭🙌🏻
Awesome! You’re so welcome! 😊✌🏻
Wow what a tricky video it is!
I'm really impressed....
Thanks a lot ❤️❤️❤️❤️
Most welcome 😊 Really glad you liked it!
Holy Sh*t thats a lifesaving tip !! 🤯🥳🥳 never heard it before
Thx very much! 😁
Thank you, it was very useful for me!
Awesome! So glad it is useful!
Thank you so much very helpful toturial
You’re welcome! Very happy you liked it!
Thanks
You’re welcome!
Thank you so much Manuel !!!
You are welcome!
My new favorite channel.
Awesome! Welcome!
Ahhh this tutorial is amazing, thank you!
Awesome! You're welcome!
@@ManueldoesMotion Will be cool to see more animations frame by frame
Liked, Loved. Subbed, Shared...
You sir are amazing. Thank you
Awesome! So happy you like my stuff!
Great!
Thanksvery much!
I love u xD thanks so much for this
You're very welcome! Glad you like it😊
Amazing!! 🤩
Thx very much! Glad you like it 😊
Cool tutor!
Thx very much! :-)))
You're welcome! Very happy you liked it!
Thats very Perfect
Awesome! Thanks!
Wow thank you my bro ❤
You’re very welcome 😊
i love you man .. this hit me so hardddddd
Glad u like it!
@@ManueldoesMotion "inspired me"
Brill thanks for this tip!
You’re very welcome!
Excellent
Thanks very much!
Loved It..
Thx very much! So glad you like it!
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👍
You're very welcome! So happy you like my stuff! 😊
Fantastic!
Do you have any in depth courses/tutorials on expressions?
Thanks! I use expressions in this one for example: czcams.com/video/4XCvAmqbr7s/video.html And common expressions in some of my tutorials but there isn’t one specifically about expressions
@@ManueldoesMotion Cheers!
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
😀 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.
Hi manual, great tutorial, however I have a question. How Do You rotating splash, with only path keyframe?
Thanks very much! In which direction do you want to rotate the splash?
Nyc vdo it's very helpful
Thx very much!
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?
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.
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.
That's exactly how I see it. Handmade animation just feels so much better.
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 !
explanation what kind of keyframes these are would be good :D:D besides cool tutorial
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.
@@ManueldoesMotion yes that’s what I meant thx
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!
Hi! Maybe you changed the position of the whole layer by accident, instead of moving the path itself. That happens sometimes...
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
I mean the Bezier points
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...;)
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
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.
@@ManueldoesMotion Hmm I see! Thank you so much dude, your videos are very helpful!
how about clipping a layer above them to make that possible, or ctrl select and create shapes that fit the selection@@ManueldoesMotion
"hi my name is Manuel, i know that sounds really weird"
nah ur good Manuel
Thx very much! :) Appreciate it!
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?
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.
🙌🏾🙌🏾🙌🏾
Thx very much!
Why do you make the animation 24fps to then add an effect to make it 12fps? Why not just make the composition 12fps?
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.
great tip for onion skinning
Nice tutorial - but that music was WAY too loud - probably best to have something without words as well - extremely distracting
Thx very much for your Feedback! I’ll tune it down a little in the next videos.
aea
✌🏻
Thanks, but the background music makes this almost unwatchable.
Thanks for your feedback. In my newer tutorials the background music is much quieter.
omg i been trying but you edit the vid so much you skip so many points.
I'm sorry to hear that. What are you missing?
The music is utterly useless and irritating.