January 29, 2010

Web Design

The world of 2.5D animation

It is sometimes referred to as 2.5D animation, sometimes as pseudo-3D, this technique involves creating a series of 2D images separated into layers and animating them simulating film moves such as trucking and zooming. It can be elaborate or simple but either way it's eye-catching.

Thanks to Twitter friends Joel Wires, Paul Casper, PJ Cassel, Jean-Claude Tremblay, Filmjr, Harold Thompson, Jesse Gardner, Ken Fisher, and others for helping me research this...

2.5D animation, pseudo-3D

Example 1: This is the sequence that first got me interested in digging into the subject (the opening sequence from the Luck Development Partners site)...

Example 2: Jesse Gardner points us to the VISA "Trip for Life" TV Spot...

Example 3: Ken Fisher points us to a very cool variation using CSS...

Example 4: The opening from the Showtime's United States of Tara...

And here's a tutorial from Chris Gates at Digital Juice that lays out the process of creating a 2.5D animation using Photoshop and After Effects...

Visit the Ideabook.com Store  |  Subscribe to the newsletter

Bookmark and Share

Leave a comment


Type the characters you see in the picture above.