How to Animate ANYTHING - 4 Types of Motion

time plus space equals the potential for motion without time there is no when and without space there's nowhere to move today we're going to take a closer look at spacing because learning more about spacing is what drastically improved my animation skills within a short period of time so in this video we're going to take a look at the four basic types of motion that you can use to animate anything you can possibly think of [Applause] [Music] in mind [Music] that's okay [Music] what's up guys it's Sebastian here from the noble Frugal Studio there are four fundamental types of movement or spacings that you can use to animate any motion you can think of the first one is constant motion which means an object moves at a consistent speed the second one is ease in the object starts slow and speeds up the third one is ease out which means the object comes in Fast and slows down and the fourth one is ease in ease out where the object starts low speeds up and then slows down again learning how to animate these types of motion is the key to achieve smooth and natural animation in your portfolio so grab your stylus and follow along as I demonstrate how to animate each one and yes you do have to actually follow along let's go as always we're going to approach animating each one of these types of motion by drawing the keyframes the extremes and then the breakdowns today I'm using a free 2D animation program called open Tunes to to demonstrate all the animation in this video my FPS is set to 24 frames per second and we're going to be animating on twos which means one drawing every other frame so follow along and I'll take you through each of these step by step so we'll start with constant motion so on our first frame let's draw our a keyframe I'm gonna do this with cubes because they're just kind of easy to draw then we're going to go to frame 17. and I'm going to draw in our B keyframe label this a Circle it because it's keyframe label this B all right so we have our two keyframes now we're going to go in the middle which is frame nine and we're going to draw the breakdown or the midpoint so let's turn on onion skin draw on frame nine I'm just going to reference frame number three we'll draw right in the middle this is the breakdown so we underline it twice okay now that we have our keys extremes and breakdowns our core drawings we can make our timing chart so I'm going to go to frame a we're going to go from a all the way down to B we have C in the middle so this is what a constant motion timing chart is going to look like so we know C is on frame nine a is on one and B is on 17. so we're going to have an in between between a and C or one and nine that's going to be five then we're going to have an in between between C and B that's going to be 13. we're also going to have it in between between all of these as you notice each of these points is evenly spaced which is how we know this is constant motion let's start by drawing five five is between a and C foreign next 13 is between c and b it's always good to name your in between so this is seven now we can fill in the rest of the in-betweens which are on twos this is three so that's actually five not seven three five and we want seven right here in between 5 and C between C and thirteen is going to be 11. then between 13 and B is going to be 15. okay hit play and you have constant motion okay next we're going to animate and ease in so let's do the same thing draw our keys extremes and break down and then write the timing chart [Music] okay so we have a and b but the special thing about the ease in is that our breakdown frame is not in the middle our easing actually will reach the breakdown frame right before it reaches B so let's go ahead and draw in the breakdown right before it reaches B [Music] we can represent this on our chart A to B and we're going to put C in the middle because that's our breakdown we're putting it in the middle because it's still spaced in the middle despite being timed differently so this time C is on frame 15. so in ease in the object starts slow and then it speeds up so the fastest motion is going to occur between c and b in order to make an object go slower we're going to take half the space towards a and C that's going to be 13 and half again 11 half again nine all the way towards a so there's more visual information towards a and that's between C and B that's going to make our object appear like it's going faster so I'm just going to indicate that we're going to do this all the way until we run out of frames okay so go to frame 15 which is our breakdown we're going to take a step back to frame 13 make sure we have that on our onion skin for 13. hit draw between 15 and a for 13. go back one draw between 13 and a for 11. go back between 11 and a frame nine between nine and a for frame seven between seven and a for frame five then between five and a for frame three [Music] okay you can hit play and your ease in is done next up is the ease out so we're going to do the same thing by drawing on our keyframes first [Music] and ease out is the opposite of an ease in so that means we're going to reach the breakdown frame on the second drawing instead of the second to last drawing so that's going to fall on frame three for us reference B and let's draw the breakdown in the middle between A and B but on the second drawing let's draw a timing chart so we have a Down to B C is still spaced in the middle but it falls on frame three so this ease out chart is just the opposite of the ease in chart so we're going to take half the space towards C and B that's going to be frame five half again towards b seven half again nine half again eleven and so on so let's go to frame three take half of the space between c and b let's just frame five it's good to distinguish the difference between drawings and Frames so right now we're on frame five but we're on drawing number three so let's go to frame seven draw in between [Music] frame five and B calling on frame seven we're naming the in-between based on what frame it lands on open Tunes is numbering these in-betweens based on which drawing in the sequence they are now we're on frame nine let's go in between seven and B [Music] 11 let's go in between [Music] 9 and B 13 going between 11 and B and finally 15 go in between 13. and B right so hit Loop now our object comes in Fast and slows down okay and finally we're going to animate and ease in ease out so let's draw our two keyframes as usual foreign [Music] and then just like constant motion our ease in ease out also has a breakdown that falls in the middle of the timing so let's go to nine which is right in the middle of that timing and draw in our breakdown frame let's go to frame one and write our timing chart A to B we have C in the middle which falls on frame nine so basically we're just going to perform an ease in and an ease out all in one chart we'll use the first half for the ease in portion so let's take half of the space this is going to be frame seven half again five half again three then on the other side we're going to take half of the space towards B that this will be frame 11 half again 13 half again 15. you don't necessarily have to take half you can even take a third which if you want to speed up something in an exponential manner I recommend you use third but for Simplicity we're using even spacing or half spacing today so use a breakdown and let's get started so we'll start on frame seven for our ease in portion let's draw in between a and C back to frame five drawing between seven and a frame five then go to frame three and draw in between five and a frame three okay let's go on the other side so we're going to go to frame 11. let's draw in between c and b that's frame 11. then in between 11 and B frame 13. then in between 13 and B will be frame 15. okay let's hit play now our box starts low speeds up in the middle and slows down alright now that you know how to animate each of these types of motion how do you apply this knowledge in a real world animation so after you've drawn your keys extremes and breakdowns you can decide which type of motion would look best between each point and then we record this information on our timing chart for example between a and the a extreme I think an ease in ease out would look best our character is coming from a rest position into an anticipation so I want her to speed up and then slow down before she jumps then when she does jump I want this whole thing to be an ease out so we can have a nice airtime effect when it gets up to this keyframe so I'm going to record that on my timing chart so we have a to the a extreme and I only have one two frames to do this on so I will just favor each frame so a simplified ease and ease out I'm going to buy using favors so now we have from the a extreme to be and we have a b I break down in the middle I want this to be in ease out so my frames are going to fall in the a b to B portion but I don't want them to be even spacing because I want the drawings to adopt the look of this drawing so I'm going to go ahead and have these two in-betweens favor B let's get animating [Music] okay so this is what I ended up with let's let's take a look thank you so originally I animated up to this b key frame I just did an ease into the ground then the same easy knees out back up so let's break this down to see what we can learn about the different types of motion first we have the character anticipating a jump almost like a spring compressing before it jumps up in the air so that's gonna be uh using ease in ease out in order to achieve that did that via favors like so our characters going down and then they spring up all the way to that b key frame so from here they spring up there's no in betweens between the Crouch and the middle position we only have two in-betweens up here so we have an ease out going up we had a breakdown right here and then our two in-betweens and then I decided to add some more frames coming back down to give more air time to this animation so we have her coming back down and Landing so that's one two three and this is the breakdown which is a smear frame one two three that's going back downwards that's an ease in and then we end the entire animation the same way it started with another ease in ease out so ease in ease out to crouch and then we got an ease out and ease in and then ease in ease out so you find that you'll be using ease in and outs quite a lot especially if you're a character animator now I think it's worth mentioning that you may hear these types of motion referred to as linear motion slow out or slow in but the point is that you want to identify whether an object is constant speeding up slowing down or both and now you know how to animate all four so there you have it guys all you have to do in order to animate anything is to identify which type of motion the object you're referencing is employing this works universally whether you're animating post to pose or straight ahead so I highly recommend that you practice animating all four of these types on a regular basis so once again guys thank you so much for watching this video If you enjoyed it please leave me a like that would help me out a lot I had a blast making this video I want to say a huge thank you to creative Fabrica for sponsoring this video if you guys want to check out CF Spark the AI image generation tool you can find the link to that in the description below I also want to say a huge shout out and thank you to my patrons Owen art chut and Donna on patreon thank you guys so much for supporting my work with that said I will see you guys next time happy animating if you guys want to learn more about timing and spacing be sure to check out my courses timing and spacing for animation and how to create in between frames for animation on Creative Fabrica peace

Channel: NobleFrugal Studio

Views: 568,341

Keywords: Noble frugal Studio, how to animate, 2d animation, how to make animation, how to animate anything, animation tutorial, motion graphics, how to, 4 types of motion, principles of animation, principles of animation timing, timing for animation, how to inbetween animation, inbetweening, inbetweening tutorial, fundamentals of animation course, timing and spacing in animation, animation spacing, timing charts animation, timing charts, cf spark, fluid animation, smooth animation

Id: iZBKWoSTVX8

Length: 17min 56sec (1076 seconds)

Published: Fri Nov 25 2022