PE: Smoooth Animation Tutorial: Jumping

8 min read

Deviation Actions

IceXDragon's avatar
By
Published:
8.3K Views


Smoooth Animation Tutorial: Jumping

Hi!

Today we will learn how to make smoooth animation!:la: In this tutorial we will cover a basic movement, but sometimes difficult to look natural, jumping.

I am using a pixel black ball as the subject, but really, you can apply this tutorial to anything you want to jump! Like animals and humans (of coarse they would bend their legs instead of squish.;D)! If your animation starts to "trail", or you simply don't know how to animate, you can check out some other tutorials I have made that are linked at the bottom.:D

Let us begin!:la:


Aniball1 by IceXDragon

Lets start with the subject. I am using a 13x13 pixel black ball, but you can use anything, even if it isn't pixeled.:nod:


Aniball2 by IceXDragon

Now for the squish! This is the set move to gather energy for the jump. You wouldn't jump straight legged, would you?:XD: For my ball, I made it shorter, and expanded it out some on both ends. If your subject has legs, then in this step they would just bend their legs.


Aniball3 by IceXDragon

And now we jump! After the subject makes it's set move, whether it be squishing or bending it's legs, give it a pretty good start off. As you can see, this ball's take off height is 2 pixels.:meow:


Aniball4 by IceXDragon

In the next frame it would go a little higher. Depending on how high the subject should jump, it should jump at this rate for however many frames you need it to before going to the next step. For example: in the frame, the ball travels up 3 pixels. If I wanted the ball to go higher, I would make it go 3 pixels up for as many frames until it is as high as I want it to be. Though, this ball is only going to go up at this height for 1 frame.;)


Aniball5 by IceXDragon

Now as it continues to go up, gravity starts to take hold of it, so it progresses up slower.


Aniball6 by IceXDragon

And now it slowly gets slower, pushing up against gravity.


Aniball7 by IceXDragon

Still going at the same speed as the last frame, it progresses up one last time.


Aniball 7 2 by IceXDragon

Now it starts to go down. Make it goes down in the same pattern as it jumped.


Aniball 8 2 by IceXDragon

Going down...



Aniball 10 2 by IceXDragon
Down, down, down down...


Aniball10 by IceXDragon

...and I just can't believe my first love wo- Oh.>.>


Aniball11 by IceXDragon

Now as the subject absorbs the shock, it squishes (or bends it's legs) one last time before standing back up (This animation loops, so since it started standing normal, I don't need to make it stand normal again.:nod:).


Aniball Ball 2 by IceXDragon

And now we have a joyful jumping ball of fun!:happybounce: Now you can try to make your own!:eager:

--

Does you animation "trail"? Check out this tutorial!:la:

Don't know how to animate? Take a look at this Gimp animation tutorial!

I hope you found this tutorial helpful!:la: If you have any questions please ask below in the comments.:D

Have a nice day!:dummy:





© 2013 - 2024 IceXDragon
Comments45
Join the community to add your comment. Already a deviant? Log In
LavleyArt's avatar
oh damn there are things I would have never considered tbh! Thank you!