Deviant Login Shop  Join deviantART for FREE Take the Tour

:iconicexdragon: More from IceXDragon

More from deviantART


Submitted on
April 23, 2013
Submitted with Writer


132 (who?)

Smoooth Animation Tutorial: Jumping


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:

Learn how to make a smooth jumping animation!
Add a Comment:
Arichy Featured By Owner Apr 29, 2013  Hobbyist General Artist
:clap: amazing!
IceXDragon Featured By Owner Apr 29, 2013  Hobbyist General Artist
Thank you.:)
LilMissPeppy Featured By Owner Apr 27, 2013  Student Digital Artist
Informative to the °Nth. :iconclapplz:
BackBeat4242 Featured By Owner Apr 25, 2013  Hobbyist General Artist
Thank you so much for this informative tutorial! :iconbackbeatbounceplz:
AngelJasiel Featured By Owner Apr 25, 2013  Hobbyist Digital Artist
it's very useful, thank you :heart:
Talty Featured By Owner Apr 25, 2013   Artisan Crafter
I've never done anything like this, but your explanation is so good that I completely understood it :noes: great work and thanks for sharing!
Minato-Kushina Featured By Owner Apr 25, 2013
So great tutorial! Thanks for sharing! :love: :hug:
WolvenBird Featured By Owner Apr 24, 2013  Student Digital Artist
This is a wonderful tutorial! I'd love to see you make more pertaining to animation. Out of curiousity, is there a compilation of these sort of PE tutorials somewhere? I'd like to find some more on animation if there are any. x3
IceXDragon Featured By Owner Apr 24, 2013  Hobbyist General Artist
You can find most of the Community Week articles here [link] , you can also find some tutorials here [link], and you can find off of the project educate articles here.:D [link]
Astrikos Featured By Owner Apr 24, 2013   General Artist
Awesome awesome tutorial! :love:
Add a Comment: