It’s free and I will continue to give out free downloads!

Create an Infinity Loop Animation in After Effects

If you’re seeking to create an infinity loop animation in After Effects, your search ends here. This tutorial will guide you through the creation of a remarkable infinity animation in Adobe After Effects, all without the need for external plugins. This technique empowers you to fashion your personalized infinity animation – a versatile asset that can serve as a preloader animation or even find value on platforms like Shutterstock. Designed with beginners in mind, this tutorial is tailored to make the process accessible and seamless. Here’s a step-by-step guide.

Step-by-Step Guide to Creating a Loop Animation:

Step 1: Setting Up the Composition

  1. Open Adobe After Effects and create a new composition named “Infinity Animation.”
  2. Set the resolution to 1920×1080 pixels, frame rate to 30 frames per second, and duration to 4 seconds.

Step 2: Creating the Base Circle

  1. Use the Ellipse tool from the toolbar.
  2. Set the fill color to none and stroke color to solid color with 5-pixel width.
  3. Hold Shift and Alt keys, draw a circle, center the anchor point, and align it to the center.
  4. Lock the layer.
  5. Draw a smaller filled circle with any color you prefer.

Step 3: Adding Repeater and Transformations

  1. Select the move tool and center the anchor point.
  2. Add a repeater by clicking the “Add” button under the Transform options.
  3. Change X position to 0, rotation to 18 degrees, and copies to 20.
  4. Go to “Ellipse 1,” “Transform Ellipse 1,” and increase the scale for a larger circle.
  5. Add another repeater under Repeater 1 and set copies to 2.
  6. Under Transform options for Repeater 2, adjust X position and rotation.
  7. Unlock and delete the original smaller circle layer, then rename the shape layer to “Infinity Shape.”

Step 4: Duplicating and Scaling Animation

  1. Change the shape layer color to white.
  2. Press “S” to access scale properties, add a keyframe, and change the scale to 15% at 2 seconds.
  3. Duplicate the layer and adjust the animation timing for multiple circles.

Step 5: Adjusting Duration and Duplication

  1. Right-click “Infinity Animation” and choose “Composition Settings.”
  2. Change the duration to 8 seconds.
  3. Move to 4 seconds on the timeline, duplicate all layers, and move them to the top side.

Step 6: Trimming and Pre-Composing

  1. Set the work area by pressing “B” at 4 seconds, then right-click and choose “Trim Comp to Work Area.”
  2. Pre-compose all layers by right-clicking, then rename the composition to “Infinity” or a preferred name.

Step 7: Adding Color and Hue Animation

  1. Select the “Infinity” composition layer.
  2. Apply the “Fill” effect from Effects & Presets.
  3. Search for the “Hue & Saturation” effect, add it to the layer, and keyframe Master Hue over time.

Step 8: Adding Glow Effect

  1. Duplicate the “Infinity” composition layer, and rename it to “Infinity Glow.”
  2. Apply the “Glow” effect from Effects & Presets, and adjust the threshold and radius values.
  3. Duplicate the Glow effect, set the radius to 0, and intensity to 0.

Congratulations! Your Infinity Shape animation is now complete.

Project File Details:

UpdatedMarch 25, 2024
CompatibilityAfter Effects CC
Required PluginNo
Size163 KB
CategoryAfter Effects Tutorials