a simple shape tween will do. Here’s a quick way.
-draw a square.
-add a keyframe on frame 12.
-on frame 12, reposition your square to what will be it’s final position.
-select the square on frame 12 and do EDIT, COPY
-click on frame1 and make this a SHAPE TWEEN with EASE set to 100.
so far so good.
-Right click on frame 15 and select Insert Keyframe.
-On frame 15, drag the right and left side of the square outwards, giving it a bow effect.
-Select the square and shorten its height a bit.
-Reposition square so the baseline is in the appropriate location.
click on frame 12 and select shape tween again, no EASE needed this time.
-right click on frame 16 and select blank keyframe
-click on EDIT, PASTE IN PLACE
there you go!
now, just add that movie clip to your button’s over state, which is a whole different story.
couple of things. It is easier to just animate the box without clickable buttons inside it, although you can do the whole effect tha way if you wish. Just a matter of taste…
shorter animations/transitions for this kind of thing tend to look best. The user should be able to quickly “browse” through clickable areas without having to wait for a panel to slide out for 2 seconds.