Feature: Page (1) of 2 - 09/11/01 Email this story to a friend. email article Print this page (Article printing at MyDmn.com).print page facebook

All-Purpose Animation

Mixing broadcast and Web media: then and now By Bob Self
In the summer of 2000 I was hired by David E. Kelley Productions to produce character animations for the Fox series Boston Public. The animations would be photographed practically while playing back on a computer screen as part of a fictitious Web site.

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.

Page: 1 2 Next Page

Related Keywords:Bob Self, Adobe, Photoshop, Live Motion, GoLive, After Effects, Web Graphics, Animation, Boston Publich

To Comment on This Article, Click HERE

Most Recent Reader Comments:
  • All-Purpose Animation by DMN Editorial at Aug. 03, 2004 10:09 pm gmt (Rec'd 1)

    Click Here To Read All Posts
    Must be Registered to Respond (Free Registration!!!, CLICK HERE)
  • [ServletException in:/common/ads/links.jsp] Unable to load class for JSP'

    Our Privacy Policy --- @ Copyright, 2015 Digital Media Online, All Rights Reserved