Equal spacing between layers when each layer is a different size?

Question

Hello everyone I am working in Adobe After Effects (version 17.7.0 Build 45) and I have the following: How can I get equal spacing between the three layers when each layer is a different size? Let's say I want 60 pixels between each layer?In other design software, it is easy, when I drag and drop, it tells me. Here's Figma for example: How can I get the same in Adobe After Effects? I already know about the Align tools in Adobe After Effects, but they do something different. For example, I couldn't say "I want 60 pixels between each layer".

Rick Gerard · Accepted Answer

Put the anchor point exactly on the bottom of each layer.

Determine the total height of each layer.

Add a simple expression to each layer.

You have an Illustrator file that could be imported as a composition retaining layer size. You also have two text layers. The anchor point is at the bottom of a text layer by default. You can easily move the anchor point to the bottom of your AI layer. As long as the AI layer was imported as a comp retaining layer size so the layer is the same size as the graphic you can add this expression to the bottom layers and have them stack on top of each other.

ref = thisComp.layer(index - 1);
thisLyrHeight = sourceRectAtTime().height * (thisLayer.scale[1] / 100);//Compensate for scale
y = ref.position[1] + thisLyrHeight + 60;// Spacing is 60 pixels
[ref.position[0],  y]

This expression will separate any layer from the one above it by 60 pixels as long as the anchor point is at the bottom of the layer.

Mylenium · Answer

Enable the rulers, drag out some guide. Basics! Mylenium

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded