DesignerTuts

In this tutorial you will be learning how to make the bouncing emoticon below:

Step 1:

Open up Image Ready and create a 50×50 transparent image. Open your basic emoticon and make sure you only have the basic shape, like this: see zoomed below.

Step 2:

Now we’ll create the face. You can make a different face then the one I’m using. I’ll be making this face:

And this is how it looks on the emote:

Step 3:

Now we’ll make the “landing” pose. We have two poses for this, one touching the ground and one ‘bumping’, make the first like this:

And the second like this:

Step 4:

Alright, now we’ll animate it. Below you will see how to position it and what the frame rate should be.

Go to File -> Save Optimized as… and your final image will be:

Now you’re done! You’ve created a bouncing emoticon! Enjoy.

2 Responses to “Bouncing Emoticon”