Blog

Custom Animated Gif Loader Graphic

  |   Blog

A quick little tool that I want to share. This couple sites that help build a custom slideshow or gallery “loading” graphic (like the one on the left) to match your site¬† — if you have a shaded background, get rid of that white pixel edge!

http://www.ajaxload.info/

http://www.loadinfo.net/

And — on the topic of animated gifs, I’ve been thinking about them as design elements since I’ve recently seen two sites that used them beautifully.

The first is a great little animation at the bottom of my FreshBooks account. In the footer — a cute little fish appears when you rollover “Pricing & Upgrades.” It’s a fun way to highlight the link. (see the pics below)

And secondly, I recently saw a portfolio site for a designer that had great monsters with blinking animted gif eyes, but it seems that she’s redesigned her site, so here’s one of hers that shows the effect too http://www.sillypoems.info/ (built by http://www.indubitablee.com). Here’s another one that does it – http://www.brandwood.com/

Here it is! I f

Here is a list of tutorials on creating animated gifs: http://www.smashingmagazine.com/2009/07/27/tutorials-and-resources-for-adobe-fireworks/

And here’s one of those sites where you can upload a short video and have it made into an animated gif: http://gifninja.com/animated-gifs/create