Title:
Sliding Pages (FlashMX
and above)
Author: AEvision
Difficulty: Intermediate
Prerequisites: Creating buttons
and basic Action Scripting.
Revised: Sept. 13, 2007
In this tutorial you're going to learn how to create a menu system with a sliding content.
The pages slide horizontally and the target page eases out as it approaches the main window.
1:
Let's start this by drawing the main interface. Create as many buttons as you like (we're going to use 4 buttons for this tutorial).
2:
-
Good, now create a new movie clip and name it sliding window. (Insert>New symbol)
This movie clip is going to hold the sliding pages. The pages will be masked to be only displayed when passed through the desired display window.
- Inside the sliding window, create 2 layers as shown below.
Fig 2.1
The First layer
will be your masking layer. This should be as the main display area
that reveals the sliding pages. So, lets:
-
Select the fist keyframe of Mask layer, and draw a rectangle on the stage, as indicated in Fig2 by the green area.
-
Create a new movie clip (Insert>New symbol) and name it sliding pages. Place whatever content/pages you desire to display inside the "sliding pages" MC and arrange your content/pages horizontally one after another as shown in Fig 2. You can add as many content/pages as you like.
-
Now go back to the "sliding window" MC, and drag the sliding pages MC from your library (windows>Library or F11) and place it on the "pages" layer (select the first keyframe of the pages layer, and drag the sliding pages MC from the library to the stage), which is below the Mask layer, as shown in fig 2.1
we are now going to add content to the "pages" layer:
-
Right-click the "Mask" layer and select "Mask".
Fig 1
Fig 2
