Santa Fe Style 2- GIF Animation Studio

We wanted to achieve the same effect online but with images more stylistically related to those in the exhibit and with an eye more toward a stylistic interpretation of folk art and junk art."

"At that point the online exhibit really was a loose collection of text and images but had no real unifying style. The home page animations really served to set a style for the rest of the site and for the games," Erik says.

"In other words, the larger GIF would look like four smaller animated GIFs but would not replace the entire area at any point in the animation," Erik says.

This offered two benefits: it would make the animation move more quickly than if the entire area changed every frame and it would allow Erik to synchronize the four frames -- something that would not be possible if he had four separate animated GIFs loading over the wire.

"Once I had the basic layered layout in Photoshop, I moved into Adobe After Effects and began animating," Erik says. After Effects is post-production video editing software from Adobe Systems. It allows you to set timelines for different image layers and specify how the layers are combined.

"Once I had an animation that worked roughly the way I wanted it to, I exported the individual frames as PICT files. These PICT files were then run through a couple of Debabelizer scripts which converted them to the Netscape palette, dithered them to roughly 70%, and chopped them into quadrants, finally saving them as numbered GIF files," Erik explains.

Now that he finally had component GIF files, Erik pulled them into GIFBuilder and set the timing, offset and looping specs. "After repeating this process a few times, going back into After Effects and tweaking the animation, going back to DeBab and tweaking the dither, and so on, the final frames and animated GIFs were produced," Erik says.

The job still wasn't over, though. After the animations were finished, the page still had to be laid out. The page uses HTML tables, which we explain in some detail below.

"The whole page was then tested in Netscape Navigator and Internet Explorer," Erik explains. "We found then, to our dismay, that IE2 did not correctly interpret the offsets and just stacked animation frames on top of one another. A couple of calls later we had been reassured that IE3 would correctly support GIF animation offsets. So we called it finished."