Search:


Video Game Design Walk Cycle

Walk Cycle

Image courtesy www.angryanimator.com

Create a walk cycle animation for one of your characters.

1

Create a new Illustrator file and fill it with 9 square artboards.

2

Draw the character once to match the first pose in the walk cycle, contact. Place your character in the first artboard. Make sure that your arms and legs have both an upper and lower part that can be rotated separately.

3

Copy your character to the second artboard. Make sure to align it so it is in the same position as the original compared to it’s artboard.

Modify the character’s pose to match the second image in the walk cycle, recoil.

Notice how the walk cycle character’s head and body are a little lower than in the original picture. The human body moves up and down a little while walking, and it is essential to include this to make your animations look realistic.

4

Continue copying the last and slightly modifying it to match the newest pose in the walk cycle. When you get to the last one just copy the first image exactly, there is no difference.

5

Export all of the artboards as 128x128 px png files to one folder.

6

Create a new 512x512 px blank Photoshop file for your spritesheet. Set up a 4 x 4 grid system using guides.

7

Place each image in your walk cycle in it’s own grid cell. Match the walk cycle order left to right, then top to bottom. Save psd and export a png for Unity.

8

Import the spritesheet into Unity. Set it’s image mode to multiple. Slice the image into a 4x4 grid using the sprite editor.

9

Create a new gameobject for the new character. Drag the first image from your spritesheet onto the sprite renderer to make it the image that shows in the editor window for the character.

10

Select the character’s gameobject, then open the animation window. Create and save new animation for the character named walk.

11

Select all of the sprites in the spritesheet and drag them onto the new animation. Play the animation and adjust it’s speed to your liking.