If you want to make an animated banner, this tutorial will show you how using Adobe Flash and using Actionscript 2.0.
Welcome to Bucaro TecHelp!

Welcome to Bucaro TecHelp!
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

[About BTH]  [User Agreement]  [Privacy Policy]  [Site Map]  [Contact Form]  [Advertise on BTH]  [News Feed]

Google
Web
This Site

How to Make a Simple Animated Banner in Flash CS3

A simple animated banner

If you want to make an animated banner, this tutorial will show you how using Adobe Flash and using Actionscript 2.0.

Make a new document

1. Open up Adobe Flash, and make a new document. Modify the document by pressing Command+J for mac, Ctrl+J for PC. In the options, make the size for the banner 468 wide x 60 height (this is the web standard size of a banner), then make the background any color that you want, and click OK. For this tutorial, it will be black.

Make a layer called cirle

2. Go to your layers, and label the first one whatever it is that you want the first animation to be. In this tutorial, it will be a circle, so the layer itself will be called "circle". Move your mouse to the rectangular tool, click then hold it in order to bring up the menu, and choose the oval tool, then release the mouse. Move to the banner, and create a circle of any size. In this tutorial, the size is pretty big so that only a little bit of the circle will be seen within the banner, and the dimensions are 175.5 x 175.5.

The convert to symbol box

3. Now that you have the circle made, press F8 in order to bring up the convert to symbol box. Click on graphic, then name the symbol "circle" then press OK. You now have made a symbol that you can animate. Go to your layers area, and move the mouse over to the 5th frame, and press F6 (mac and PC). This will create a keyframe that has the circle in the exact same spot. Click back on the 1st frame, then move over to your circle, and click it. We will now make it a fade in animation.

Web Design Sections

RSS Feed RSS Feed

Graphics Design
Graphic Design Meets Open Source
Anti-Aliasing
Free Animated GIF Maker
Paint Shop Pro : Version 4 Was Best
Graphics File Formats for Your Web Page
The Browser Safe Palette
Image Scanning : Confused About DPI?
Hexadecimal Color Notation on the Web
An Insight to Logos
Building an Image with a Logo
CSS Button Designer
Color Harmony in Web Design
RGB Color Schemer
RGB Color Schemer FAQs
Web Color Table
RGB Vs CMYK
Web Designer's Reference
Beginning GIMP: From Novice to Professional
How to Make a Simple Video
How to Create a Simple Video with Windows Movie Maker
How to Embed a YouTube Video in Your Webpage
Get GIMP - Free Replacement for Overpriced Photoshop
Use GIMP to Scale (Resize) an Image
Graphics Design for Beginners - Cropping Images
Graphics Design for Beginners - Blur Filters
Create GIF Animations With Free GIMP Image Editing Program
How to De-haze a Photo with GIMP
How to Make Beautiful Skies with GIMP
Inkscape - Free Vector Graphics Illusttration Package
Inkscape Basics
Basic Inkscape Vector Drawing
Inkscape - How to Add a New Node
Inkscape - How to Join Two Segments at Endnodes
How to Make a Simple Animated Banner in Flash CS3
How to Trace an Image Using Photoshop
How to Create a Product Box in Photoshop


[Site User Agreement]  [Advertise on This site]  [Search This Site]  [Contact Form]
Copyright©2001-2009 Bucaro TecHelp P.O.Box 18952 Fountain Hills, AZ 85269