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.Why are some of the keys on my keyboard doing strange...

> Read the answer

Q.Is my phone’s Bluetooth any use?

> Read the answer

Q.Can I switch boot drives so that I can work on older...

> Read the answer

Best deals on the web

img

Apple iMac 21.5" (MC309)

£926.40- Buy it now

img

Dell Inspiron 620 ST Intel Core i3-2100 3.10GHz / 3GB / 500GB / DVDRW / Win 7 Home Premium

£329.00- Buy it now

img

ZooStorm 7877-1023

£386.38- Buy it now

Latest issue & subscription deals

Poll

Are you concerned about viruses that target mobile phones?

Jargon Buster

Computing terms explained in plain English

Bittorrent

A technology for downloading files. Allows even very large files to be downloaded quickly.

Great shopping deals from Computeractive