Online flash help - free online flash help - macromedia online flash help - online web site flash help
online flash help, free online flash help, macromedia online flash help, online web site flash help

Online Flash Help - Splits

The aim of this session is to create an animation something like:

Click to view text splits created using Flash animation result

In all the previous sessions, we made files that contained only one layer. However, in this animation we would have to use three layers. One containing the original text and the others containing the upward and downward animations.

Step 1
Open a new file. Change the name of Layer 1 to text. Click on the Add Layer icon or alternatively you can click on Insert - Layer. This adds a new layer just above the first layer.
Adding a new layer
Add another layer to the movie. Name the top layer downward motion and the middle layer upward motion. You should now have three layers in your file named (from top to bottom) downward motion, upward motion and text.
Three layers in the Split Movie

Step 2
Hightlight the first frame of text layer and using the text tool Flash Text tool insert some text in the frame. Convert this text to a symbol. Name this symbol mytext and make sure that the Behavior is set to Graphic. Align this symbol to the center of the page.
Open the Symbol Library (Window - Library). You shall find the mytext symbol in the listing. Click on its name in the library to display a thumbnail view of the symbol.

Step 3
First frame of text layer is a keyframe. Insert 17 more frames after frame 1 so that the layer now has 18 frames in total. (You can add frames by either right-clicking on the Time line and selecting Insert Frame from the menu hitting F5 on the keyboard.)

Step 4
Hightlight the first frame of upward motion layer, and drag an instance of mytext symbol from the library onto the stage. Align this to the center of the page. In the same layer, add a new keyframe on frame 18 and shift the symbol slightly above the original location. We shall now modify this symbol instance. Click on Modify - Instance, choose Alpha from the Color Effect drop down menu and decrease the alpha value to 0%. Insert a motion tween between the first and last frames. (Right-clicking on any middle frame and selecting Insert Motion Tween from the menu will insert the motion tween).
Now place an instance of mytext symbol on the first frame of layer downward motion and center it on the stage. Insert a new keyframe on frame 18. Place this symbol slightly below the symbol in frame 1. Change the alpha value of this instance and decrease it to 0% through Modify - Instance - Color Effect - Alpha. Insert a motion tween between the first and the last frames.
With eveything done, your layers should look like:
Final Layers

Check the results by playing the movie.

Back Next


AddThis Social Bookmark Button
Page contents: Online flash help - free online flash help - macromedia online flash help - online web site flash help

Page URL: http://www.webdevelopersnotes.com/tutorials/adflash/ online_flash_help_splits.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com