Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation Creating and Animating Skipping Stick Man

Creating and Animating Skipping Stick Man


Start by creating an ellipse using elliptical shape tool.

image 1

Create another ellipse for the body of the stick man using elliptical shape tool.

image 2

Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.

image 3

image 4

Using line tool create arms as shown.

image 5

Create ellipse for hands and distort to get a shape as shown.

image 6

Using line tool create legs with a little higher thickness than arms.

image 7

Also create feet using ellipse tool. Select all layers and press Ctrl+G to group in a new group.

image 8

Duplicate group. Hide the original group. In this group adjust the arms and legs to get a posture as shown.

image 9

Duplicate the group. In this group adjust the arms and legs to get another posture as shown.

image 10

Create a skipping rope shape using pen tool.

image 11

Create a new layer. Select a five pixel solid brush. Click stroke path with brush in path window.

image 12

image 13

Duplicate rope layer. Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get a shape as if the rope is in air.

image 14

Duplicate rope layer. Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get a no motion shape.

image 15

Select a particular rope layer and shift select the respective stick man posture group. Press Ctrl+E to merge. Similarly create two more stickman and rope merged layers. Now we have three layers in all. Select these layers. Scale down vertically.

image 16

Press Ctrl+T. Right click the layers and select perspective. Adjust nodes to get the shape as shown. Reduce the opacity to create a perspective shadow.

image 17

Open animation window. For the first frame keep the first posture with it's respective shadow visible and hide the rest of the layers.

image 18

Duplicate frame. Keep the second posture with it's respective shadow visible and hide the rest of the layers.

image 19

Similarly for the third one.

image 20

Press Ctrl+Alt+Shift+S to save an optimized animated GIF.

Creating and Animating Skipping Stick Man



Author's URL: Mr. Smarty
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process. More ImageReady Animation Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments rockhopper November 17, 2011 says:
how do we get elliptical shape tool?
Reply
comments Ethan May 25, 2011 says:
do a stick man humping a stick man and then a stick man saw them and ran of and came back with a chainshore and well we know how it will end
Reply
Add comments to "Creating and Animating Skipping Stick Man"

Captcha