How To Use Both Sides Of A Layer

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]) > 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 coolerAfter Effects tips and tricks coming soon.

Also from BlueFx

Three ways we help you make more.

Templates are step one. When you want it done for you, we have you covered.

AI Media Machine demo
AI Media Machine

Twelve AI apps for video creators

Finds ad campaigns that are already making money. Rebuilds them for your product. Try the full platform for $1.

Start for $1 →
BlueFx Video Service demo
Done-for-you video

We make the videos that bring you clients

Custom video content built for your business. Our clients have generated 220,000+ leads with the videos we produce.

Learn more →
Free Business Website demo
Free Business Website

A professional website, built for you in 3 days

We design, write, and launch a complete business site for you. Free. No setup fee. You only pay the small monthly hosting.

Learn more ↗