Step 1
First of all, find on Internet or somewhere any picture of sign post. Then, Create a new flash Documnet, Choose file > Import > Import to Stage and Import that picture in flash. After that, using the flash tools for drawing (Line Tool, Paint Bucket Tool....) draw it in flash. You can also draw my "Sign post" if you like.
Step 2
Take the Text Tool (T) and type the text for menu. See the picture below.
Now, it's time for animation.
Step 3
Take the Selection Tool (V), select only one "sign post arrow" and press F8 key (Convert to Symbol) to convert this "sign post arrow" into a Movie Clip Symbol.
Step 4
While the new made Movie Clip is still selected, go to the Properties Panel (Ctrl+F3) below the stage. On the left side you will find the Instance name input field. Call this Movie Clip HotOffers. See the picture below.
Step 5
Double-click on the movie clip on stage with the Selection tool (V). You should now be inside the Movie Clip.
Step 6
Take the Selection Tool (V) and select only this part of "sign post arrow"
Then, press Ctrl+X key (Cut), create a new layer (layer 2) and place it using the "drag and drop" technique below the layer 1. Then, select it and press Ctrl+Shift+V key (Paste in Place).
Step 7
Now, select only this part of "sign post arrow"
press Ctrl+X key (Cut), create a new layer (layer 3) and press Ctrl+Shift+V key (Paste in Place).
Step 8
Go back on layer 1 and select only the border of "sign post arrow". After that, press again Ctrl+X key (Cut), create a new layer (layer 4) , select it and press Ctrl+Shift+V key (Paste in Place).
While you're still on layer 4 (border layer ), click on frame 15 and press F5 key.
Step 9
Go back on layer 1 (text layer), select it and press F8 key (Convert to Symbol), to convert this text into a Movie Clip Symbol. See the picture below.
Step 10
Click on frame 15 and press F6 key. Then, take the Selection Tool (V), click once on text to select it, go to the Properties Panel (Ctrl+F3) below the stage. After that, find the Color menu on the right side, choose Tint, for Tint color set any color and for Tint Amount set 100 % . See the picture below.
Step 11
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.
Step 12
Select layer 2 (beneath the layer 1) and press F8 key to Convert it into a Movie Clip Symbol.
Step 13
Click on frame 15 and press F6 key.
Step 14
Take the Selection Tool (V), click once on the new made Movie Clip to select it and in the Properties Panel below the stage, find the Color menu again and choose Tint. For Tint color set any color and for Tint Amount choose set again 100%.
Step 15
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.
Step 16
Select layer 3 and press F8 key (Convert to Symbol) to Convert this part of "sign post arrow" into a Movie Clip.
Step 17
Click on frame 15 and press F6 key. Then, repeat step 14, but for this time, choose some other Tint Color.
Step 18
Repeat step 15.
Step 19
Go back on the Main scene (Scene 1).
Step 20
Create a new layer and name it (Invisible Button). Then, create the Invisible Button over the "sign post arrow". See the picture below.
Step 21
Take the Selection Tool (V), click once on the Invisible Button to select it, go to the Action Script Panel (F9) and enter the following Action Script code inside the Actions Panel:
| on (rollOver) {
_root.mouse_over_HotOffers = true; } on (rollOut) { _root.mouse_over_HotOffers = fstartlse; } on (release){ getURL("http://www.abtuts.com/"); } |
Step 22
Create a new layer and name it Action. Then, click on the first frame, open again the Action Script Panel (F9), and enter this script:
| _root.HotOffers.onEnterFrame = function() {
if (mouse_over_HotOffers) { _root.HotOffers.nextFrame(); } else { _root.HotOffers.prevFrame(); } }; |
Test your Movie (Ctrl+Enter).
We're done!
Download source file (.fla) here.
More Flash & Swish: 
