Presentation on theme: "Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation."— Presentation transcript:
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 tween 5) Insert keyframe at the end of the slide. A tweened animation is created.
Flash MX – Control display Select Frame 1 –Control -> Play OR –Press There are many features to control the show in the.
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 table Alpha: change the level of transparency Advanced: 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 layer 1)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 path 1) 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
Flash MX – Create button 1)Create Symbol OR Convert to Symbol 2)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 OR double-click the symbol in the scene or in the library Click 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 – Goto Double-click to the special frame Choose the Frame to go special frame Use function normally, otherwise the show will stop.
Flash MX -- Goto After an action script is added. In the Timeline, a symbol “a” is displayed. Beware to add another at the end of the frame, otherwise it will play all the frames. 1)frame 1 create to frame 9 2)frame 8 also create to frame 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 -- URL To link with URL, use 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.