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)

Vanishing picture effect

17.8.2007, 19:31    Total views: 70726

Using this simple lesson, you will learn how to apply vanishing effect on any picture. To create this lesson, we have to use flash filter. You don't have to use action script code to make this lesson. Let's go!

 

Image source: http://www.flickr.com/photos/melinka/1116442000/

Step 1

Find any picture on internet or somewhere which you like to use for this lesson.



Step 2


Open a new flash document.

Step 3

Press Ctrl+J key (Document Properties) and set your dimensions at whatever you want, set the background color as whatever you like. For flash movie's frame rate set 32 and click ok.



Step 4

Choose File > Import > Import to Stage (Shortcut key: Ctrl+R) and Import the picture which you want to use for this example.

Step 5

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



Step 6

Click on frame 20,30,40,45 and 50 and press F6 key.

Step 7

Go back on frame 30, take the Selection Tool (V) and click once on the picture to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage and click on Filters tab. After that, click on the plus icon and select Adjust Color filter. Then, make the adjustements as follows:

1. Brightness: 100
2. Contrast : 59



Step 8

Click on frame 40 and take again the Selection Tool (V). Then, repeat the previous step, but for this time, make this adjustements:

1. Brightness: 100
2. Contrast : 89
3.Saturation:-43
4.Hue:-123



Repeat this step also for frame 45.

Step 9

Right-click anywhere on the gray area between the frame 20 and frame 30, frame 30 and 40 frame 40 and 45 and frame 45 and 55 on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.



Test Your Movie (Ctrl+Enter).

Bye!

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: 271645

2. Water effect
Total views: 209159

3. High-tech city animation
Total views: 204817

4. Photo slide show
Total views: 195735

5. Special Picture Effect
Total views: 171313

Related links