How to make clouds move in flash
Want moving clouds for your website? If you have Photoshop and Flash, here's how it's done:Create a new image in Photoshop. For my example I've created an image 750x300. We'll call this "Image 1."
Set your foreground color to white, and your background color to your preferred shade to blue. For my example, I've used #1538eb.
Select Filter -> Render -> Clouds
Select your Rectangular Marquee, and copy the image you've created.
Create a new image and set it to the same height but triple it's width. 2250x300. We'll call this image "Canvas."
Paste your clouds into the "Canvas" image and leave it smack in the center. Your "Canvas" should now look like this.

Go back to "Image 1" and flip it horizontaly:
Image -> Rotate Canvas -> Flip Canvas Horizontal.
Select your rectangular marquee tool and copy the clouds that you've just flipped.
Paste your flipped clouds into the "Canvas" and drag it to the far left. Your "Canvas" should now look like this.

Paste your flipped clouds again and this time drag it to the far right. Your "Canvas" should now look like this.

Save your "Canvas" as "Canvas.jpg"
In Flash, create a new file and change it's dimensions to 750x300 with a 24 Frame Rate:
Modify -> Document ->
Import your "Canvas.jpg" to the stage:
File -> Import -> Import to Stage ->
Line up your image so it covers the stage with only the left third of your image.
Scroll to frame 700 and create a keyframe:
Select frame 700 -> Right Click -> Insert Keyframe
Select frame one and hold the shift key down. Then select frame 700 and release the shift key. This will highlight frames 1-700. Right click and select: Create Motion Tween.
Left click on frame 700. Now only frame 700 should be selected.
Drag your clouds to the left so only the right third of your image appears on the stage.
That's it! Go ahead and test your movie:
Control -> Test Movie
*** View Finished Product ***
P.S. This tutorial was inspired by my inability to find a similar one when I wanted to first learn the technique. So here's a few phrases for Google to help anyone else out there:
How to make clouds move in flash
Flash Moving Clouds
Moving Clouds in Flash
How to animate clouds in flash
How to make moving clouds in flash



<< Home