1 slider to proportionately distribute layers in z-space

From ‘Mastering 3d Cameras in After Effects’ by Jayse Hansen
Class Preview at Post Production World Israel, Nov. 2007
Here is the code that Dan Ebberts wrote that I demonstrated in class for spreading out 3d layers proportionately using one slider control. (Thanks be to Dan!)
Basically the steps are:

  1. Import your psd in layers, or create a bunch of solids as I did in the example above.
  2. Turn them all 3d
  3. Add a null, apply Effects>Expression Controls>Slider (make sure this null is named ‘null1′ In other words - just don’t rename it.)
  4. In the Position Property of each 3d layer, add an expression by alt/opt clicking the Position StopWatch and pasting the following code:
    position+[0,0,(index-1)*this_comp.layer("Null 1").effect
    ("Slider Control").param("Slider")]

  5. Set your view to a side view (Right or Left)
  6. Drag the slider on ‘Null 1′ and watch your layers spread like magic.

Here’s a sample After Effects Project FileSome notes:

You may find that your layers look larger as they move in z space towards you. A quick fix would be parenting all the 3d layers to a null and scaling it down.

If you need more precision and want to scale and separate at the same time so that the layers appear to remain the same size even while being moved in z-space, (very useful!) check out Zax’s excellent new plug in ‘Z-Distribution‘ in the Layer Tools set.

Hope that helps,

// jayse

Teknique

picture-3.png

Class notes PDF for how to deliver motion graphics that clients want, without sacrificing your artistic vision.

Download PDF

SuperSonic Rendering Speeds in After Effects

picture-2.png

A pdf of tons of tips and tricks to speed up not only your final rendering, but also your workflow.

Download PDF 

After Effects Buttons in Flash

Just the sample files for one of my classes showing how to take motion graphics generated in After Effects and put it to use in Flash.

 Sample

Source Files

Hope they help!

// jayse

Growing Design Flourish Elements in After Effects Tutorial

elements.jpg

After Effects Video Tutorial on making flourishes grow by Jayse Hansen

“In this After Effects video tutorial, Jayse Hansen demonstrates how to create graphic elements that will grow in After Effects. This question comes up in the forums all the time. Now we have a step by step tutorial. “

Master Adobe Bridge - Photoshop CS2 & CS3

sm_bridge.jpg

Video Tutorial by Jayse Hansen

Find out why this incredible new stand alone application from Adobe will dramatically improve the way you work with your design files. This one is worth learning a lot about.

Mastering Smart Objects in Photoshop CS2/3

sm_smart.jpg

A Video Tutorial by Jayse Hansen

By far one of the greatest improvements in Photoshop, EVER. See why this unrecognized Photoshop update may change the way you work forever.

After Effects Advanced Transfer Modes

PDF on some unusual uses for transfer modes (blend modes) in After Effects and Photoshop.

http://xeler8r.com/downloads/class/NAB2005/AE-Advanced_Transfer_Mode_Tips_05.pdf

3D Schematic Grid — from Illustrator to After Effects

grid.jpg
Tutorial by Jayse Hansen

“In this tutorial, Jayse will show you how to take Illustrator artwork and import it into After Effects 5. For the final touches, he will show you how to use DigiEffects Schematic Grid to enhance transparent ’scoreboard’ screen. “

Shine Video Wall in After Effects

shinewall.jpg

Tutorial  by Jayse Hansen

“In this tutorial, Jayse will show you how to use some of the cool new 3D features of After Effects 5 as well as using the new plug-in called Shine to liven up the scene. “

Creating Surreal Clouds without Plug-ins

clouds.jpg

Tutorial by Jayse Hansen

“In this tutorial, Jayse will show you another way of creating moving clouds using Adobe After Effects 5 without needing extra plug-ins. If you are unfamiliar with simple 3d in After Effects 5, you may want to read the After Effects 5.0 manual before continuing with this tutorial. “

Close
E-mail It