FLASH SHAPE TWEENING TUTORIAL

STEP 1

DRAW AN OBJECT,WE DRAW AN OVAL WITH A THICK BORDER WITH THE OVAL TOOL AND ALSO SET THE BACKGROUND.

THEN WE CENTER THE OVAL IN THE STAGE. TO DO SO, USE THE ALIGN PANEL (WINDOW->ALIGN,

OR HIT CRTL-K)CHECK TO STAGE AND CLICK ON THE ALIGN ICONS UNTIL YOU GET

IT RIGHT :)

STEP 2

•- INSERT A NEW BLANK KEYFRAME

SELECT ABOUT FRAME 20 AND HIT F7 OR RIGHT-CLICK ON

FRAME 20 AND SELECT INSERT BLANK KEYFRAME. DO NOT USE

"INSERT FRAME" / "INSERT KEYFRAME" (F6))

F7 WILL INSERT AN EMPTY NEW KEYFRAME

STEP 3

•ADD A NEW OBJECT TO THE NEW KEYFRAME

IN THIS FRAME, DRAW A NEW OBJECT, I.E. WE INSERTED A POLYSTAR, ALSO IN OBJECT

MODE.

SELECT THE POLYSTAR TOOL (IT SITS BELOW THE RECTANGLE TOOL AND YOU

MUST HOLD DOWN THE MOUSE TO GET AT IT)

THEN, IN THE PROPERTIES PANEL, SELECT FROM THE OPTIONS PULL-DOWN MENU:

STAR AND NUMBER OF SIDES = 9THEN, DRAW IT BY DRAGGING OUT THE

MOUSE

CONFIGURING THE POLYSTAR TOOL FOR A STAR WITH 9 POINTS

STEP 4

• CHANGE ITS SHAPE AND ALIGN IT WITH THE OVAL AND THE STAGE

• THEN MAKE IT A BIT "OVAL" AND ADJUST IT MORE OR LESS TO THE SIZE OF THE OVAL

• CHANGE THE WIDTH (IN THE PROPERTIES PANEL OR WITH THE FREE TRANSFORM TOOL

ALIGN WITH THE OVAL: TO SEE THE OVAL AT THE SAME YOU CAN CLICK ON THE "EDIT MULTIPLE FRAMES" ICON IN THE TIMELINE CONTROL BAR AND DRAG THE ONION SKIN MARKER ON TOP OF THE TIMELINE ALL TO

THE LEFTTO ACHIEVE A PERFECT CENTERING, USE

THE ALIGN PANEL. READ FLASH ARRANGING OBJECTS TUTORIAL IF NEEDED.

STEP 5

• CHANGE COLORS OF THE POLYSTAR

• FIRSTLY, UNTICK THE "EDIT MULTIPLE FRAMES" ICON !!

• THEN YOU CAN CHANGE THE COLORS OF THE STROKE AND THE FILL

STEP 6 - MORPH

• RIGHT-CLICK ON AN EMPTY FRAME BETWEEN THE TWO KEYFRAMES AND SELECT CREATE SHAPE TWEEN

• ALTERNATIVELY YOU ALSO COULD CLICK INTO AN EMTPY FRAME AND SELECT SHAPE TWEENIN THE INSERT MENU ON TOP

CREATE A SHAPE TWEEN BETWEEN TWO KEYFRAMES THAT CONTAIN EDITABLE

GRAPHICS

STEP 7

• REPEAT THE OTHER WAY ROUND

• INSERT A NEW EMPTY KEYFRAME AROUND FRAME 40

• COPY THE PICTURE FROM FRAME 1 (SELECT IT AND HIT CTRL-C IN FRAME 1)

• PASTE-IN-PLACE IT TO THE EMPTY KEYFRAME (CTRL-SHIFT-V)

• ADD THE SHAPE TWEEN AS ABOVE

TEST;MOVE AROUND THE PLAYHEADMENU CONTROL->TEST MOVIE

IF THE ANIMATION IS TOO FAST, DRAG THE KEYFRAMES TO THE RIGHT

CLICK ON THE KEYFRAME FIRST. YOU SHOULD SEE A CURSOR WITH A RECTANGLE

ONLY THEN YOU CAN DRAG.

EXTEND SHAPE TWEEN SPAN BY DRAGGING THE SECOND KEYFRAME

DONE :)