Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Basic fade-in fade-out effect for flash beginners

18.12.2008, 23:20    Total views: 79204

In this easy lesson, explained in extreme detail, made for flash beginners, I will teach you how to create basic fade-in, fade-out photo effect. You can use this effect for any photo listing, flash banner, header... You don't have to use action script code to make this lesson.






Example:




Step 1

First, find any picture you want to use for this lesson.



Step 2


Open a new flash document. Choose Modify > Document (Ctrl+J). Set the dimensions of your document as whatever you like. Set your Flash movie's frame rate to 26. Select white color as background color and click ok.



Step 3

Choose now, file > Import > Import to stage (Shortcut key: Ctrl+R) and import any picture into a flash stage.

Step 4

While the picture is still selected, press F8 key (Convert to Symbol) to convert this picture into a Movie Clip Symbol.



Step 5

Click now on frame 15,70 and 85 and press F6 key. While you're still on frame 85, select the Selection Tool and click once on the picture to select it.After that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Step 6

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appear.



Step 7

Repeat step 5 and 6 also for the frame 1.

Test your Movie (Ctrl+Enter)!

Have a nice day!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 309605

2. High-tech city animation
Total views: 271883

3. Water effect
Total views: 236709

4. Photo slide show
Total views: 219571

5. Special Picture Effect
Total views: 190546



Related links