Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials |
Home | Submit Tutorial | Top Sites | Free Templates (NEW) | Website templates | Privacy Policy | Link Exchange | Contact Us |
|
Welcome To ProDesignHost.com Flash Tutorials Area - Creating Animated BackgroundThis 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:
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: Selteco.com
|
|
Premium Partners | |||||
|
|||||
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates
Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites. Terms of use depend upon the website template vendor. |
Home | Submit Tutorial | Top Sites | Free Templates | Website templates | Privacy Policy | Contact Us |