Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Precomposing in After Effects

COW Library : Adobe After Effects Tutorials : Barry McWilliams : Precomposing in After Effects
Precomposing in After Effects


learning why you precompose in After Effects

by Barry McWilliams
Art Director, Ogilvy & Mather Advertising, Los Angeles, CA, USA
©2001 Barry McWilliams. All Rights Reserved. Used at CreativeCow.net by kind permission of the author.

Barry McWilliams
Article Focus:
PreComposing is the process of creating a separate composition out of one or more layers in your open composition. In this tutorial, Barry McWilliams demonstrates two common uses of precomposing.



PreComposing - What is it?
First off a definition: PreComposing is the process of creating a separate composition out of one or more layers in your open composition.

So what's the point?
Well there are many. Too many in fact for me to list here. What I will do is explain two common uses of precomping and let you discover the others.

One reason to precomp is to avoid having the effects on a layer clipped. This can happen with many 3rd party plug-ins that warp/distort/apply particles to a layer. For the sake of this tutorial we'll use a basic, but incredibly useful effect - Compound Blur. Briefly, if you're not familiar with the Compound Blur, this effect blurs one layer based upon the luminance values of another layer selected by you. Movies make great sources for Compound Blur effects. So, to continue...

PART ONE

Step One:

(Download the project files here. The file is in .sit format. Aladdin Systems has a free Stuffit Expander utility for Windows users. Download it here. Look through the files to check your work, but you'll learn more if you create your own comps.)

Create a new Project and in that project create a new Composition "Comp 1" (mine is 720x480, 5 sec.).


Step Two:

Import a graphic - this can be your client's logo, a piece of clipart, type created in Photoshop, Illustrator, whatever. Here i've used an imaginary logo created in Photoshop, Compound Computing.psd. As you can see the image is smaller than the comp it's going into.

Next import a movie to be the source for your Compound Blur (I've included a Quicktime movie, Compound Blur Movie, in the project files).


Step Three:

Apply Compound Blur to your logo (Effects/Blur & Sharpen/Compound Blur). In the Effect Control Window there is a drop-down menu labeled "Blur Layer."
The menu should have your current layer selected. Click the menu to open it and select your blur source (Compound Blur Movie). Blur amount defaults at 20 pixels.

After Effects effects palette

Now look at the comp window. You should be able to see a fair amount of blurring in the image (adjust Maximum Blur if you cannot) but it should look terrible as it's cut-off at the edges of your graphic. This, friends, is where we Precomp.

Compound blur before precomposing



Step Four:

Select your graphic layer and select Layer/Precompose (Command+Shift+C on the Mac). This opens a Precompose box where you're given two options:

Your precomp choices in After Effects

"Leave all attributes in 'Comp 1" and "Move all attributes into the new composition." ("Attributes" are all effects, keyframes, transforms, transfer modes applied to a layer.)
So how to choose?

(Note - if you Precomp only one layer you get both option, if you Precomp multiple layers you only get one option, "Move all attributes into the new composition.")

The difference between the two options is this:
"Leave all attributes in Comp 1" creates a precomposition with your one layer in it but with no effects applied to this layer. Any effects you applied to the layer remain in your original composition, now applied to the precomp. Further, the size, shape and duration of this new composition match the proporties of the precomped layer."Move all attributes into the new composition" moves the layer(s) and all effects into the new composition. There are now no effects applied to your precomposition nested in your original composition. Here, the size, shape and duration of the new composition match your original comp, not your layer proporties.

Having said all that, what to do with our Compound Blur? "Leave all attributes in Comp 1." Name it Precomp 1. (if you chose the other option "Move all attributes..." you would copy the source layer for your compound blur effect into the precomp, even if it wasn't selected, because it is linked via the compound effect to the layer you precomped)

OK, not much happened in the comp window. You will see in the time layout window that the icon for the layer changed from a Photoshop icon to a composition icon. You should also see that you have a new composition in your project window. Select the composition, Precomp 1, in your time line and type "E." You'll see that Compound Blur is still applied to the layer with your original settings.


Step Five:

Open the new composition, Precomp 1, from the project window. As you can see, this composition is now the size of your graphic, which happens to be smaller than your original compostion. Select Composition/Composition Settings (command + K on the Mac) and make this composition the same size as your original comp. Go back to your original comp and you should see your graphic beautiflly blurred with no edge clipping in sight.



RAM preview to get the full effect of using a movie as a Compound Blur source.

I've included screen grabs for this same technique but using FE Burn Film instead of Compound Blur. The benefits of precomping are a bit more obvious in this example but it would be unfair in a basic tutorial such as this to assume that everyone has all the same plugs. Click here if you'd like to see them.

---End part one.


PART TWO:

(This part uses FE Particle Systems. If you don't have FE, use another particle-based effect. The concept is the same.)

The other main reason for precomposing is to get around After Effects' render order. What's a render order? Well it's the specific sequence in which After Effects renders Masks, Effects and Transforms applied in your composition.

So what is the order? It's easy as pie to remember.


Step One:

Open up a new composition (mine's 720x480, 5:00 sec.) and create a new layer in this comp. Twirl down the arrow to the right of the layer name and you see Masks, Effects and Transform. Voila. That's the order. After Effects will always render any masks applied to a layer first, then it will render any effects and last it will render any transforms (scale, opacity, position). For the most part this is a convenient order, which is good because you can't change it. You can get around it, if you precompose.

render order


One reason, and you'll find many as you work, you may want to get around the layer order is if you want to scale a layer but don't want to scale an effect. We'll use FE Particle Systems for this example.


Step Two:

Create a new solid (mine's called Scale + Particle Systems Solid) in your composition. Keyframe scale 100% at frame 0:00, 0% at 2:15 and 100% at 5:00 (these values are completely arbitrary and not particularly attractive - they're chosen to make the point rather than to look good). Now apply FE Particle Systems (or another particle effect generator) to taste. For this example i've left everything at default except that i've changed the Particle Animation System to Rain Drops. RAM preview. It should look pretty ghetto. The layer leaves hard egdes as it scales (the clipping problem explained above) and the particles scale along with the layer. The particles scale in conjunction with the layer because the particle effect was rendered first and the scaling (transform) rendered second.


The solution:

Create another solid (mine's called Scale Solid). Keyframe scale as above. Now precompose (Command + Shift + C). Move all attributes into new composition so that the scale happens there. Now apply FE Particle Systems to the precomp and RAM preview. Two changes should be immediately obvious. The hard edges have disappeared (clipping again) and the layer scales but the particles do not. The actual scaling of the layer is not immediately obvious, rather what you see is the area to which the particle effect is applied scales. You've forced AE to render your transform (scaling) first and your effect (Particle Systems) second. See, AE is not exactly linear when it comes to rendering w/ precomps. Precompositions and nested comps are rendered in their entirety, as units, within your compositions. All the masks in your precomp are not rendered at the same time as the masks in your composition and then all the effects in your precomp are not rendered at the same time as the effects in your comp, etc. Precomps are rendered first, all the way through - Masks, Effects, Transforms. Then, and only then, are the Masks, Effects and Transforms rendered in your composition.

What this particular use of precomping allows you to do is broadly control particle system generators without having to tweak the actual parameters of the particle system. That can be a benefit if you're new to particle systems because they typically have a lot of parameters to tweak. What i've done here with the particles can be done using the effect controls only but this is, to me at least, much easier.

I've added one more example of how you can tweak particle effects by precomping animated solids, "Multiple Animated Solids" and "Multiple Animated Solids Comp 1". Again, they're not high art but should give you an idea of how you can use precomping to control the render order in your own work.

---Barry McWilliams

Visit Creative Cow's website and forums if you got here by direct link to this article...



  Adobe After Effects Tutorials   •   Adobe After Effects Forum
Reply   Like  


Related Articles / Tutorials:
Adobe After Effects
Creating an After Effects Sunrise

Creating an After Effects Sunrise
  Play Video
Rob Mize shows how to create the effect of a sunrise using only After Effects and a background graphic. This project employs techniques using masks, solids, shapes and effects that can be useful for a variety of projects. Whether creating this effect or some other, After Effects is a great way to start the day.

Tutorial, Video Tutorial
Adobe After Effects
What's new in After Effects CS6: Shapes from Vector Layers

What's new in After Effects CS6: Shapes from Vector Layers
  Play Video
In this tutorial, Kevin P McAuliffe shows you how, using the great new "Create Shapes from Vector Layers" command in After Effects CS6, you can create 3D extruded client logos in minutes, as opposed to having to wait hours for a 3D application to render it out.

Tutorial, Video Tutorial
Adobe After Effects
AE Basics 44: Shaping Text And Advanced Options

AE Basics 44: Shaping Text And Advanced Options
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 44: In this (more advanced) tutorial, Andrew Devis shows the options to change the way text moves through its range and explains how to change this from the default smooth animation to a much more 'digital' or abrupt instant change. Andrew then goes on to demonstrate more of the advanced options in the timeline to 'shape' your text so that it can have a more interesting or dramatic look allowing for the type of animation that would be very difficult to achieve otherwise.

Tutorial, Video Tutorial
Adobe After Effects
Create a Rotating Counter TWO: Adding & Adjusting a Bounce

Create a Rotating Counter TWO: Adding & Adjusting a Bounce
  Play Video
In the second part of this 2 part tutorial, Andrew Devis shows how to animate the rotation of this group of layers as well as how use and adjust an expression that ships with After Effects to have the layers bounce in place as they stop which can give the sense of the counter having some real mechanical properties rather than just a linear of easy-ease keyframe approach.

Tutorial, Video Tutorial
Adobe After Effects
Create a Rotating Counter ONE: Positioning 3D Layers

Create a Rotating Counter ONE: Positioning 3D Layers
  Play Video
In the first part of this 2 part tutorial, Andrew Devis shows how to create and place layers in 3d space such that they can be rotated as a single group to be used for a rotating counter. Andrew shows how to create and place the layers using both the math function of AE as well as a handy and simple expression that places layers a fixed distance or rotation from the previous layer. He then goes on the show how to create and use a controller for the multiple layers so that they act as a single group. In the next tutorial, Andrew will show how to animate the rotation of this group of layers as well as how use and adjust an expression that ships with After Effects to have the layers bounce in place as they stop which can give the sense of the counter having some real mechanical properties rather than just a linear of easy-ease keyframe approach.

Tutorial, Video Tutorial
Adobe After Effects
Confessions of a Creative Maniac: Keys to Getting It In

Confessions of a Creative Maniac: Keys to Getting It In

In the history of computing, including the extension to the notion of what actually falls under the guise of history - let's face it, smartphones are really just diminutive computers in a somewhat flimsy disguise - an often overlooked aspect of the entire discussion is something absolutely core to the idea of how these communications devices interface with us - the venerable keyboard.

Editorial
Adobe After Effects
Introducing After Effects CS6 - Extruded Text and Shapes

Introducing After Effects CS6 - Extruded Text and Shapes
  Play Video
In this introductory tutorial to the new 3D capabilities of After Effects CS6, Kevin P McAuliffe shows the basics of how to extrude text and shapes inside of After Effects CS6, and also shows how tight integration with Adobe's Illustrator will have you creating powerful client logos in minutes, instead of in separate 3D applications.

Tutorial, Video Tutorial
Adobe After Effects
Adobe After Effects: Compositing Actors in Virtual 3D Sets

Adobe After Effects: Compositing Actors in Virtual 3D Sets
  Play Video
Rob Mize follows up his Creating Virtual 3D Sets tutorial with this demonstration of how to composite real-life actors into these 3 dimensional environments. Learn how to create an effective sense of interaction between your actors and their virtual environment using only your green screened footage and AE's 3D capabilities.

Tutorial, Video Tutorial
Adobe After Effects
FreeForm Pro and Aqua Pack: Basic introductory series Part 2

FreeForm Pro and Aqua Pack: Basic introductory series Part 2
  Play Video
The second tutorial from the series describes techniques for manipulating the depth map and texture map that can be used for a logo reveal.

Tutorial, Video Tutorial
Adobe After Effects
Panning Large Scenes Using Target Layers in 3D

Panning Large Scenes Using Target Layers in 3D
  Play Video
In this follow-on tutorial to his short series on working in 3D space, Andrew Devis shows how to use this simple technique to quickly and accurately pan around large layers/compositions to zoom in to the exact point required each time. You'll use target layers to get the exact coordinates needed for accurate panning - simple but effective!

Tutorial, Video Tutorial
MORE


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2012 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]