How to Import Adobe Illustrator Files into After Effects (2023)

A step-by-step guide for importing Illustrator files into After Effects.

You’re about to learn a little skill that will take your Illustrations to a big place; I’m going to teach you how to get your Adobe Illustrator drawings ready for animation in After Effects!

How to Import Adobe Illustrator Files into After Effects (1)

Step 1: Create Your Graphics in Adobe Illustrator

To begin, you should have your Illustrations built in Adobe Illustrator; chances-are, you’ve probably built an object with kinematic limbs or wheels you’d like to roll with. Since #VanLife is all the rage these days, I’m building a little MiniVan Camper for this example.

How to Import Adobe Illustrator Files into After Effects (2)

Don't have an Illustrator file laying around? You can follow along with this example tutorial.


Step 2: Group Your Objects in Illustrator

This is a pretty simple step; take any part of the illustration you’d like to individually pick-out to animate. Use Command+G to group these items.

You’ll want to select them individually with the direct select action (A) and select the entire entity with Alt + Shift + Click. This helps to group specific vectors of the illustration you’re working with into their own pieces and speed-up the workflow to grabbing and moving items as we proceed to the next part.

How to Import Adobe Illustrator Files into After Effects (3)

(Video) How to Prepare and Import Illustrator files to Adobe After Effects

Step 3: Create Layers

After you’ve set up specific groups, you’re going to want to designate your items into layers so you can manipulate them in After Effects to animate them.

Before jumping in, it's best to strategize what individual items you want to control when you animate. It's best to think of how your item has hinges, anchor points, rotations and moves around in your animation.

First, you’re going to want to create a new layer by typing Command + L.

Step 4: Name Your Layers for Organization

After you’ve created your new layer, you’ll want to name it so you know what specific item you want to animate later. To rename your layer in Illustrator, double-click the new layer you’ve created through the Layers Panel and type in the new name of that item.

How to Import Adobe Illustrator Files into After Effects (4)

Step 5: Bring Your Items into Layers

From here, you will have to pick an Illustrated item to bring into the new layer. Once you’ve selected your item, use command+x to cut your object and Command+F to paste the item into its former location.

Step 6: Save Your Illustrator File

Once you’ve brought all your items into designated layers, and you feel your illustration is ready to turn into an animation, you’re on your way to making a new animation in After Effects. All you have to do is save your AI file into a designated folder. See how quick & easy that was?

Step 7: Import Your Illustrator File into After Effects

Now that you've created some amazing illustrations and prepared them for animation, it's time to hop into After Effects!

(Video) How to Prepare and Import an Illustrator File into After Effects

Tips for Importing your Illustrator File into After Effects

To bring an Illustrator file into After Effects you just need to use Command+ I, or alternatively, File>Import. When you import your project file, you will see a few options appear; You’ll want to choose to Import as:

  • Footage
  • Composition
  • Composition - Retain Layer Sizes

In most cases, you’ll pick the Composition with Retained layer sizes. What’s the difference between Retaining the layer styles and a standard composition? If you bring-in your file as a composition alone, every layer will be the size of your Artboard in Illustrator; this will require much more work to anchor joints and reposition items where they need to go.

If you import as footage, you’ll be able to import your entire AI file as one item, or you’ll have the choice to select one layer within the Illustrator file.

There’s another way to import your AI file not often-used, and that is to bring-in an AI file into After Effects and convert it to a layered comp in the Project panel. This is a great way to do things if you’re going from an animatic directly into animation.

To do this, when the menu appears for import, bring-in your Illustrator file as “Footage” and select “Merged Layers” under the Layer options menu that appears secondly. Then, in the Project panel, create a new comp out of the AI file by dragging it into the Composition icon. Once you’re in that new comp, you can right-click on the individual file (seen as footage) and select “Convert to Layered Comp”. Immediately after, the comp will turn into a multi-layered comp you’ll be able to create an animation out of.


Please note, importing Text from Illustrator isn’t easy; this has always been a request for Adobe sent by many animators and Illustrators for years; maybe one-day we’ll get the update we’ve all been wishing for that magically imports text without an issue. Until then, there are a couple of workarounds.

To import text directly from Illustrator to AE, you’ll first need to keep your Illustrator project file open while working between the 2 programs. Select your text and copy (Command + C), switch over to After Effects, use the text tool (Command + T) and click in your comp, then Paste (Command + V) the text. All the color and sizing, leading an kerning should stay the same as long as your comp in AE is the same size as the Artboard in Illustrator.

When merging text from AI to AE, you will most-likely lose any effects you applied in Illustrator, but if you want to re-apply that style in After Effects, you’ll be able to go over to the Appearance panel in Illustrator to find your effect and the parameters of it to add to your text now that it’s in After Effects.

(Video) Import Illustrator File to After Effects for Animation

If you created text on a path, you’ll just want to hop back into Illustrator and use a direct select tool (A). While holding Command + Shift, click on the curve the text was written-on. After you’ve copied that, you’ll want to paste it onto the text in After Effects, then use Command + ` (the little dash next to “1” on your Keyboard) to see everything applied to the layer. You’ll be able to select the mask under Text>Path Options>Path. Following that, you can adjust where on the curve your text will land using the adjustments below or manually with your cursor.

A second option is to install a Third-Party plugin to After Effects that can import text when it’s in an individual layer in Illustrator. This seems to work well, but some concern with sending files back-and-forth between animators is that the plugin may not work on all systems as properly as it would on your computer, resulting in someone’s project file not being able to open or read the text.


Optionally, you can create animations within the layers; this works especially great for minimalist animation styles where strokes are used as the main asset - but there is a catch to this process; using the Hierarchy system in After Effects can slow-down your workflow in some instances. Creating shapes from layers may also affect your illustration if it includes any vectors or varying stroke widths. If the layer has a lot of detail, this may not be ideal.

To work with shapes from Illustrator layers, you want to right-click your layer in the Comp and select create shapes from layers. This will build you a new layer that contains the native items you built them out of in Illustrator. This isn’t always the most ideal process but it does come in handy for certain styles. Most of the time when I work with shapes from layers I use the Trim Paths on strokes to animate a drawing-on effect, which is the most common approach for this style.

How to Import Adobe Illustrator Files into After Effects (5)

Sometimes, this is a great way to add customizability to your illustrations. In the attached example, and the gravel the van drives on is made into vector shapes. This was to add an effect called “Wiggle Paths” to make the ground appear more rugged.


Here’s a part that can end up being critical to your animation; When After Effects imports an AI file, it sees the layer as a raster object; similar to what you’d see in Photoshop. When you scale-up the AI file this way, you will see the edges get more pixelated. Thankfully, because you chose to work with vector you’ll have the option to constantly rasterize the artwork leaving you with clean, crisp edges. All you need to do is click on the “Continuously Rasterize” checkbox beside your layer.

How to Import Adobe Illustrator Files into After Effects (6)

(Video) Importing Files from Illustrator to After Effects

Don’t see it? You may have your Layer switches pane turned off. To enable it, just click on the left-most button at the bottom of the work comp window your illustration is in. We actually have an entire tutorial about Continuously Rasterizing in After Effects.

How to Import Adobe Illustrator Files into After Effects (7)

There's an even better way...

A few months ago Adam Plouff released a new plugin called Overlord that essentially allows you to automatically transfer files between Adobe Illustrator and After Effects. It's friggin' magic and if you do a lot of work in Illustrator work you need this in your life.

Now What?...

Well, now that you’ve brought your graphics into After Effects, it’s time for you to create amazing new animations out of some rad illustrations.Checkout After Effects Kickstart for a fun and easy way to learn After Effects.


Why is my Illustrator File so small in After Effects? ›

It's because that your Illustrator document is only 250*250. To fix that, you can either increase your artwork resolution in Illustrator and re-import it or scale it up in After Effects (depending on how you are going to use it after export). Let us know if there are any other questions.

How do I edit an Illustrator File in After Effects? ›

  1. Choose your image. Image via karnoff. ...
  2. Resize your image. ...
  3. Open the Layers panel to begin creating new layers. ...
  4. Ungroup animation layers. ...
  5. Move shape to separate layer animation. ...
  6. Select Release to Layers (Sequence). ...
  7. Vector files in After Effects. ...
  8. Don't forget to rename each layer.
Nov 20, 2020

How do I retain layers from Illustrator to After Effects? ›

Find the ai file you want to import and change the Import As type to Composition – Retain Layer Sizes. Click Open and you should see the layers as individual files in After Effects. That's it.

How do I fix the size of an Illustrator file? ›

Hit Ctrl + A on PC or ⌘ + A to select all the art in your file. Look in the top bar or Transform window and you'll see the width and height of your selection. link clicked, enter a new height or width dimension and hit enter which will then scale your image proportionally.

What is the best file format from Illustrator to After Effects? ›

The ideal file format for After Effects is an Adobe Illustrator (ai) file. Avoid EPS or SVG files as they won't import as a composition with many layers.

What format should I export from Illustrator? ›

An ideal file format for printing a document created in Illustrator is a PDF. PDFs will be larger than many other options, but will also provide the printer with more information. This file will also not lose quality over time and use.

Can you import 3D Illustrator into After Effects? ›

After Effects can import 3D-image files saved in Softimage PIC, RLA, RPF, OpenEXR, and Electric Image EI format. These 3D-image files contain red, green, blue, and alpha (RGBA) channels, as well as auxiliary channels with optional information, such as z depth, object IDs, texture coordinates, and more.

How do I import files into Adobe After Effects? ›

Choose File > Import > File. Select any file in the sequence. To import a subset of files in a sequence, select the first file, hold down Shift, and then select the last file to import. Choose Footage from the Import As menu.

How do I change the file size in After Effects? ›

If you are using After Effects, go to Composition > Add to Adobe Media Encoder Queue. Once the Media Encoder is open, click the “output file” link in the queue to edit the settings. In the video settings, scroll down to bitrate settings. You may have to press the down arrow to open the box.

How do I resize a file in After Effects? ›

Click the "Explore" button on the left side of the timeline, followed by clicking "Transform." Next, the dialogue box will open with multiple settings. There, you can change the "Scale" value to resize the Video, e.g., from 100% to 150% or 200%, etc.


1. How to import Adobe Illustrator Vectors into After Effects
(Javier Mercedes)
2. Import Illustrator files to After Effects for animation 2023
(Nick Khoo)
3. How To Import Adobe Illustrator Layers into Adobe After Effects in 2023
(Web Guru)
4. How to import Illustrator layers to After Effects
(David Lindgren)
5. How to Export or Import Illustrator Files to After Effects With Layers
(TechRuzz Tutorials)
6. How to prepare and import an illustrator file into After Effects for animation.
(Learn 2 Animate)
Top Articles
Latest Posts
Article information

Author: Kerri Lueilwitz

Last Updated: 06/28/2023

Views: 5399

Rating: 4.7 / 5 (47 voted)

Reviews: 86% of readers found this page helpful

Author information

Name: Kerri Lueilwitz

Birthday: 1992-10-31

Address: Suite 878 3699 Chantelle Roads, Colebury, NC 68599

Phone: +6111989609516

Job: Chief Farming Manager

Hobby: Mycology, Stone skipping, Dowsing, Whittling, Taxidermy, Sand art, Roller skating

Introduction: My name is Kerri Lueilwitz, I am a courageous, gentle, quaint, thankful, outstanding, brave, vast person who loves writing and wants to share my knowledge and understanding with you.