Easily Shape Morphing in Adobe After Effects

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

Dive into the fun world of shape morphing in Adobe After Effects with our simple tutorial. Learn how to smoothly change one shape into another, creating cool animations that will wow your friends. This step-by-step guide is perfect for beginners – we’ll show you exactly how to do it. Get ready to make your designs come alive with easy shape-morphing effects! You might also be interested in this tutorial on Magnifying Glass Animation in After Effects.

Step-by-Step Guide to Shape Morphing in After Effects:

Step 1: Opening Adobe After Effects

  1. Open Adobe After Effects.
  2. Create a New Composition named “Morph Shapes” (or your preferred name).
  3. Set the resolution to 1920×1080 Pixels, frame rate to 30 frames per second, and duration to 10 seconds.

Step 2: Creating and Modifying the Square Shape

  1. Go to the Toolbar and Select the rectangle tool.
  2. Hold Shift+Alt on the keyboard and draw a square.
  3. Center the anchor point and Align the Square shape to the center.
  4. Rename the shape layer to “Square.”
  5. Right-click on Rectangle Path 1 under the square layer and Convert it to Bezier Path.
  6. Add a keyframe to the path.

Step 3: Creating and Modifying the Circle Shape

  1. Choose the Ellipse tool from the toolbar.
  2. Change the fill color and draw a circle by holding the Shift+Alt keys.
  3. Align the circle to the center.
  4. Rename the shape layer to “Circle.”
  5. Convert Ellipse Path 1 to Bezier Path under the circle layer.
  6. Add a keyframe to the path.
  7. Drag the circle layer below the square layer.

Step 4: Copying Keyframes for Animation

  1. Press U on the keyboard to reveal all keyframes.
  2. Copy the Square path keyframe.
  3. Go to 1 second on the timeline and paste the keyframe.

Step 5: Continuing Animation with Circle Shape

  1. Copy the circle path keyframe.
  2. Go to about 2 seconds on the timeline.
  3. Select the Square path and paste the keyframe.
  4. Use the move tool to position the circle shape.
  5. Copy the same keyframe and proceed to about 3 seconds, then paste it.
  6. Delete the circle shape at this point.

Step 6: Continuing Animation with Polygon Shape

  1. Copy the polygon shape path keyframe.
  2. Go to about 4 seconds on the timeline.
  3. Select the Square path and paste the keyframe.
  4. Position the polygon shape to the center.
  5. Copy the same keyframe and move it to about 5 seconds, then paste it.
  6. Delete the polygon shape layer.

Step 7: Continuing Animation with Star Shape

  1. Copy the star shape path keyframe.
  2. Go to about 6 seconds on the timeline.
  3. Select the Square path and paste the keyframe.
  4. Position the star shape to the center.
  5. Copy the same keyframe again and go to about 7 seconds, then paste it.

Step 8: Repeating Keyframes

  1. Copy the first keyframe of the Square path.
  2. Go to about 8 seconds on the timeline and paste it.

Step 9: Finalizing the Animation

  1. Delete the star shape layer.

Congratulations! You’ve successfully created a Morph Shapes Animation in Adobe After Effects.

Project File Details:

UpdatedSeptember 16, 2024
CompatibilityAfter Effects CC
Required PluginNo
Size18 KB
PriceFree