I spent several hours today playing around with animated GIFs. For those who aren’t among the technocenti (circa 1995), an animated GIF is a type of graphic file that allows you to animate its contents. You’ll see a fair number of them online, particularly if you read many blogs with animated cat icons. It’s a poor cousin to the more powerful animations and interactive websites available in Flash, which Steve Jobs declared war against about the time the iPad came out.
I’d dabbled with Flash before, and will again, but I wanted to keep my experimentation simple at first. So here’s my first attempt. I have lots of ideas for the medium-term future, but this will give you a sense of what they look like at their most basic.
(The blog may require you to click on the image in order to run the animation. Go ahead. I’ll wait.)
I was able to easily export my Adobe Illustrator file into Photoshop and then use its Animation feature. It’s actually a bit more complicated than that, because you need to rethink how you represent your content when you shift from static to animated, and essentially rethink your layering strategy.
- Do you find animations like the above effective?
- How would you improve it?
- Is animating a map like the above worth the effort, or is it better to just do a static map, such as: