|Page (1) of 2 - 09/11/01||email article||print page|
All-Purpose AnimationMixing broadcast and Web media: then and now
To achieve this effect many Web designers would turn to Flash, but the Flash format restricts Animators in their use of certain types of graphics and effects. Flash features are limited in controlling and manipulating motion over time and achieving certain looks and textures due to bitmap versus vector issues, and simplified keyframe and time controls restrict subtle or last minute changes. Instead, I used several products to achieve the visual results and flexible workflow I wanted. I created the art in Adobe Photoshop, animated in Adobe After Effects and delivered the final product using Apple Quicktime. Unfortunately, I didn't prepare for Fox.com asking me to post the animations as low bandwidth files on the show's real Web site.
How it was
At the beginning of the 2000/2001 television season there were limited tools for creating character animation for both television and the Web. In the 2001/2002 season, things are looking a lot better. Following is the process used to make the original animations for the show and repurpose those animations for the Web. I have also outlined how I would go about this differently today given the advances in current software.
I created five human characters, a horse and a gorilla based on the script for the first episode. The clothing on the human bodies was to look like simple line art. The character heads, horse and gorilla would be photographic.
Bob Self: The man and his gorilla.
Each body part was created on its own layer in Photoshop making the character setup in After Effects a breeze. A typical forward-facing character would consist of one layer each for torso, upper right arm, lower right arm, right hand, upper right leg, lower right leg, right sock, right shoe, with the same parts on the left side. The head would be several head layers with different expressions such as a smile or a frown and opened and closed eyes.
The horse's beginnings in Adobe Photoshop
I saved a flattened copy of my layered setup files as a jpeg and e-mailed it from my workstation to the show's producers. When the producers wanted changes such as "make the vice principal's coat a different color" or "change the shape of the English teacher's torso," I made alterations to the corresponding layers and sent out a new .jpeg within minutes. Photoshop's adjustment layers feature makes nondestructive changes to the hue and saturation of body parts, so I could always return to previous versions. The characters' photographic heads were to be black and white, but I had the actors photographed in color and used adjustment layers to desaturate and adjust levels in case the producers decided to use color heads later.
Related Keywords:Bob Self, Adobe, Photoshop, Live Motion, GoLive, After Effects, Web Graphics, Animation, Boston Publich
Source:Digital Media Online. All Rights Reserved