How to prepare logo format for After Effects

How to prepare logo format for After Effects

In this tutorial, I’m going to show you how to prepare a good logo format for After Effects.

So, if you want to animate your logo in After Effects it’s recommended to first prepare the logo in Adobe Illustrator (Ai). The logo should always be made in a vector format, and not in a bitmap. A vector format will make the logo editable and scalable in the future.

Read more about vector format here.

Step 1: Logo preparation in Adobe Illustrator

  • In Adobe Illustrator, you want to open your logo (which should be in a vector format).
  • Make sure that every element that you want to animate is in its own layer.
    • Otherwise, After Effects will merge multiple elements into one single layer, making it hard to animate.
  • Save the file.

Step 2: Import the logo in After Effects

  • Open After Effects
  • In After Effects go to “File” -> “Import” -> “File…”
  • Select the Adobe Illustrator (.ai) file you created in Step 1.
  • Choose “Import As:” -> “Composition – Retain Layer Sizes”
    • This will make sure each element keeps its own layer
  • In the timeline, mark “Continuously Rasterize” to get rid of the pixelated borders. This will make your elements sharper.
    • If you can’t find “Continuously Rasterize” in After Effects 2018, try clicking on “Toggle Switches/Modes” at the bottom of the timeline.

I hope this video on how to prepare a good logo format for After Effects was helpful!

More design articles

If you’re interested in reading more articles about design you can check out my related posts:

Instagram @wendy.design

Wendy Zhou

Wendy Zhou

UX/UI designer from Sweden. I write about design, tech, side projects, personal finance and cyberpunk. Contact: wendyzhou.design@gmail.com

Leave a Reply

Your email address will not be published. Required fields are marked *