This tutorial was written for the Flash Designer software, which allows you to create flash animations in a much easier way than by using Macromedia Flash. You may get Flash Designer here.
This tutorial demonstrates how to enlarge an image on mouse over.
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:
- Launch Flash Designer. Choose "Frame" > "Frame Size" to set movie dimensions to match your image size.
- Choose "File" > "Import Image". Select image file and and click OK. Choose "Edit" > "Align" > "Center On Page" if necessary.
- Choose "Frame" > "Frame Delay". Check "Stop" and click OK. This will create static frame instead of animated.
- Choose "Frame" > "Insert" and select "Before Current Frame" to add a blank frame at the beginning.
- Choose "File" > "Import Image" to import the same image, or use "Copy" & "Paste" to copy the image to the first frame.
- Choose "Select" tool and decrease the image on the first frame.
- Make sure the smaller image is selected with the selection tool so you can apply OnOver effect. Choose "Item" > "Actions" > "On Over".
- Select "Go to Frame" and choose "Frame 2". Click OK.
- Go to the second frame (Frame 2) and select large image with the "Select" tool.
- Choose "Item" > "Actions" > "On Out".
- Select "Go to Frame" and choose "Frame 1". Click OK.
- Press F9 to preview the animation.