Learning Adobe Flash CS4

By Greg Bowden

Chapter 20

Using the Bone Tool

Guided Computer Tutorials www.gct.com.au

PUBLISHED BY GUIDED COMPUTER TUTORIALS PO Box 311 Belmont, Victoria, 3216, Australia www.gct.com.au © Greg Bowden This product is available in Single or Multi User versions. Single-user versions are for single student or teacher use at any particular time, just as a single text book would be used. If you intend to use the notes with multiple students the single user version should be upgraded to the multi-user version. Multi-user versions allow the school or institution to print as many copies as required, or to place the PDF files on the school network, intranet and staff laptops. A certificate of authentication is provided with multi-user versions. Bookmarks provide links to all headings and sub-headings, and individual chapters are provided.

First published 2009 ISBN: Module 1 Module 2 1 921217 67 7 1 921217 68 5

PDF document on CD-ROM

Every effort has been made to ensure that images used in this publication are free of copyright, but there may be instances where this has not been possible. Guided Computer Tutorials would welcome any information that would redress this situation.

Chapter

Using the Bone Tool

20

The BONE TOOL allows you to set hinges either within an object or between a group of objects. It can be applied to create human movements in arms and legs, robotic arm movements, crane operations, etc.

The Bones Tool Basics
To illustrate the basics of the BONE TOOL, a simple shape will be converted into an arm.

A
1

Drawing the Shape
Load Flash or close the current files, then create a NEW FLASH FILE.

© Guided Computer Tutorials 2009

20-1

Learning Adobe Flash CS4

B
1

Applying the Bone Tool
Press CTRL+ or COMMAND+ to zoom the view to 200%.

3

When you release the mouse button the first bone is created.

NOTE:

This first section will represent a bone from the shoulder to the elbow.

5

Release the mouse button to create the second bone.

NOTE:

This second section will represent a bone from the elbow to the wrist.

20-2

© Guided Computer Tutorials 2009

Using the Bone Tool

20

NOTE:

All the bone sections are moved in the ARMATURE layer.

C

Using the Bone Links

The bone sections have set a rotation point at the left of the shape and hinges at the centre and near the right of the shape. 1 Press CTRL- or COMMAND- to return the view to 100%.

NOTE:

There is a circular marker at the right of the shape which the mouse pointer needs to be over for the shape to be moved.

© Guided Computer Tutorials 2009

20-3

Learning Adobe Flash CS4 3 The PROPERTIES panel allows you to control the movement of the bones.

6

Try rotating the shape and you should not be able to do so. Only the right section should rotate

20-4

© Guided Computer Tutorials 2009

Using the Bone Tool 10 Press CTRL+Z or COMMAND+Z to undo the stretches.

20

NOTE: i

If you wanted the shape to stretch in the vertical place, you would turn on ENABLE in the JOINT Y TRANSLATION section of the PROPERTIES panel. You might like to try joint options on the other bones.

ii

D Bone Styles
You can change the appearance of the bone markers. At the moment they are solid arrows, but they can be changed to LINES or WIRE.

© Guided Computer Tutorials 2009

20-5

Learning Adobe Flash CS4

4

Click on the KEYFRAME MARKER at FRAME 1 of the ARMATURE 1 layer and set the type to WIRE to see its appearance.

NOTE:

You can adjust the STRENGTH and TYPE of the bone easing (movement) using the settings in the EASE box in the PROPERTIES panel.

E

Runtime

You can give users of your animation the ability to manipulate the arm from within the animation using the RUNTIME option.

3

Select TEST MOVIE from the CONTROL menu.

20-6

© Guided Computer Tutorials 2009

Using the Bone Tool

20

6

Close the TEST MOVIE screen.

Animating Imported Images
When animating an image that you import, you need to separate the sections to be animated because Flash cannot distinguish objects like arms and legs. Let’s make a jogger raise his arm and wave. A jogger has been prepared for you and his arm will need to be separated into 3 sections, biceps, forearm and hand, then the 3 sections will be linked using the BONE TOOL

A
1 2 3

Loading the Prepared File
Close the current file without saving and click on the OPEN button. Access the CHAPTER 20 folder of the FLASHcs4 SUPPORT FILES and open the BONES file. Use SAVE AS from the FILE menu to save the file in your STORAGE folder as: Jogger

B

Separating the Biceps

© Guided Computer Tutorials 2009

20-7

Sign up to vote on this title
UsefulNot useful

Master Your Semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master Your Semester with a Special Offer from Scribd & The New York Times

Cancel anytime.