Step 10

Take again the Selection Tool (V), select only a text and press Ctrl+X key (Cut). After that, create a new layer above the layer 1 and name it text.Then, select the text layer and press Ctrl+Shift+V key (Paste in place).

Step 11

Go back on layer 1, double click on it with Selection Tool (V) and change its name in rectangle.

Step 12

Click on frame 20 of layer rectangle and press F5 key.

Step 13

Lock rectangle layer, select the text layer and press F8 key (Convert to Symbol) to convert this text into a Movie Clip Symbol.



Step 14

Click on frame 20 and press F6 key. After that, move the text a little right using the arrows key or by mouse. See the picture below.



Step 15

While you're still on frame 20, take the Selection Tool (V), click once on the text and go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Tint in it, for Tint color choose #45C2D4 and put it down to 100%. See the picture below.





Step 16

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 17

Create a new layer above the text layer and name it stroke.

Step 18

Take the Rectangle Tool (R). In the Colors portion of the Tool panel, block the fill color by clicking on the little paint bucket icon and then on the small square with the red diagonal line. For Stroke color set #5C5C5C. Choose Solid as type of line, with thickness set to 0.5.See the picture below.



Then, draw a stroke withn the rectangle. See the picture below.



Step 19

It's time for reverse effect, so take the Eraser Tool (E), click on frame 2, press F6 key and start erasing your stroke, starting of top right corner and bottom left corner. See the picture below.



Press F6 key, and start erasing a little more:



Do that, until you don't came at the frame 20 and until you don't erase the all stroke.

Step 20

After that, take the Selection Tool (V) and select the all keyframes. Then, choose right click and Reverse Frames. See the picture below.



Step 21

Go back on the main scene (Scene 1).



Step 22

Create a new layer and name it Invisible Button. Then, create the invisible button over the first rectangle and text (Movie Clip). See the picture below.



Step 23

Take the Selection Tool (V), click once on the invisible button to select it and go the Action Script Panel (Shortcut key: F9). Then, enter the following action script code inside the actions panel:

on (rollOver) {
_root.mouse_over_company_mc = true;
}

on (rollOut) {
_root.mouse_over_company_mc = fstartlse;
}

on (release){
getURL("http://www.flashvault.net/");
}

Step 24

Create a new layer above the invisible button layer and name it action.

Step 25

Click on the first frame of layer action, go again to the Action Script Panel (F9), and enter this code inside the action panel:

_root.company_mc.onEnterFrame = function() {
if (mouse_over_company_mc) {
_root.company_mc.nextFrame();
} else {
_root.company_mc.prevFrame();
}
};

We're done with the first rectangle. Repeat this process for every other rectangle. Only difference is that you must use another instanca name.

Have a nice day!

Downlaod source file (.fla)