Home - Tutorials - Flash - Animated image Fade

Tutorials
Animated image Fade

Author Nicholas Hall | Saturday 9th June 2007 | Flash | Views: 300 | Rating: Rating 0

Nicholas HallNicholas Hall
Nicholas is a accomplished web developer.
He owns NPA Media and many more well known sites.

View all articles by Nicholas Hall
Animated image Fade
Step One

Have two images roughly the same size and open one of them in Imageready.

Then create a new Imageready layer with the second image on.

In the animations palette (if it isn’t there go to Window > Animation)

Create 3 new frames.

In the first frame click on the eye icon for the second image this will make the first image only visible.

In the second frame make the first and second image visible but make sure that the first image is above the layer with the second image. Set the first images opacity to 10%.

Now with frame 2 selected go to TWEEN in the animation palette and use these following settings.

Nicholas/flash_fade1.gif

Then in the third frame make the opacity 100% again and repeat the tween step only this time with the 3rd and second layer.

That’s half of it done; you now just need to repeat these steps just do it reversed.

Demo

Nicholas/flash_fade2.gif

(Note that this is a 3.5MB Download... Not recommended for dialup users!)

If you want to make the animation slower select all of the frames and change the timings.


del.icio.us it Digg this Furl Reddit Yahoo! this!


How would you rate the quality of this article?
Poor Excellent