Bouncing Emoticon
Posted by admin on 07/25/07 in All, Effects
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.

tag this
Daniel | Aug 15, 2007 | Reply
I couldn’t understand some parts of this article rTuts - Free Designer Tutorials, but I guess I just need to check some more resources regarding this, because it sounds interesting.
sketch | Mar 14, 2008 | Reply
my photoshop doesnt have the Save Optimized as option…. i have CS3… do you need professional to do this?