MOUSE OVER TEXT EFFECT ON YOUR MENU ITEMS/ BUTTONS
Moving text effects when you move your mouse cursor over a button and when you click on it.
This tutorial teaches you how to create the effect whereby when you move your cursor over a button/ menu item or when you click on it, youll see the text/ words in the button having the moving effect. If you have 4 buttons and when you move your mouse cursor over one of the button, the words in the button will be showing movements while the other 3 buttons remain static, until you move your cursor over them.
1. Right click on frame 0 of the Scene 1 Timeline and click Stop .
2. Select the Rectangle tool and drag a rectangle. Copy the rectangle and paste it next to the first rectangle. Paste another rectangle next to the second rectangle.
The 3 rectangles represent your menu items/ buttons. In this case, lets say you have 3 menu items/ buttons that will take your visitors to 3 different scenes/ pages of your homepage/ movie - HOME , ABOUT US and CONTACT .
3. Click on the rectangle on the left and in the Actions panel, click Add Event and select On Press . Check/ Click the Roll Over box at the bottom of the action panel. Then, click Add Actions and select Go to Frame . Change the value in the Number edit box from 0 to 1. Make sure that the Play box is checked/ selected.
( picture1)
4. Go to Insert and select Text . Type HOME and change its size to 48. Move the text to the left rectangle, making it in front of the rectangle. Right click on the HOME timeline and click copy object . Right click again and click paste object . Now, you should see two HOME timelines. Right click on frame 0 of any of the HOME timeline and select Fade Out . Change the duration from 10 to 16 frames in the FADE OUT SETTINGS that shows up.
5. Right click on frame 1 of the other HOME timeline and select WAVE . Youll see a WAVE SETTINGS menu -choose wave-attached both ends from Name . Set the value of the Y from 120 to 0. Change also the Spacing value from 400 to 200 and the Scale value from 1000 to 180.
6. Right click on frame 30 of the Scene 1 timeline and select stop .
7. Click on the second rectangle (the one in the middle) and at the Actions panel, click Add Event and select press . Check also the Roll Over box at the bottom of the panel. Then, click Add Action and select Go to Frame . Change the value of the Number from 0 to 31. Be sure that the Play box is checked/ selected.
8. Go to Insert and select Text . Type ABOUT US and change its size to 48. Place it to the second rectangle. Copy and paste the text.
9. Right click on frame 0 of any of the ABOUT US time line and click PLACE . Close the menu that shows up. Then, Right click on frame 31 of the same ABOUT US timeline and select Fade Out . Change the duration from 10 to 16.
10. Right click on frame 31 of the other ABOUT US timeline and select WAVE . In the WAVE SETTINGS menu, change the values to what you did in STEP 5. ( picture2)
11. Right click on frame 60 of the Scene 1 timeline and select stop .
12. Click on the third rectangle and in the Actions panel, click Add Event . Select Press and click also the Roll Over box. Then, click Add Action and select Go to Frame . Change the value in the Number edit box from 0 to 61. Again, make sure that the Play box is checked/ selected.
13. Go to Insert and select Text . Type CONTACT and change its size to 48.Move the text to the third button. Copy and paste the text.
14. Right click on frame 0 of any one of the CONTACT timeline and select Place . Then, right click on frame 61 of the same timeline and select Fade Out and change the duration in the FADE OUT SETTINGS menu to 16.
15. Finally, right click on frame 61 of the other CONTACT timeline and select Wave . Change the values in the WAVE SETTINGS to what you did in STEP 5.
Note that you can also change the mouse over text effects instead of the wave effect that is used in this tutorial.
Well, thats all and good luck!