Walk cycle using the Bone Tool

The image below was taken from
http://www.johnvalentino.com/Teaching/Art190/Exercises/Ex4/figure2.gif

Copy this image and paste it into a Flash document
(you may need to obtain the image from the internet URL for an appropriate Flash recognisable format)

The image below was taken from
http://www.angryanimator.com/word/2010/11/26/tutorial-2-walk-cycle/

You can use this image to help you set your own walk cycle with the parts from the previous image
(you may need to obtain the image from the internet URL for an appropriate Flash recognisable format)

Bone Tool Walk Cycle

Here we go

Select Modify > Bitmap > Trace Bitmap

Use the settings below

Deselect by clicking anywhere outside the image. Then click on the grey background.

Press ‘delete’ and remove the grey background

Click on the lower leg

Convert it to a symbol

Click on the upper leg

Convert that to a symbol

Click on the foot

Convert it to a Symbol

Delete all the leg sections from the stage

Select the arm

Convert it to a Symbol

Select the Lasso Tool

Use the Lasso Tool to select the head

Convert the head to a symbol

Use the Lasso Tool to select the body

Convert the body to a Symbol

Delete all the items from the stage

Use the Oval Tool to draw a small circle (Black fill NO stroke) – This will become a pivoting connection point for the legs

Convert the circle to a Symbol

Great, you now have the components you need to make the character walk

From the Library, bring all the items on to the stage (N.B. you will need 2 sets of arms and legs)

Select all the items on the stage

Use the Free Transform tool to scale your items smaller (remember to hold ‘shift’ as you scale from a corner – this will maintain proportions)

Now use the selection tool to build your character. You will need to deselect all items before you can move individual items

Arrange the library as done below

Select the Bone Tool

Use this tool to create the Armature

Drag from the head to the shoulder

Drag from the shoulder to the arm

Drag from the shoulder to the other arm

Drag from the shoulder to the circle

Continue to connect all parts as below

Notice how Flash creates a new ‘Armature’ layer.

Once this is done you could actually delete the layer that contained al your body parts but later we will actually use it to place a walk cycle to trace.

Now lets connect all our body parts. Lets use the ‘Rulers’ to help line things up.

Use the Free Transform tool to select the body

Now drag 2 rulers to mark the centre of the body Pivot Point

Use 2 more rulers to mark where we want the legs to pivot from as marked with the red arrow below

Zoom in and using the Free Transform tool, drag the small ‘circle’ library item on the intersection (I changed its colour to grey so you could see it better)

Select the left arm with the Free Transform tool and rotate it slightly (by moving to a corner and dragging. Then place it on the body Pivot Point

If the arm is in front of the body you can ‘Send to Back’ by using the right click

Do the same with the other arm

If the arm is behind the body you can ‘Bring to Front’ by using the right click

Your upper body should look like this

Individually select (with the Free Transform tool) each leg component and rotate them as show below

Now position them on the body with the Free Transform tool

The front leg

Remember to ‘Bring to Front’

The back leg

Remember to ‘Send to Back’

Next align the head and ensure it is Brought to Front

Name the old layer where the body was ‘trace’ and paste the walk cycle to trace on that layer (you can get it from the top of this tutorial or from the linking website

You will see that the walk cycle we are going to use is the wrong size and proportions

Re size the walk cycle to roughly match our figure (it will only be a guide)

Place Key Frames in the Armature layer to match the image below.

Use a ‘Ruler’ to mark the ground

Drag the background image across to make the first character line up with our new character

Place a Key Frame in ‘trace’ layer as shown below

Move the tracing image (if you hold ‘shift’ as you move the tracing, it will stay level) so that the second character lines up with ours

Repeat the for each step of the movements

Now lets bring our character to life

Use the Selection Tool to select the Frame 1 in the Armature layer

 

Use the Selection Tool to move the body parts to roughly match the tracing

Operating the Bone Tool with the Selection Tool is a little tricky at first.

You will soon discover that whatever bone you click on locks the elements below that bone.

Place a Key Frame in frame 5 of the Armature layer

You can first lower the whole character using the ‘down arrow’ key on your keyboard

Then use the Selection Tool to move the body parts to roughly match the tracing.

   

One frame at a time, continue to place a Key frame in the Armature layer to match the Frames in the ‘trace’ layer.

Each time moving the character to match the tracing layer

It is tricky but you can do it.

You need to remember which leg is in front and which is behind

In this frame I moved the arm at the back too far forward so that it will be easy to select for the next pose.

I will move it behind the character after I have set the next pose

    

Have you discovered that you do not really have to enter the Key Frame?

As soon as you move the character a Key Frame is created.

Repeat the process until you have completed all Key Frames as shown below.

Now test your sequence.

Look carefully.

The will be some refinements needed. Probably where feet hit the ground

Well done!

You can now delete the ‘trace’ layer and watch your animation without distraction