free web page hit counter

How To Make A Circle In After Effects


How To Make A Circle In After Effects

Creating circles in Adobe After Effects is a fundamental skill for motion graphics, visual effects, and animation. Several methods exist, each offering varying degrees of control and flexibility. This article outlines the primary techniques for generating circles within After Effects.

Method 1: Using the Ellipse Tool

The Ellipse tool is the most straightforward approach to creating circles. It’s part of the shape tools, which also include rectangles, stars, and polygons.

Step 1: Selecting the Ellipse Tool

Locate the shape tools in the toolbar, usually positioned at the top of the interface. Click and hold the shape tool icon (by default, it might display a rectangle). A fly-out menu will appear. Select the Ellipse Tool. If the toolbar is not visible, navigate to Window > Tools.

Step 2: Creating a New Composition

Before drawing a circle, ensure a composition is active. If no composition exists, go to Composition > New Composition. Define the desired width, height, frame rate, and duration for your composition. A common resolution for video is 1920x1080 pixels.

Step 3: Drawing the Circle

With the Ellipse Tool selected and a composition open, click and drag within the Composition panel. To create a perfect circle (equal width and height), hold down the Shift key while dragging. This constrains the proportions to maintain a 1:1 aspect ratio.

Step 4: Adjusting Circle Properties

After drawing the circle, a shape layer is created in the Timeline panel. Expand this layer to reveal its properties: Contents > Shape 1 > Ellipse 1 > Ellipse Path 1. Here, you can adjust the circle's size (via "Size") and position (via "Position"). You can also adjust the "Stroke" and "Fill" properties within the "Shape 1" group to modify the circle's outline and interior color, respectively.

Tip: Use the Pan Behind (Anchor Point) tool to reposition the anchor point of the shape layer. This affects how the circle rotates and scales.

How to Create an Animated Circle Burst in Adobe After Effects
How to Create an Animated Circle Burst in Adobe After Effects

Method 2: Using Masks

Another method involves creating a mask on a solid layer or other existing layer. This approach offers a different type of control over the circle's appearance and interaction with other elements.

Step 1: Creating a Solid Layer

Go to Layer > New > Solid. Choose a color for the solid. The color itself doesn't matter much initially, as it can be changed later or made transparent.

Step 2: Selecting the Ellipse Tool (Mask Mode)

Similar to Method 1, select the Ellipse Tool from the toolbar. The crucial difference here is to ensure that no layers are selected in the Timeline panel before you begin drawing. This tells After Effects that you intend to create a mask, not a shape layer.

Step 3: Drawing the Circle Mask

Click and drag within the Composition panel to draw the circle mask on the solid layer. Hold down Shift while dragging to create a perfect circle. Since you are creating a mask, only the portion of the solid layer inside the circle will be visible.

How to Create an Animated Circle Burst in Adobe After Effects
How to Create an Animated Circle Burst in Adobe After Effects

Step 4: Adjusting Mask Properties

In the Timeline panel, expand the solid layer to reveal the "Masks" property. Here, you'll find properties like "Mask Path," "Mask Feather," "Mask Opacity," and "Mask Expansion."

  • Mask Path: Adjusts the shape and size of the circle.
  • Mask Feather: Blurs the edges of the circle.
  • Mask Opacity: Controls the visibility of the mask.
  • Mask Expansion: Increases or decreases the size of the masked area.

Step 5: Mask Mode Options

The "Mask Mode" property determines how the mask interacts with the underlying layer. Common options include:

  • Add: The mask reveals the area inside the shape.
  • Subtract: The mask removes the area inside the shape.
  • Intersect: Only the area where the mask overlaps the layer is visible.
  • Lighten/Darken: Changes the brightness of the layer within the mask area.

Method 3: Using Expressions

Expressions allow you to dynamically control the properties of a circle based on mathematical formulas or other parameters. This is a more advanced technique, but it offers unparalleled flexibility.

Step 1: Creating a Shape Layer

Follow Steps 1-3 of Method 1 to create a circle using the Ellipse Tool.

Step 2: Adding an Expression to the Size Property

In the Timeline panel, expand the shape layer's properties until you reach Contents > Shape 1 > Ellipse 1 > Ellipse Path 1 > Size. Alt-click (or Option-click on Mac) on the stopwatch icon next to the "Size" property. This opens the expression editor.

How to Draw a Circle in After Effects - YouTube
How to Draw a Circle in After Effects - YouTube

Step 3: Writing the Expression

In the expression editor, you can write JavaScript code to control the circle's size. For example, the following expression will make the circle's size oscillate between 100 and 200 pixels:


amp = 50; // Amplitude of the oscillation
freq = 1;  // Frequency of the oscillation (cycles per second)
center = 150; // The central size of the circle

center + ampMath.sin(timefreq2Math.PI);

This expression uses the Math.sin() function to create a smooth, repeating sine wave. The amp variable controls the amplitude (the amount the size varies), freq controls the frequency (how often the oscillation occurs), and center determines the base size of the circle.

Note: Expressions require a basic understanding of JavaScript. Experimenting with different formulas and parameters can lead to interesting and complex animations.

Method 4: Importing from Illustrator

Circles created in Adobe Illustrator can be imported into After Effects as vector layers. This preserves the circle's sharpness and allows for further manipulation within After Effects.

How to Put Video in a Circle in After Effects (Easily Create Circular
How to Put Video in a Circle in After Effects (Easily Create Circular

Step 1: Creating a Circle in Illustrator

Use the Ellipse Tool in Illustrator to create a circle. Ensure the circle is on its own layer.

Step 2: Saving the Illustrator File

Save the Illustrator file as an .ai file.

Step 3: Importing into After Effects

In After Effects, go to File > Import > File. Select the Illustrator file. In the import dialog, choose "Composition - Retain Layer Sizes" under the "Import As" option. This creates a new composition with the Illustrator layers as editable vector layers.

Step 4: Converting to Shape Layers (Optional)

If you need to directly manipulate the circle's path points within After Effects, you can convert the Illustrator layer to a shape layer. Right-click on the Illustrator layer in the Timeline panel and choose Create > Create Shapes from Vector Layer. This creates a new shape layer that you can then edit.

Circles are building blocks for countless motion graphics and visual effects. Mastering these creation techniques empowers users to design dynamic and engaging visuals, and understanding these fundamental concepts allows for more efficient and creative workflows in After Effects.

How to Draw An Animated Circle with Adobe After Effects - YouTube How to Create a 3D Circle in After Effects | aejuice.com How to animate circle in after effects - AEJuice How to Create a 3D Circle in After Effects | aejuice.com How To Make A Circle In After Effects? - The Animation Reel - YouTube How to Animate a Circle in After Effects | aejuice.com How to Repeat Circles or Rotate Circle in After Effects, Giving How to Animate a circle in After Effects | After Effects Simple How to Create an Animated Circle Burst in Adobe After Effects Create Glowing Circle in After Effects - After Effects Tutorial - No

You might also like →