How to Use Pucker and Bloat in After Effects

The Pucker and Bloat modifier in Adobe After Effects is a procedural tool for shape layers that transforms basic geometric paths into complex, stylized graphics like stars, flowers, and abstract bursts. This guide provides a straightforward walkthrough on how to add this modifier to a shape layer, how the "Amount" property alters your vector paths, and how to animate the effect for dynamic motion graphics.

1. Create a Base Shape Layer

Pucker and Bloat only works with vector shape layers. To begin:

  1. Select the Shape Tool (such as the Rectangle, Polystar, or Ellipse tool) from the top toolbar.
  2. Ensure no layers are selected in your timeline, then click and drag in the Composition panel to draw your shape.
  3. A multi-point shape, such as a Polystar or a Rectangle with rounded corners, yields the most distinct results.

2. Add the Pucker & Bloat Modifier

Once your shape exists on the timeline:

  1. Expand the shape layer in the Timeline panel to reveal its contents.
  2. Locate the Add button (a small play icon inside a circle) next to the Contents row.
  3. Click Add and select Pucker & Bloat from the dropdown menu.
  4. The modifier will appear nested under the layer’s Contents.

3. Adjust the Pucker and Bloat Values

Expand the newly added Pucker & Bloat property in the timeline to reveal the Amount slider:

  • Positive Values (Bloat): Dragging the slider to the right (positive numbers up to +100% or higher) curves straight segments outward and pulls vertices closer together, creating rounded, inflated, or floral shapes.
  • Negative Values (Pucker): Dragging the slider to the left (negative numbers down to -100% or lower) pulls the segments inward toward the center while pushing vertices outward, creating sharp, spiky, starburst designs.
  • Resetting: Setting the value to 0% returns the shape to its original, unaltered path.

4. Animate the Modifier

To create movement using the effect:

  1. Move the current-time indicator (playhead) to your desired starting point.
  2. Click the stopwatch icon next to the Amount property to set an initial keyframe (e.g., at 0%).
  3. Advance the playhead forward in time and change the Amount value (e.g., to 60% or -80%). After Effects will automatically generate a new keyframe.
  4. Select your keyframes and press F9 to apply Easy Ease for smooth acceleration and deceleration.

5. Combine with Other Modifiers

You can stack Pucker and Bloat with other shape operators to build advanced motion graphics:

  • Repeater: Place Pucker & Bloat above or below a Repeater modifier to create intricate kaleidoscopic patterns or multi-layered particle bursts.
  • Trim Paths: Combine a stroked path with both Trim Paths and Pucker & Bloat to create animating neon sparks, HUD accents, and transition flourishes.