Page 1 of 1

Flash mouseover

Posted: Thu Jun 10, 2010 8:07 pm
by mickyjune26
Hi all,
Where do you think I could go as a starting point to learn how to create the mouseover effect as shown in the link below? I don't need the circles to move around, but I do like the ripple effect upon the mouseover.

http://osc4.template-help.com/wt_29086/index.html

Re: Flash mouseover

Posted: Tue Jun 22, 2010 3:28 pm
by Jade
All that is is a gradient that's growing bigger over top of the circle. Basically you go to the paint can tool, switch to the gradient swatch and select add 3 colors to the gradient bar where the 1 color in the middle is the brighter color. Then you have to change it to a radial gradient -- that will make it a circle. Create a new button symbol. Add another layer to it. On the mouse-over button state you're going to do the gradient animation on the top layer where you make a tween so the gradient starts small and grows bigger. The bottom layer will have your static shape (a circle in the example you showed) that doesn't change over the different states.