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.
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:
- How to export After Effects as MP4 (without Media Encoder) 2019
- How to place your UI design in a mock-up (Photoshop tutorial)
- Review on Affinity Designer for UI design