Tài liệu Thiết kế flash với flash cs5 part 42 pptx

You can determine whether an object is editable by selecting it with the Selection tool—if it doesn't have a bounding box when selected, shape tweening can be applied.. By making changes

Animating with Shape

Tweening

Introduction

Shape tweening works similarly to motion tweening It

fol-lows the same structure of keyframing in the Timeline You

can animate many of the same changes such as alpha, color,

scale, and position, though its main purpose is to transform

the shape of an object into another shape Whereas motion

tweening is applied to groups and symbols, shape tweening

must be applied to an editable shape You can determine

whether an object is editable by selecting it with the

Selection tool—if it doesn't have a bounding box when

selected, shape tweening can be applied The reason for this

is that when you convert a shape into a symbol, you are

essentially protecting it from editing by storing it in its own

Timeline To apply shape tweening to a symbol, you must

enter symbol editing mode and apply it to the shape

con-tained inside the symbol Shapes are created with any of

Flash's drawing tools, such as the Oval or Rectangle tools By

making changes to the shape with any of Flash's editing

tools, you can change the contours of the shape (for

exam-ple, turn a circle into a square) and then use shape tweening

to make this change happen gradually over time Because the

results of a shape tween can be unpredictable, you can set

shape hints to let Flash know how to proceed with the tween

This is useful when you are working with complex shapes

such as letterforms In all cases you should only tween one

shape at a time in a tweened span for best results

In addition to shape tweening, you can also animate

shapes using Inverse Kinematics (IK), which allows you to

stretch and bend shape objects and link groups of symbol

instances to make them move together in naturalistic ways

using an internal structure of bones to create character

10

What You’ll Do Use Shape Tweening Create a Shape Tween Add and Remove Keyframes from a Shape Tween

Change Shape Positions with Shape Tweening

Change Shape Position and Form Simultaneously Adjust Shape Tween Properties Change Shape Tweening Color and Alpha Options

Use Shape Hints Create Animation Using ActionScript Use Inverse Kinematics

Add Bones to an Armature Edit Armatures and Bones Bind Bones

274 Chapter 10

You can use shape tweening when you need

to alter the form of any editable shape

gradu-ally Place artwork in a keyframe and then use

any of Flash's drawing and editing tools to

adjust the contours of a shape on another

keyframe When you apply shape tweening, Flash draws the frames in-between the two keyframes so that the object appears to

"morph" between the two states To provide even more control, you can use shape hints

Using Shape Tweening

Shapes created with the Polystar tool

Break apart letterforms for shape tweening

Using the Polystar Tool

Using Shape Hints

For best results, tween shapes separately on different layers.

Creating Complex Animations

276 Chapter 10

In most cases, you can easily shape tween any two simple shapes

Geometric forms such as lines, rectangles and circles yield the best results Because Flash draws the tweened frames mathematically, the simpler the shape, the more likely it will tween without any problems or without having to apply corrections such as shape hints

Experimentation is the key As long as both keyframes contain an editable shape, Flash will attempt to morph one object into another Use any of Flash's drawing tools or import a vector shape from another vec-tor drawing program If you want to apply a shape tween to grouped artwork or a symbol, you can break apart the group or enter symbol editing mode and apply the shape tween to any editable shape in the symbol's Timeline You can quickly view your animation by exporting it with the Test command (in Flash Professional) By default, Flash loops animations in the Flash Player

Creating a Shape

Tween

Create a Shape Tween

Create a new Flash document

With any of Flash's drawing tools,

draw a shape on the Stage at

frame 1

Select the first frame

Click the Insert menu, and then

click Shape Tween.

4

3

2

1

3

Square drawn

on Frame 1

2

Select frame 10

Click the Insert menu, point to

Timeline, and then click Blank

Keyframe.

Flash tints a shape-tweened span

a pale green

TIMESAVER Press F7 to add a

blank keyframe

With any of Flash's drawing tools,

draw a different shape on the

Stage at frame 10

Click the Control menu, point to

Test Movie, and then click Test.

The shape on frame 1 slowly

transforms into the shape on

frame 10

TIMESAVER Press A+Return

(Mac) or Ctrl+Enter (Win) to test it

8

7

6

5

Beginning Shape

on Frame 1

Ending Tweened frames

5

Circle drawn

on Frame 10

Shape tween span is tinted

a pale green