\"Frame Size\" and enter 200 x 300.
Draw background rectangle. Choose \"Rectangle Tool\" and draw a rectangle. To fit it to the entire frame choose \"Edit\" > \"Align\" > \"Fit to Frame\"."/>
Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website.  Home Flash & Swish Flash Tutorials Creating Animated Background
Your Ad Here

Creating Animated Background


This tutorial was written for the Flash Designer software, which allows you to create flash animations in a much easier way than by using Macromedia Flash. You may get Flash Designer here.

Launch Flash Designer and create new document. Choose "Frame" > "Frame Size" and enter 200 x 300.

Draw background rectangle. Choose "Rectangle Tool" and draw a rectangle. To fit it to the entire frame choose "Edit" > "Align" > "Fit to Frame".

Choose "Item" > "Line and Fill" > "Line Width" > "None".

Set gradient fill. Choose "Item" > "Line and Fill" > "Gradient Fill". Choose "Horizontal" style. Set left and right colors. Click OK.

Draw a circle. Choose "Circle" tool, hold Ctrl key and draw a circle outside right edge of the document frame. Choose "Item" > "Line and Fill" > "Line Width" > "None".

Set gradient for the circle. Choose "Item" > "Line and Fill" > "Gradient Fill". Choose "Horizontal" style. Set left and right colors opposite to background rectangle. Click OK.

Animate the circle. Choose "Item" > "Intro Animation". Check "Enable", choose "Fly" and set duration to 3 seconds. Click OK.

Loop the animation. Choose "Item" & "Sprite Animation", the animation will loop infinitely.

Set frame stop to stop frame looping. Choose "Frame" > "Frame Delay" and check "Stop". Click OK.

Hit F9 to preview Flash file. The circle should fly from left to right in infinite loop.

Duplicate the circle. Select it and choose "Edit" & "Duplicate". Use "count" 5 or more. Click OK. Resize circles in a random way:

image 1

Randomize fly over times for each circle. Select each circle, choose "Item" > "Intro" > "Intro Animation" and change duration time (between 2.5 to 4 seconds).

Hit F9 to preview Flash file. You should get the final effect.



Author's URL: Selteco.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Internet & computing Flash is a vector-based moving graphics format created by Macromedia for the publication of animations on the World Wide Web. More Flash & Swish: Most Popular Materials | Fresh Materials | More Flash Tutorials at FlashPerfection.com

Add comments to "Creating Animated Background"

Only registered users can write comment

No comments yet...