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

Clouds circulation

16.9.2006, 14:23    Total views: 71957

This tutorial will show you how to create full cloud animation using the Action Script in flash 8. You can use this animation on your web, presentation, animation... You will also learn how to use Color Mixer Panel. Let's go!



Step 1

Create a new flash document, press Ctrl+J key (Document Properties) and set Width to 400 and Height to 200px. Frame rate set to 32 fps.



Step 2


Double click on layer 1 to rename its name into a Backgorund.

Step 3

Insert a new layer and name it clouds.

Step 4

Take the Oval Tool (O), Stroke Color must be switched off, under Fill Color choose any color and draw a five "circle" which will represent your cloud. Look at the picture below!





Step 5

Open the Color Mixer Panel (Shift+F9) and set the options from the picture below.

#ads#





Step 6

Select the "cloud" and press F8 on the keyboard (Convert to Symbol) to convert it into a Movie Clip.



Step 7

While your new made Movie Clip is still selected, open the Properties Panel (Ctrl+F3) and under type cloud.



Step 8

After that, select again the "cloud" and press few times Ctrl+D on the keyboard (Duplicate) to duplicate it few times.

Step 9

Then, set them in the position which you like. See on the picture below how I do that.



Step 10

Slelect every "cloud" , open the Action Script Panel (F9), and for every "cloud" paste this script:

onClipEvent(load){
flagX=random(800)+50;
flagY=random(60)+10;
a=random(3)+1;


this._x=flagX;
this._y=fleagY;
speed=random(2)+0.5;
}

onClipEvent(enterFrame){
if(this._x>0){
this._x=this._x-speed;
} else{
this._x= 880;
}
}

We're done!

Test your Movie (Ctrl+Enter).

Enjoy!

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

2. Water effect
Total views: 166040

3. Photo slide show
Total views: 153641

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146246

Related links