Graphic Design

How to Make Objects Move Together in After Effects (Parenting Explained)

Imagine you're animating a car in After Effects. You have a separate layer for the car body, a front wheel, and a back wheel. If you try to move just the car body, the wheels stay put, creating a disjointed animation. Manually keyframing each wheel to follow the car body is tedious and prone to errors, especially for complex movements. This is where understanding how to link layers in After Effects becomes essential, allowing you to create fluid, professional animations with ease.

Motion Graphics course thumbnail showing an animated car scene
Recommended Course on JunoMotion Graphics using Illustrator
View Course →

The Goal: Animate a Car, Not Three Separate Pieces

When you have multiple elements that need to move as a single unit, like a car body with its wheels, the traditional method of animating each layer individually quickly becomes inefficient. If you try to move the car body directly without connecting its components, the tires will be left behind, resulting in an incomplete and unrealistic animation. To achieve a proper, coordinated movement where all parts move together seamlessly, you need a smarter approach than just adding keyframes to every layer.

This problem is common for beginners who are starting to build more complex scenes. Without a way to group movements, even a simple animation can require a lot of manual adjustment, making your workflow slow and increasing the chance of misalignment. For example, if you want to make a car drive across the screen, you'd have to animate the position of the car body, the front wheel, and the back wheel, ensuring they all follow the exact same path and timing. Any change to the car's path would then require adjusting keyframes on all three layers.

The Solution: Parent-Child Relationships in After Effects

After Effects offers a powerful feature called "parenting" to solve this exact problem. Parenting establishes a hierarchical relationship between layers, where one layer (the "child") inherits the transformation properties (position, scale, rotation, and even opacity) of another layer (the "parent"). This means that when you move, scale, or rotate the parent layer, all its child layers will automatically follow along, maintaining their relative positions and transformations. The child layer can still have its own independent animations applied, but these will be relative to the parent's transformations.

This concept of a child parent relationship in After Effects is fundamental for efficient animation workflows. It simplifies complex animations by allowing you to control multiple objects through a single parent layer. For instance, if your car body is the parent, and the wheels are its children, you only need to animate the car body's position, and the wheels will automatically move with it. This not only saves a tremendous amount of time but also makes your animations more consistent and easier to modify.

How to Parent Layers: Using the Pick Whip Tool to Link Layers

Creating a parent-child relationship in After Effects is a straightforward process, primarily done using the "pick whip" tool. Here’s a simple 3-step guide on how to link layers in After Effects:

  1. Identify the Parent & Link Column: Open your composition in After Effects. In the Timeline panel, look for the "Parent & Link" column. If you don't see it, right-click on the column headers (e.g., "Layer Name", "Mode", "Switches/Modes") and make sure "Parent & Link" is checked under "Columns". This column contains a drop-down menu and a small spiral icon, which is the pick whip.
  2. Select Child Layers: In our car example, these are your "Front Wheel" and "Back Wheel" layers. Select both of these layers in the Timeline panel.
  3. Use the Pick Whip: For each selected child layer (or the group of selected children), locate the pick whip icon next to its name in the "Parent & Link" column. Click and drag this spiral icon from the child layer to the name of the desired parent layer ("Car Body" in our example). As you drag, a line will appear, visually connecting the child to the potential parent. Release the mouse button when your cursor is over the parent layer's name. You'll see the parent's name appear in the "Parent" column for the child layers, confirming the link.

    (Imagine a GIF here showing the pick whip being dragged from a "Wheel" layer to a "Car Body" layer in the After Effects timeline.)

    As demonstrated in our motion graphics lessons, these "Front Wheel" and "Back Wheel" layers will become children to the "Car Body." You would select both of these layers, and then use the pick whip icon, which is specifically for linking, to connect them with the "Car Body."

Alternatively, instead of dragging the pick whip, you can use the dropdown menu in the "Parent & Link" column for each child layer to select its parent from the list of available layers. This method is equally effective, especially when dealing with many layers or if dragging feels less precise. Mastering this technique is a key step towards creating more dynamic and manageable animations, a skill extensively covered in Juno's Motion Graphics Using Illustrator course.

Once you've established this parent-child connection, any transformations applied to the parent layer will automatically affect its children. This makes it incredibly efficient to make one layer follow another in After Effects without tedious manual keyframing.

For more advanced animation techniques that build on these foundational skills, you might explore how to make smooth animations in After Effects using Easy Ease and the Graph Editor, which can add a professional polish to your parented movements.

Putting It All Together: Animating the Parent Layer

With your layers parented, the next step is to animate! Now, instead of adding position keyframes to the "Car Body," "Front Wheel," and "Back Wheel" layers individually, you only need to animate the "Car Body" layer. All child layers will inherit its movement automatically.

For example, to make the car move across the screen:

  1. Select the "Car Body" layer (your parent).
  2. Press 'P' on your keyboard to reveal its Position property.
  3. Set a keyframe for the starting position.
  4. Move your playhead forward in time.
  5. Change the car body's position to its end point. After Effects will automatically create a new keyframe.

As you scrub through your timeline or play the animation, you will see the "Car Body" move, and the "Front Wheel" and "Back Wheel" layers will follow precisely, maintaining their relative positions to the car body. This demonstrates the power of parenting in After Effects – simplifying complex animations into manageable, intuitive actions.

(Imagine a GIF here showing the "Car Body" layer being moved across the screen, and the "Wheel" layers automatically following along, maintaining their relative positions.)

This method drastically reduces the number of keyframes you need to manage and makes adjustments much faster. If you decide to change the car's path or speed, you only need to modify the keyframes on the "Car Body" layer, and the wheels will adjust accordingly. This workflow is particularly useful when dealing with intricate character rigs or complex UI animations where many elements are connected.

Understanding when and how to use pre-comps in After Effects can further enhance your workflow by grouping parented layers into a single, manageable composition, allowing for even greater control over complex scenes.

Ready to level up your career?

Join 5 lakh+ learners on the Juno app. Certificate courses in Hindi and English.

Get it onGoogle Play
Download on theApp Store