Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Rhythm in Animated Graphics

How to specify timing?

12:22 pm on Jun 27, 2010 (gmt 0)


WebmasterWorld Administrator buckworks is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 9, 2001
votes: 101

I've seen a lot of animated banners lately whose timing feels random and lopsided.

IMHO good banner animation has a clear, comfortable rhythmic framework underlying the changes, almost musical in feel.

What's the best way to articulate that to a graphic designer?
7:00 pm on June 27, 2010 (gmt 0)

Full Member

joined:July 31, 2005
posts: 272
votes: 0

How smooth it is depends on the tweening of the image and number of images used when made. This increases file size.

Flash is good for animations, but does require that browsers have the flash plug-in. Some use a video camera and edit what they want for the animation and then convert the file to a GIF format. That makes for a real smooth animation, but file sizes can get large unless it is just a short animation.

Frame rates and timing between frames probably are ignored in some animations.
8:38 am on July 18, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 4, 2004
votes: 1

How smooth it is depends on the tweening of the image and number of images used when made. This increases file size.

That mostly applies to .gif animation and flash with animated objects. In the case of .gif each frame is separate image. No way around it, it will always be fairly large file for larger and longer animations.

Flash is different because it can be composed of multiple objects and resources animated like a video or inanimate like a single image. Flash can use instructions when animating the inanimate image if that makes any sense which can reduce file sizes. For example we could have a single image we want to zoom in on. With .gif as the image is enlarged each frame is a separate image within the file, with flash it's the plug-in doing the grunt work client side and the image only needs to be loaded once along with the instructions to zoom it which will produce small file sizes.

Buckworks as far as your question goes the next time you see one of these "random and lopsided" banners check the content. Chances are it's flash with animated object and whoever produced it has sacrificed quality to minimize file size.