Mouse over text effect

1

Hi friends,
I need to make a mouseover effect for text. When i take the cursor on text button it should enlarge smoothly and when i take
it out, text button should go back to initial stage.
Can any one tell me the better way to do this?

regards,

2

first make your text into a button
in the button editting panel put key frames into each state: up, over, down (not hit)
select the over state and convert it to a movie clip.
double click to go to editting area.
create motion tween of button enlarging.
go back to button editting area.
make hit area if you want.
put button onto main stage.

hope that helps

3

PS
dont forget to put a stop action in the last frame of the over state animation!

4

attached a .fla for you.

5

Suehami, by what you just said, wouldn’t that not go back to it’s original stage but instead just jump pack to small? Sorry in advance if the fla you posted fixed it, I’m at work so no flash for me.

6

Maxtrosity … um maybe i misunderstood the question… I thought kalim wanted exactly that … the button to go back to it’s initial state … ie small.

If not then sorry for wasting your time kalim. :frowning:

7

put your text in a movie clip - actionscript-


on(rollOver){
(_xscale<200)?(_xscale+=(200-_xscale)/5 ; _yscale+=(200-_xscale)/5) : (_xscale=200)}
on(rollOut){
(_xscale>100)?(_xscale-=(_xscale-100)/5 ; _yscale-=(_xscale-100)/5) : (_xscale=100)}
8

Thanks guys,

yes suehamii i need that to go back to initial stage smoothly. what u said will take it to initial stage suddenly.
Anyway i did that in a lil better way. i will try to find a more better way later.

i believe jugnu’s script should work. this will save the file size too. thanks jugnu.

regards,

9

Create 2 static frames (set Delay to “Stop”) with small and large images. Set small image OnOver action to jump to Frame 2 and set large image OnOut action to jump back to Frame 1:

[COLOR=DarkRed]1.[/COLOR] Launch Flash Designer. Choose “Frame” > “Frame Size” to set movie dimensions to match your image size.
[COLOR=DarkRed]
2.[/COLOR] Choose “File” > “Import Image”. Select image file and and click OK. Choose “Edit” > “Align” > “Center On Page” if necessary.
[COLOR=DarkRed]
3[/COLOR]. Choose “Frame” > “Frame Delay”. Check “Stop” and click OK. This will create static frame instead of animated.

[COLOR=DarkRed]4.[/COLOR] Choose “Frame” > “Insert” and select “Before Current Frame” to add a blank frame at the beginning.

[COLOR=DarkRed]5.[/COLOR] Choose “File” > “Import Image” to import the same image, or use “Copy” & “Paste” to copy the image to the first frame.

[COLOR=DarkRed]6.[/COLOR] Choose “Select” tool and decrease the image on the first frame.

[COLOR=DarkRed]7.[/COLOR] Make sure the smaller image is selected with the selection tool so you can apply OnOver effect. Choose “Item” > “Actions” > “On Over”.

[COLOR=DarkRed]8.[/COLOR] Select “Go to Frame” and choose “Frame 2”. Click OK.

[COLOR=DarkRed]9.[/COLOR] Go to the second frame (Frame 2) and select large image with the “Select” tool.

[COLOR=DarkRed]10.[/COLOR] Choose “Item” > “Actions” > “On Out”.

[COLOR=DarkRed]11.[/COLOR] Select “Go to Frame” and choose “Frame 1”. Click OK.

[COLOR=DarkRed]12.[/COLOR] Press F9 to preview the animation.

:party: