Flash MX II

Flash MX – Tweened Animation

• There are two methods for creating an animation sequence in Flash– Frame-by-frame animation– Tweened animation

• Tweened animation allows creating the starting and ending frames, and let Flash create and “guess” the frames in between.

Flash MX – Tweened Animation

1) Create blank keyframe 2) Create 10 frames to display the show

3) After 10 frames are created

4) Create motion tween5) Insert keyframe at the end of the slide. A tweened animation is created.

Flash MX – Control display

• Select Frame 1– Control -> Play

OR– Press <enter>

• There are many features to control the show in the <Control>.

Flash MX -- Animation

• After tweened animation is created by different keyframes, you can use motion tweening:– create motion, – change the size of a group or symbol, – rotate, – change color,– select the path

Flash MX – change color

In each keyframe:Select the color in properties.

Brightness: change the color in different brightness (black or white)Tint: change into different colors in different RGB and look up color

tableAlpha: change the level of transparencyAdvanced: change the brightness, tint and alpha at the same time

Flash MX – Motion path

• Using a motion path to make a symbol move in a complex pattern.

• Using a motion guide layer to draw a path for an object to follow.

• Guide layers are indicated by a guide icon to the left of the layer name.

• Guide layers do not appear in a published Flash movie

Flash MX – Guide layer1) Create one keyframe in first frame

2) Create several frames to the slide show

3) Insert Motion Guide

4) Insert keyframe in motion guide

PS: Don’t create motion tween before the motion guide. If motion tween is created first, a straight line motion is already created. Therefore it will not follow the motion guide.

Flash MX – Motion path1) Use the Pencil tool to draw a curving line from the ball to the end of the path in the Guild layer.

2) Select the first frame in the normal layer, select the arrow tool and the Snap modifier (Options function)

3) If the Snap modifier is on, a small black ring appears under the pointer.

4) Move the ball so that its center point is over one end of the line.

5) Insert motion tween in normal layer

6) Select the end frame and insert keyframe, and move the bal l to the other end of the line.

7) Press <enter>

Flash MX – Create button

1) Create Symbol OR Convert to Symbol2) Button states are created by copying the

button graphic to a keyframe and modifying it

3) The Timeline for a button has three frames for each of the button states: Up, Over, and Down. The Hit frame defines the area of the button that responds to the mouse.

Flash MX – Create button

To edit the symbol:• Right-click the symbol in the scene or in the library and choose <edit> OR• double-click the symbol in the scene or in the libraryClick the Scene1 to back to the scene

1) Insert keyframe in each state.

2) change the color, re-size or rotate in different state

PS: don’t transform the object.

Flash MX – Different state

• Up: When the mouse is not in the button, the button is in the Up state.

• Over: When the mouse is on the button, the button is in the Over state.

• Down: When the mouse is click on the button, the button is in the Down state.

• Hit: Define the area of the button to respone.

Flash MX – Action Script

• Making to click the button advance the play-head to different frame of the scene. It can do so by attaching an action to the button instance in the Actions panel.

Add script in your slide

Flash MX – GotoDouble-click <goto> to the special frame

• Choose the Frame to go special frame

• Use <Go to and Play> function normally, otherwise the show will stop.

Flash MX -- GotoAfter an action script is added. In the

Timeline, a symbol “a” is displayed.

Beware to add another <goto> at the end of the frame, otherwise it will play all the frames.

1) frame 1 create <goto> to frame 92) frame 8 also create <goto> to fram

e 1

then when we play a show, the movie will loop from frame 1 to frame 8. If we click the button, it will jump to frame 9.

Flash MX -- URLTo link with URL, use <getURL>type the web site in the URL and choose the display window

At the bottom, added scripts are all displayed in there.You can click different scripts to edit each script.

Flash MX -- Publish

Change the show to the Flash or HTML format

PS: mostly it will change to HTML to make sure all the viewer can view it.

Flash MX – Publish setting

Flash MX -- help

• Find more about Flash in the “Tutorial” and “Lessons” by choosing “Help”

• Also there are many samples in the Help

• ActionScript Dictionary