Tech & Innovation

Even Spacing of Layers in After Effects

Even Spacing of Layers in After Effects

Adobe After Effects is a visual effects and motion graphics platform that is used by industry professionals and amateur content creators alike. The software is incredibly powerful with a range of fantastic features and effects, and it is being improved all the time through regular updates.

Some of the tools available on After Effects include Pens, Masks, Pre-Composing features, and Blending tools. However, one of the most important features, and one that is most used by visual effects producers, is Layers. Layers are the visual objects and elements that can be seen on the screen, so without Layers, there would be no composition.

Spacing between different Layers is essential, it can define the overall look and style of a composition. How can you achieve even spacing of layers in After Effects? Let’s find out.

Explaining the Function

As we touched on earlier, After Effects is extremely powerful and offers an enormous degree of creative control. Layers come in various different forms, there are Text and Solid Layers, Video and Audio Layers, Shape Layers, Adjustment Layers, and Null Object Layers. What Layer you choose will depend on the particular effect you are looking for, and each can be designed and customized to make it totally unique.

After you have added your chosen Layer to the composition, there are numerous different parameters that can be tweaked further. They can be repositioned, resized, and rotated, while the Layer’s duration, start time, and order position can also be changed. Any changes made to a particular Layer will not affect any of the other Layers in the composition unless you have specifically linked them.

In design and typography, kerning is the name given to the space between letters and characters. This is an important principle to keep in mind when using After Effects too, as the space between Layers can dictate how your final composition will look.

If you want the space between the Layers in your composition to be even, thankfully there is a handy trick that allows you to do so. It can be done through the use of an Expression, which is a piece of JavaScript code that can be used to dictate the behavior and properties of Layers in a composition.

First, select a Layer in the composition and then click on the Position button in the Timeline window. This will open the expression field, where you should enter the following line of code:

var spacing = thisLayer.index/(thisComp.numLayers+1)*thisComp.width;

What this code does is that it keeps all spaces between the Layers even. What’s more, as more Layers are added to the composition, the code allows for scaling and keeps the spacing at the same value.

See Also: Best Video Editing Software for Beginners

How Does It Help in Video Creation?

After Effects is used for a huge range of different purposes, including editing, visual effects creation, and 3D animation. The particular techniques and creative approaches you use will differ depending on what you are using the software for and the effect you are trying to achieve.

Why would you use even spacing of Layers in After Effects? There can be numerous reasons for this. First, it may simply be a design or aesthetic choice, perhaps the particular Layers you are using look best when arranged neatly and evenly in the composition.

The effect can also be incredibly useful when working on a text-heavy project. The text needs to be clear and easy to read, and if more and more text is being added to the screen it can get muddled and difficult to see.

By spacing each Layer out evenly, designers and creators can ensure their project stays tidy and organized even as more and more Layers are added to the composition.

Tips and Tricks

After Effects is a deep and complex platform with numerous hidden functions and features. Even industry professionals who have been using the software for years are still discovering new possibilities. Many of these seem simple but can significantly streamline workflow.

To add a new Layer to the project, users can simply duplicate an existing Layer by selecting and pressing Command + D. This is a much faster way of adding a new Layer and means you can skip navigating the drop-down menu system.

When working on a project, it is often necessary to keep clients and collaborators updated on your progress. Thankfully, After Effects makes this easy, you can simply select Save Frame As from the Composition drop-down menu to export a picture of the current frame. This is an easy and efficient way of letting others track your progress and make suggestions.

Related: 15 Free Photoshop Alternatives


If you’re a professional working in the visual effects and motion graphics sector, you have no doubt used After Effects. However, you may still be unaware of some of the features it offers. Use this guide to learn how to achieve even spacing between Layers in your project.

To Top