Guides · 2026-10-08

Illustrator to After Effects as Editable Shape Layers

You drew a logo, a set of icons or a whole scene in Illustrator, and now it has to move. Drag the .ai file into After Effects and it arrives as footage: you can move, scale and rotate the layer, but you can't touch a single path, animate a stroke or add a Trim Paths. For that you need shape layers.

There are two built-in ways to get there, and one of them is right for most jobs. Here's what each one keeps, what it loses, and how to prepare the file so the conversion doesn't fight you. If you need to go the other way, see How to get After Effects shape layers back into Illustrator.

Prepare the file first

Whatever method you use, five minutes in Illustrator save an hour in After Effects:

  1. One layer per thing you'll animate. After Effects converts layer by layer. Use Release to Layers (Sequence) from the Layers panel menu if everything is on one layer.
  2. Outline text you won't edit in After Effects: Type > Create Outlines.
  3. Expand appearances and strokes you rely on: Object > Expand Appearance. Brushes and live effects don't survive the trip.
  4. Release clipping masks (Object > Clipping Mask > Release) and delete what was hidden, or flatten the shape with Pathfinder.
  5. Save as .ai with Create PDF Compatible File on (the default).

Method 1: Create Shapes from Vector Layer

This is the standard answer, built into After Effects.

  1. File > Import > File, pick the .ai, and choose Import As: Composition - Retain Layer Sizes. Every Illustrator layer becomes a footage layer in a new comp.
  2. Select the layers you want to convert.
  3. Right-click and choose Create > Create Shapes from Vector Layer.
  4. After Effects adds a new shape layer above each one and hides the original. Delete the originals once you're happy.

The paths come through editable, with fills and strokes, and the layers keep their position in the comp.

What it loses, as Community Experts list it in the Adobe forums: gradients (they turn grey or flat), opacity and blending modes on the Illustrator side, brush strokes, raster effects such as drop shadows, blends, embedded images, and clipping masks. When something can't be converted you get "Could not create outlines: empty or unsupported content". Prepare the file as above and most of those messages go away.

It's the right method for most logos and icons. Its weak spots are files with many gradients, and big files where converting layer by layer takes a while.

Method 2: Copy and paste a single path

For one curve (a motion path, the outline of a mask, a single shape you'll rebuild) copy-paste is quicker.

  1. In Illustrator, open Preferences > Clipboard Handling (File Handling & Clipboard on older versions), tick AICB under Copy As and choose Preserve Paths.
  2. Select the path with the Direct Selection tool (A) and press Ctrl+C (Cmd+C on Mac).
  3. In After Effects, draw any shape with the Pen tool on a shape layer, twirl open Contents > Shape 1 > Path 1, select the Path property and press Ctrl+V.

The pasted path replaces the one you drew, with every vertex and handle. Paste on a layer without selecting a Path property and After Effects makes a mask instead, one per path. You get geometry only: no fill, no stroke, and you place it by hand.

Which method for which job

| You need | Use | |---|---| | A logo or icon set, flat colours, ready to animate | Method 1 | | One exact curve, a motion path or a mask | Method 2 | | Many files, or the same artwork both ways | An extension (below) |

Or with VectorBridge

VectorBridge is the Illustrator and After Effects extension we made because we were moving the same artwork back and forth every week. One panel runs in both apps.

  1. In Illustrator, select the paths and click Send in the VectorBridge panel.
  2. In After Effects, open the comp you want them in and click Import. Choose one shape layer with everything or one layer per shape.

What comes across:

  • Paths and curves, with their Bézier handles.
  • Compound paths with their holes: a letter O stays an O.
  • Fill colour, stroke colour and stroke width. CMYK colours are converted to RGB.
  • Groups are opened up, so every path arrives inside the shape layer you chose.

What doesn't, so you know before you buy:

  • Gradients become a solid fill, the colour of the first stop.
  • Opacity, blending modes, stroke caps, joins and dashes are not carried over.
  • Text, placed images and symbols are skipped: outline text first.
  • Clipping masks aren't applied; the mask comes through as a plain path.
  • It imports into the open comp and doesn't create one, so open or create the comp first.

VectorBridge is $14.99, one key for two computers, and it also goes the other way, After Effects shapes back into Illustrator. It's tested with Illustrator 2026 and After Effects 2026 on Windows (not yet on a Mac, with a 14-day refund if it doesn't work for you) and installs with any ZXP installer.

Quick answers

Should I convert at all? Only if you need it. Footage layers from an .ai stay sharp when scaled if you turn on Continuously Rasterize (the sun icon in the Timeline). Convert when you want to animate paths, strokes or Trim Paths, or use Repeater.

My gradients turned grey. Can I get them back? Not through the conversion. Add a Gradient Fill to the shape group in After Effects and set the colours again, or keep that part as a footage layer.

The plug-in in this guide: VectorBridge.