Layer Stack Basics in After Effects

Free Video Tutorial and Guide

The layer stack is an important part of animation in Adobe After Effects. Learn how to use it and keep your projects organized in this tutorial from Noble Desktop!

The layer stack is an important part of animation in Adobe After Effects. Learn how to use it and keep your projects organized in this tutorial from Noble Desktop!

#nobledesktop #aetuts #aelayers #mograph #mographtuts #aftereffects

Getting Started

  1. Look at the layer stack, to the left of the Timeline and below the Project Panel.
  2. Click and drag any layer downwards.
  3. Note how the new topmost layer in the layer stack is visible. The moved layer is now beneath the topmost layer, which means it’s hidden underneath any layers above it.
  4. To rename layers, click on any layer and hit Return (Mac) / Enter (PC).

Layer Switches, Color Coding, and the Search Bar

  1. Click the Visibility icon, the one with an eyeball on it. Note how the object appears and disappears as the icon switches on and off.
  2. Click on the Solo icon, the icon with a circle on it, to work on one layer at a time.
  3. To keep a layer from being accidentally edited, hit the Lock icon.
  4. By clicking on the colored square on the left side of a layer, it’s possible to change its color in the layer stack. This method helps organize.
  5. Finding individual properties can be challenging if there are many elements within the layer stack. Use the search bar at the panel's top by typing in whichever property or object is needed.


Video Transcription

Hey, everyone. Let's talk about the layer stack in Adobe After Effects. So why learn about the layer stack? Understanding the layer stack is essential for animation as that dictates visibility, organization and how different objects interact with each other. I have my own project here that I'm using, but you can follow along on your own projects at home. By the way, this is a reused asset from one of our social media tutorials.

You can find us on Instagram at Noble Desktop, by the way. Shameless plug over there. So where is your stack? It's over here. This is the layer stack. And I could see that it extends into the timeline over here where we mark all the second and all the frames. We have tutorial on the timeline as well, by the way, and you can see that I've personally color coded them.

I'm going to show you how to do that later. But you can see that the purple layer that says hello is purple over here. You know, the red label over here extends over here. You know, the particles that you'll see in this animation as they play out eventually. All right. So let's take the text layer here that says, hello, this purple one, and I'm going to click and drag it to go beneath the circle layer over here.

I could see disappeared, right? I could still, like, manipulated and stuff. It's not like animate it and move it around, but I can't see it because it's being covered by the circle. And again, keep in mind that sandwich metaphor. So essentially just taken the bread and put it beneath the turkey. So if I toggle off the visibility like this eyeball icon over here, I can see that my layer still there, my tricky layer, my text layer that says hello is still there, but it's being covered up right now.

And if I took my turkey layer and I put it all the way behind to my bottom bread layer, well, then it's completely underneath everything else. It's actually pretty cool. Look, I like the way it looks, and if I hide my bottom bread layer, my yellow gradient layer, well, see my circle still there. It's just all the way, the bottom and everything else is covering it.

You know, my particles go down here. And now it's behind that instead. So, again, this layer stack is dictating what's in front of what. So now I've got kind of this mixed up sandwich. So I want to put my sandwich back together the way that it was. So I'm going to grab my bread layer, my background, pull it down there, and actually everything else is back together the way it was, I wasn't too hard.

Now, let's say you actually want to rename these layers. So click the layer, you want to rename and hit return or enter depending on your machine. And I'm going to type in BG for background and click anywhere else in the interface and that's it. Now if I hit here Layer Name, it'll show me the source name. Like hello is still the same, but it's showing me what the original name like what is the name of the file or the asset itself.

And if I click again, layer name is kind of like think of it as a nickname. What I want it to go by, you know.

Now, like I mentioned before, this eyeball here, that's the visibility icon. So if I turn it off and on, then I'm hiding that layer. Now, I could still access it and stuff. I could so move it around and, you know, play with it. But I mean, it's invisible. That would be kind of hard, but it's good for getting a look at whatever is underneath this layer.

Now, let's say I want to edit stuff, but I don't want to mess up where you know, this text line over here, I'm going to hit this lock icon over there. And now I can't grab this. I can't grab this anywhere. You see, I'm trying to grab it from grabbing the layers underneath it. Now, if I were to lock that circle icon, I can't grab that.

Now I'm grabbing the particle underneath it and I've lost that. So I can't move that. Now I'm grabbing the background over here. I can't move that. You know, let's say a locked background. I can't move anything, you know, but of unlocking by clicking it again, the circle. And now I can move that around without messing up anything else.

Well, what if there's too much going on in your animation and you want to just focus on one thing and you don't want to have to go through and hide everything and lock everything. See the circle over here? Let's say I just want to work on the circle. See the circle over here? Let's say I just want I, you know, mess around with the text.

I'm going to hit the solo. That's the solo icon over here on my text layer. And now I could just do animation with my text. That's actually pretty neat. There's a gradient on this that's going to do that. That's pretty neat. I'll keep that in mind for a future tutorial. Now, when you create new assets in after effect itself, they're usually color coded like shape layers will come in.

I think they're red pre comp compositions, which are kind of like groups or folders of files. We have a longer tutorial on those up on our YouTube channel, but those will usually come in there like sandy colored over here. But I always believe in like color coding for your layer. So you know what's what. So let's say I'm like, I don't really like this color of the circle layer.

It's kind of it's a little hard for me to see. So you go over here, th

How to Learn After Effects

Master After Effects with hands-on training. After Effects is the industry-standard application for motion graphics, animation, and visual effects.

Yelp Facebook LinkedIn YouTube Twitter Instagram