How to Add a Pivot Point in Alight Motion: A Complete Guide

Alight Motion is one of the most capable motion graphics and video editing apps available on mobile, and its pivot point system is central to how transformations — rotation, scaling, and position — behave on any layer. If your animations feel off, or objects are spinning from the wrong place, understanding pivot points is often the fix.

What Is a Pivot Point in Alight Motion?

A pivot point (sometimes called an anchor point) is the fixed reference location from which a layer transforms. When you rotate a layer, it spins around its pivot point. When you scale it, it grows or shrinks relative to that same point.

By default, Alight Motion places the pivot point at the center of a layer. That works fine for many animations, but it's not always what you need. Rotate a clock hand from its center and it looks wrong. Rotate it from its base, and suddenly it works exactly like a real clock.

Changing where the pivot point sits gives you precise, intentional control over how motion behaves — and it's one of the key skills that separates flat, mechanical animations from ones that feel natural. 🎯

How to Access and Move the Pivot Point

Alight Motion exposes the pivot point through the transform controls on any layer. Here's how the process works:

Step 1: Select Your Layer

Tap the layer you want to work with in the timeline. It should highlight and show its bounding box on the preview canvas.

Step 2: Open the Transform Panel

Tap the Transform option in the layer property panel (the wrench or properties section at the bottom, depending on your version). This opens controls for position, scale, rotation, and the pivot point.

Step 3: Find the Pivot Point Controls

Inside the Transform panel, look for Pivot X and Pivot Y values. These are numerical coordinates representing where the anchor point sits relative to the layer's own dimensions. A value of 0.5, 0.5 means dead center. A value of 0.0, 0.0 means top-left corner. A value of 1.0, 1.0 means bottom-right corner.

Step 4: Adjust the Values

You can type in specific values directly, or in some versions of Alight Motion, you can drag the pivot point handle on the canvas directly. The drag method is more intuitive for visual placement — especially when you're trying to anchor rotation to a specific physical point on an object.

Step 5: Keyframe the Pivot Point (If Needed)

The pivot point itself can be keyframed, meaning you can animate its position over time. This is an advanced technique used to simulate things like a swinging door that changes its hinge position mid-animation.

Common Pivot Point Positions and When to Use Them

Pivot X / YLocationTypical Use Case
0.5 / 0.5Center (default)General rotation and scaling
0.5 / 1.0Bottom centerPendulum swings, character legs
0.5 / 0.0Top centerHanging objects, dropdown effects
0.0 / 0.5Left centerDoor hinge (left side), page turn
1.0 / 0.5Right centerDoor hinge (right side)
0.0 / 0.0Top-left cornerCorner-anchored zoom

Why Moving the Pivot Point Changes Position

One thing that catches many users off guard: moving the pivot point can visually shift the layer's position on screen, even if you haven't touched the position values. This happens because position coordinates are calculated relative to the pivot point.

If your layer jumps when you change the pivot, you'll need to manually re-adjust the position values to compensate. Some editors work around this by setting the pivot point before placing and animating the layer — establishing the anchor early avoids mid-workflow corrections.

Pivot Points Within Groups and Nested Layers

When you group layers in Alight Motion, the group itself also has its own pivot point, independent of the individual layers inside it. This matters because:

  • Rotating the group uses the group's pivot
  • Rotating an individual layer inside the group uses that layer's own pivot

This nested structure is powerful for complex animations — think of a character rig where an arm group rotates from the shoulder, and the forearm layer within it rotates from the elbow. Each pivot operates independently within its hierarchy level. 🔧

Factors That Affect How This Works for You

The pivot point system in Alight Motion works the same conceptually across versions, but a few variables shape the exact experience:

  • App version: Older versions may have a less visual interface for pivot adjustment, relying more on numeric input. Newer versions have improved canvas-level dragging.
  • Layer type: Shape layers, image layers, video layers, and text layers all support pivot points, but how handles appear visually can differ slightly.
  • Project resolution and canvas size: Higher-resolution projects may require more precise numeric input since small canvas movements translate to larger pixel shifts.
  • Device screen size: On smaller phones, the canvas controls can be harder to manipulate precisely — a tablet or larger phone gives more working room for dragging handles.
  • Experience with keyframing: If you're new to keyframe animation, accidentally keyframing a pivot point mid-animation creates unexpected results. Knowing whether keyframe recording is active before making adjustments matters.

The Difference Between Moving the Pivot and Moving the Layer

These two actions are easy to confuse:

  • Moving the pivot point changes where transformations originate — the layer's visual content doesn't move in the world, but its rotation and scale behavior changes.
  • Moving the layer's position actually shifts where the content appears on screen.

Understanding this distinction is what makes pivot points feel intuitive rather than frustrating. Once it clicks, you start thinking about animation mechanics differently — every rotation or scale you set up, you first ask: where should this transformation originate from?

The answer to that question depends entirely on what you're animating, what effect you're going for, and how your layers are structured — which is why the right pivot position for one project may be completely wrong for another. 🎬