Simple clear advice in plain English

First steps in Flash

Find out how to create a simple advertising banner in Flash

Banners and other graphics are part of the furniture of any website and, thanks to useful tools from companies such as Xara, it’s easy to create good-looking images that can be used as buttons, logos and other elements on your site ­ you can also do some pretty clever things with CSS now as well. But Flash is the most widely deployed web plug-in, capable of amazing effects.

If you want a simple animation, such as a bit of rotating text, you don’t really need Adobe’s Flash ­ programs such as Xara Xtreme and Swishmax can create animations for you and Xara’s tools are easy to use.

Flash can be an intimidating application if you’ve never used it, but it’s simple to do some rudimentary things that could form an interesting opening page on your site or advertising banner.

The Flash workspace
Start Flash ­ – here we’re using Flash Professional CS3 ­ – you’ll see a splash screen asking you what you want to create, or if you want to open a recent file. Click to create a new Flash file, using Actionscript 3.

We’re going to start with a black background and have a picture fade into view, before some text appears, with links ­ it should create a fairly pleasant effect, as a welcome page to a website. The frame rate at 12 per second should be fast enough.

Let’s start by getting our background picture in there. Save the document and then from the File menu choose Import to stage (Ctrl & R), locate your background image and import it as a movie ­ if your image contains layers and text, you can choose to keep those editable. Rescale via the Modify menu if you need to change the size. You’ll see the imported file listed in the library pane at the right of the screen.

Reader Comments

   

Add your comment

All fields must be completed. Your email address will not be displayed or used to send marketing messages.

All messages will be checked by moderators before appearing on the site.

See our Privacy Policy for more information.

Related articles

Desktop publishing with Scribus step illustration

Design your own publications

Desktop publishing software used by professionals costs a lot, but if you need to produce your own brochure or flyer, we've found a free program that does the job

Blog illustration

Give your blog a facelift and make it stand out from the crowd

In a previous article we showed you how to set up a self-hosted Wordpress blog. Now we show you how to give your blog a personality of its own

Create designs on a PC using Sketchup

Create your own 3D models using Google's free Sketchup design tool

If you fancy being an architect but haven't got the skills, Google's Sketchup lets you design anything from a garden shed to St Paul's Cathedral

Question & Answer

Q.How do I store musician and other information about...

> Read the answer

Q.Why can't my browser find the website address I typed...

> Read the answer

Q.All updates have been downloaded, so why won't Windows...

> Read the answer

Best deals on the web

img

Sony Vaio VPCF23P1E/B

£679.98- Buy it now

img

Apple MacBook Pro (MC724LL/A)

£999.99- Buy it now

img

Dell Vostro 1540 (n0215401)

£249.00- Buy it now

Great benefits for subscribers!

Poll

Which is your preferred web browser

Jargon Buster

Computing terms explained in plain English

CAD

Computer Aided Design. Software used to create 3D models.

Great shopping deals from Computeractive