SEARCH
Newsletter
Subscribe to get design tips, latest trends, free stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop ImageReady Animation Walk Cycle of a Stick Man

Walk Cycle of a Stick Man

Start by creating a circle using elliptical shape tool.

image 1

Using line tool create body of the stick man.

image 2

Using line tool create arms & legs of the stick man.

image 3

image 4

Create the rear arm and legs using a slightly different shade.

image 5

Since one pose is completed group the layers. Duplicate this group and hide the original one. In this group adjust the body parts as shown in the image below.

image 6

Similarly create more groups for each pose of walk cycle. Each image below belongs to one group of walk cycle pose.

image 7

image 8

image 9

image 10

image 11

We have created 7 different groups of poses. Good enough to create a nice walk cycle. Using custom shape tool create a tree shape. Place this layer behind the stick man layer groups.

image 12

Duplicate and place as shown in the image.

image 13

Merge the tree layers. Create 2 duplicates. Place one on each side of the original trees layers. Merge all tree layers.

image 14

Open animation window. For the first frame keep the position of tree layer as shown in the image.

image 15

Duplicate frame. Move the tree layer and move it towards left. Try to keep the appearance of tree layer as close as possible to the previous frame. This will ensure a smooth loopable animation.

image 16

Press the tween button in animation window. Apply settings as shown.

image 17

Delete the last frame. Now we have 7 frames and 7 poses groups.

image 18

Select each frame and keep hiding /unhiding walk cycle pose groups sequentially.

image 19

image 20

image 21

image 22

image 23

image 24

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

Walk Cycle of a Stick Man

subscribe to newsletter