Learning Asobe Flash CS4 - Bone Tool

9
Learning Adobe Flash CS4 By Greg Bowden Guided Computer Tutorials www.gct.com.au Chapter 20

description

Sample pages from Chapter 20 of Learning Adobe Flash CS4 by Greg Bowden which demonstrates how to use the Bone Tool to produce arm and leg movements in animations

Transcript of Learning Asobe Flash CS4 - Bone Tool

Page 1: Learning Asobe Flash CS4 - Bone Tool

Learning Adobe Flash CS4By Greg Bowden

Guided Computer Tutorialswww.gct.com.au

Using the Bone Tool

Chapter 20

Page 2: Learning Asobe Flash CS4 - Bone Tool

PUBLISHED BY

GUIDED COMPUTER TUTORIALSPO Box 311Belmont, 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 1 921217 67 7 Module 2 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.

Page 3: Learning Asobe Flash CS4 - Bone Tool

© Guided Computer Tutorials 2009 20-1

Chapter

20Using the Bone Tool

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 BasicsTo illustrate the basics of the BONE TOOL, a simple shape will be converted into an arm.

A Drawing the Shape

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

Page 4: Learning Asobe Flash CS4 - Bone Tool

© Guided Computer Tutorials 200920-2

Learning Adobe Flash CS4

B Applying the Bone Tool

1 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.

Page 5: Learning Asobe Flash CS4 - Bone Tool

© Guided Computer Tutorials 2009 20-3

20Using the Bone Tool

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.

Page 6: Learning Asobe Flash CS4 - Bone Tool

© Guided Computer Tutorials 200920-4

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

Page 7: Learning Asobe Flash CS4 - Bone Tool

© Guided Computer Tutorials 2009 20-5

20Using the Bone Tool

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

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.

ii You might like to try joint options on the other bones.

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.

Page 8: Learning Asobe Flash CS4 - Bone Tool

© Guided Computer Tutorials 200920-6

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.

Page 9: Learning Asobe Flash CS4 - Bone Tool

© Guided Computer Tutorials 2009 20-7

20Using the Bone Tool

6 Close the TEST MOVIE screen.

Animating Imported ImagesWhen 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 Loading the Prepared File

1 Close the current file without saving and click on the OPEN button.

2 Access the CHAPTER 20 folder of the FLASHcs4 SUPPORT FILES and open the BONES file.

3 Use SAVE AS from the FILE menu to save the file in your STORAGE folder as:

Jogger

B Separating the Biceps