/Flash/ Make a looping background

27/02/2009 | Filed under Develop > Flash

YWith a few well-placed Flash tricks, you can liven up that dull micro site or standalone promotions site. Paul Wyatt shows you how to create a looping background animation

We web designers and developers are constantly on the lookout for animated effects that will help add visual punch to our work. If you’re creating a standalone microsite or a promotional area for a site, it can sometimes be hard to conjure up a design and animated treatment that sits well with the offer. Particularly if you’ve been supplied with very few assets, have no time and are scratching your head about what to deliver by the end of the day.

That’s why I love looping background animations. Done correctly, they can be a fun and an entertaining way of brightening up an otherwise dull page.

Looping background animations should, of course, be used with caution. Create looping patterns of flashing, dayglo elements bouncing around all over the place and you’ll instantly annoy your visitors and drive them away.

If the effect is more subtle, however, it will work to hook your visitors and steer them toward your messaging.

This tutorial will show you the latter. Lift a page with a mixture of Flash know-how and traditional animation techniques. No ActionScript required!

About the author:

Name: Paul Wyatt
Site: www.paulwyatt.co.uk
Areas of expertise: Interactive web design, motion graphics and video
Clients: Smirnoff, Fanta
Favourite reggae song Pass The Dutchie by Musical Youth

Click here to download the support files
Click here to download tutorial PDF

 

Comments

curtis / 18/07/2009 / 03:39

would have preferred some sort of coded loop. . . tweens seem to lag slower computers down!

Add a comment

Your name:


Your email: (Not displayed)


Your website: (optional)


Enter your comment here:

.net magLatest issue Buy it

Issue 206

Discover the future of web standards with our guest editor, Jeffrey Zeldman Find out more ...

» Fantastic subscription offers
» Buy issue 206
» Get a corporate subs
» Join us on Facebook

 
Signup for our newsletter

Enter your email address and start receiving our new-look weekly email newsletter!