SUPPORT : +1 (888) 344-0936

How To Use Both Sides Of A Layer

Welcome to this tutorial and today we’re going to be looking at how to use both sides of a layer, more specifically how to make use of the backside of a layer when rotating it. There are 2 ways to go around it, we’ll be using a special expression for our first example and a null object for our second example. This technique can be very useful when creating presentations, your own templates or maybe just some cool looking custom transitions.

Using the back side of a layer with an expression

In this example we’ll be adding a texture to the back side of an image, so we’ll import the image and create a new composition from it

how-to-use-both-sides-of-a-layer-1

next, we’re going to scale it down a bit. Press “s” to bring down the scale property.

how-to-use-both-sides-of-a-layer-2

In the effect, controls menu search for Ramp and add it to the layer

how-to-use-both-sides-of-a-layer-3

we’re going to change the ramp to radial, the start color to white and the ending color to black and adjust the start and end positions a bit.

how-to-use-both-sides-of-a-layer-4

Next, we need to add the CC composite effect on to our layer. This is the effect that will let AE know that we are looking to use both sides of the layer.

how-to-use-both-sides-of-a-layer-5

We’ll enable the 3D property for the layer and add our expression

Alt+Click on the Opacity property of the CC composite effect and add in this expression:

how-to-use-both-sides-of-a-layer-6

if (toCompVec([0, 0, 1])[2] > 0 ) 100 else 0

Now if we press “R” and try to rotate the layer in the Y-axis, you will see the texture has been applied to the back.

how-to-use-both-sides-of-a-layer-7

So this is how to add texture to the back of a layer while keeping the composition panel are clean and well organized

how-to-use-both-sides-of-a-layer-8Let’s take a look at another way to do it using a null layer.

Using the back side of a layer with a null object

This is another approach to this technique and we’ll be importing two photos into the composition. It’s important to make sure they are exactly the same size.

Next, we’ll turn both layers to 3D and we’ll move second layer 1px into Z space. Press “P” to bring down the position property and set the Z value to 1.

how-to-use-both-sides-of-a-layer-9

Now we need to create the null object. Select Layer-New – Null Object

how-to-use-both-sides-of-a-layer-10

We’ll turn the Null to 3D and parent the two photos with the null object

how-to-use-both-sides-of-a-layer-11
And now if we press “R” and change the Y-axis values, the images will turn and we will also have the back layer showing.

how-to-use-both-sides-of-a-layer-12

So this is how you use both sides of a layer, you can get creative and apply different effects and expand this technique further.

Thank you for taking the time to read this article and please stay tuned for cooler After Effects tips and tricks coming soon.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.