LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Fox Classics Spot: A Lesson In 3D Layers, Roto and Expressions

COW Library : Adobe After Effects Tutorials : John Dickinson : Fox Classics Spot: A Lesson In 3D Layers, Roto and Expressions
From The Creative COW Magazine - Adobe After Effects Tutorial


Creative COW Magazine presents Fox Classics Spot: A Lesson In 3D Layers, Roto & Expressions

John DickinsonJohn Dickinson
Sydney New South Wales, Australia

©2006 John Dickinson and CreativeCOW.net. All rights reserved.

Article Focus:
In this After Effects tutorial from The Creative COW Magazine, John Dickinson walks you through his creation of a completed design and animation of a spot for Fox Classics in Australia. John shares the settings, effects and filters he used in this real world After Effects video production walk-through.



Recently, I completed the design and animation of a 60 second image spot for Fox Classics here in Australia. Fox Classics wanted to use iconic images of movie stars with the tagline "No matter how you look at them, they are forever classic." The goal was to capture the viewers attention and inspire them to take a fresh look at the classic films shown on the Fox Classics channel.

With this goal in mind, I decided on a black and white poster art style to give them a look that was timeless, yet contemporary. In keeping with the tag-line, I decided to use a 3D environment and have each actor rotoscoped out of the background and in front of a cube with a clean background plate on the front face. This really played up the depth and with the camera tracking and rotating - along with some of the cubes also rotating slightly - viewers get a different perspective of the vision both physically and figuratively.

In the spot, the virtual camera is animated in a single camera move which sweeps from cube to cube, from actor to actor, in an uninterrupted journey through a virtual gallery of classic moments.

I did a series of tests with various effects to create the poster art style; eventually settling on a combination of Levels, Gaussian Blur and Tinderbox 3's EdgeDetect and Silk effects. Each shot had to be fine-tuned and occasionally - as was the case with Paul Newman's striped shirt - duplicated and masked to reintroduce detail.

Paul Newman shots

In the images of Paul Newman above, you can see some of the steps that were taken to reach the final look, from untreated vision to final composite.

On the second page of this article, we'll explore some of the settings that I used to achieve the look you see here. Each shot was interpreted as 5 frames per second and then rotoscoped using the Pen tool and Rotobezier function.

The strobing style created by lowering the frame rate was a design decision but had the added bonus of saving me hours of rotoscoping work as I only had to set mask keyframes for every 5th frame.

Robert RedfordExcept for a few treated stock images, the front face of each cube is the actual scene from the film, cloned to remove the actor. This was done by taking multiple frames and using Photoshop's clone tool to rebuild a clean plate.

The large image of Robert Redford to your left is an example from the film "The Sting" showing the colorized shots and the final composite. The cube was made from 3D solids with the Ramp effect applied to the faces to simulate lighting rather than attempting to light the scene. The shadow below the cubes seen is a solid rotated, blurred and parented to one of the faces. Faking the lighting in this way made the whole 3D setup much easier and kept the lighting consistent throughout the spot.

After Effects Filters Once a cube and its corresponding shadow were set-up, it was precomposed then placed in a new comp with the rotoscoped vision sitting just in front in 3D space.

Building the other cubes was a simple case of duplicating and renaming the comps and switching out the background image and rotoscoped vision.

These prepared cubes were then placed into the main composition with the camera, and their Collapse Transformations switches activated - making their 3D attributes "visible" to the camera. Setting things up this way meant that the main comp had very few layers.

Below, you can see the main composition's Timeline panel showing the total number of layers.


John shares some of the effects and settings (above) that were used, as well as the timeline and layers settings (below).
AE Timeline 1

The animation took three days including a day for tests, a day for the basic move and a day for fine tuning.

The camera was actually pretty easy to control thanks to some tips I received from the talented Mark Coleran (www.layerlab.com). I parented the camera to a 3D null object then set up expression effects linked to the null's X and Z-position and Yrotation, that way I could use sliders to track the camera left and right and dolly it in and out. This also kept things organized and made all of the keyframes easily accessible on a single layer.

AE Timeline 2
The Master Controller layer showing the small number of keyframes necessary to build the animation.


I used a small thumbnail of the original edited base in the corner of the comp as a reference to make sure each cube hit its mark at the right time.

Some clips were short so they had to be freeze-framed at the beginning as they were moving into place. The Burt Lancaster clip was actually only a two second clip but After Effects' new timewarp effect enabled me to easily double its length.

AE Composition
Main composition showing thumbnail of the original edit in upper right.


To finish, I used CC Time Blend to add the echo effect and activated Depth of field for the camera to create separation between the foreground and background cubes.

John Dickinson is a talented motion graphics artist and is a forum leader for the Creative Cow After Effects and Zaxwerks forums. He can be contacted at john [at] motionworks [dot] com [dot] au.
All images courtesy of Foxtel Management Pty. Ltd. © Copyright 2006 - Used here by kind permission of Foxtel Management Pty, Ltd. Australia



Find more great Creative COW Magazine articles by signing up for the complimentary Creative COW Magazine.


Related Articles / Tutorials:
Adobe After Effects
Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-in for Adobe brings all the amazing features of the professional version of the mocha Planar Tracker directly into After Effects and Premiere Pro in the form of a plugin. In this in-depth review, After Effects tutorial guru Tobias Gleissenberger of Surfaced Studio will show you what you can do with this new plug-in, and discuss what he likes and doesn't like about the new update.

Tutorial
Tobias Gleissenberger
Adobe After Effects
After Effects 2015.3 - My Favorite Features

After Effects 2015.3 - My Favorite Features

Learn why you should upgrade to After Effects CC 2015.3 - 13.8.1 - a close and detailed look at the latest release of After Effects (August 2016). Roei Tzoref will be focusing on his favorite features that set this release apart from previous versions: Performance, Queue in AME, Lumetri Color new features, and more.

Tutorial
Roei Tzoref
Adobe After Effects
Advanced Masking in Adobe After Effects

Advanced Masking in Adobe After Effects

Some of the coolest stuff you can do inside of Adobe After Effects is only possible once you unlock the power of masks. Join After Effects whiz Tobias Gleissenberger of Surfaced Studio to learn about mask animation and interpolation, using the variable width feathering tool, managing mask modes and ordering, and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Fixing Common After Effects Problems and Mistakes

Fixing Common After Effects Problems and Mistakes

Got problems using Adobe After Effects? Exported files too large, Expressions not working, mixing shapes and makes, modes/switches, selecting previews for layers vs. comps - Surfaced Studio's Tobias Gleissenberger shows you fast fixes for these and more!

Tutorial
Tobias Gleissenberger
Adobe After Effects
mocha AE Planar Tracker for Absolute Beginners

mocha AE Planar Tracker for Absolute Beginners

Want to learn how to create advanced visual effects? Learn how to use mocha AE to track your shot and add advanced visual effects to live action footage inside Adobe After Effects. mocha can help you track shots that would be hard to track using traditional 2D point or feature trackers because it is a PLANAR TRACKER. A planar tracker uses planes and textures to track as opposed to points or groups of pixels. This allows the tracker to stay on track even if your shot contains motion blur or a very shallow depth of field. mocha AE comes included with Adobe After Effects and is available since CS3 and there is no reason for you not to use this awesome tool to make it easier for you to track your shot, replace screens or rotoscope!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Make After Effects Faster with Proxies

How to Make After Effects Faster with Proxies

Learn how to make Adobe After Effects faster by using PROXIES! A proxy is a placeholder that stands in place for a very large video file or image sequence in your project. You can easily create proxies for the large source files that you are using and After Effects will automatically link them to the item in your project panel.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Imagineer Systems and Boris FX product specialist Mary Poplin shows you how to stabilize with the new mocha Pro 5 plug-in inside of Avid Media Composer, Adobe Premiere Pro and After Effects. This tutorial covers artistic stabilization, such as smoothing out camera movements or stabilizing around moving objects, completely locking down shots, and automatically replacing edge fill on planar backgrounds.

Tutorial
Mary Poplin
Adobe After Effects
Adobe After Effects Puppet Tool

Adobe After Effects Puppet Tool

Become a puppet master by learning how to use the Puppet Tool in Adobe After Effects! This intermediate-level tutorial from After Effects guru Tobias will show you how the Puppet Tool allows you to add joints and animations to bring life to any static image!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Spawn A Clone in Adobe After Effects

How to Spawn A Clone in Adobe After Effects

Want to learn how to create a cool clone spawn effect in Adobe After Effects? Follow along with After Effects whiz Tobias from Surfaced Studio in this exciting new visual effects tutorial that combines green screen using Keylight, CC Vector Blur, the Liquefy Effect, CC Particle World, and much more, delivered in Tobias' inimitable style!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Creating A Flame on Your Finger with After Effects

Creating A Flame on Your Finger with After Effects

It is easy to do some motion tracking and attach a basic stock footage element of fire onto your hands, but there is a little bit of work involved if you actually want to make it look good. In this intermediate tutorial by After Effects expert Tobias, you'll see how to use a fire stock footage element to set your thumb on fire! There are lots of useful tricks for null objects, expressions, and more in this tutorial that will help you create all sorts of other cool visual effects -- or set even more things on fire!

Tutorial
Tobias Gleissenberger
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]