Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop ImageReady Animation Creating and Animating Skipping Stick Man
rss

Creating and Animating Skipping Stick Man

Author: Mr. Smarty More by this author


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 Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Creating and Animating Skipping Stick Man"