Skip to main content
Inspiring
July 15, 2026
Question

Workflow from Illustrator to After Effects (music notation animation project)

  • July 15, 2026
  • 2 replies
  • 23 views

Dear all,

I am hyper-new to After Effects but I could not refuse this job as it is for a friend so I need to learn this and just do it! I have gone through all of the ‘Learn’ in-app tutorials but, regardless, I am stuck. 

The project is about animating music notation transformation over a musical score. The process is therefore something like this:

  1. prepare the notation file in the music notation program
  2. export it in SVG (or PDF, but I prefer to work in SVG, unless you think PDF is better for this)
  3. import SVG in Illustrator (Ai), adjust the colours and layers (every object that needs to be moved on its own layer as instructed).
  4. animate in After Effects (Ae)

Now, since the Ae canvas is in 1920x1080, I’ve created an Ai document with an dartboard of the same size and imported the SVG in it. I manipulated it as needed, then saved it as an .ai file. In Ae, I’ve created a new project, then pressed Cmd-I to import, selected the .ai file and, from the dropdown, changed the type to ‘Composition - Retain layer size’. 

First problem: it is extremely pixelated. First try: activate the Continuously Rasterise option in the timeline. It improves a tiny bit but not enough. Other things I have tried from other posts here and on the wider web:

  1. In Ai, turned on View > Pixel Preview and Snap to Pixel and noticed that, when enlarging, it is indeed pixelated as h***. 
  2. In Ai, I doubled the size of the artboard and of its content, then saved the project and scaled it down in Ae. It is better but still pixelated and I am not sure I can work with it.

In certain tutorials on the web it is shown how a vector image remains perfectly vectorised even when enlarged, something that is not happening with my file. I believe there must be some problem somewhere either in my process or in my files. I’m attaching the .ai and .aep files for you to check whether there is something that I have missed. 

I naturally feel the deep frustration of the beginner trying to do something that is way beyond his level so, please, explain to me like I’m 5, maybe 6, no more! 

Thank you very much!

    2 replies

    Nishu Kushwaha
    Community Manager
    Community Manager
    July 15, 2026

    Hi Inélsòre, welcome to AE. You're doing most things right. AE does keep your vectors as vectors internally when Continuously Rasterize is on, but the pixelation you're seeing is likely a preview quality setting rather than the actual file. Two things to check:

    1. Composition Panel Resolution. Look at the bottom of your Composition panel. There's a dropdown that says Full, Half, Third, Quarter, etc. Set it to Full. This is often set lower by default to save performance and it makes vectors look pixelated on screen.

    2. Composition Panel Zoom. Also at the bottom of the Comp panel. Set it to 100%. If you're viewing at 200% or higher, you're zooming past the working resolution and everything looks fuzzy even vectors.

    You can scale your vector layer with the Continuously Rasterise turned on without losing the quality. Scaling the layer and zooming in the composition panel are two different things.

    Hope that helps you get unstuck! Let me know.

     

    Thanks,

    Nishu

    Inspiring
    July 15, 2026

    Thank you Nishu.

    I had forgotten to mention those too. My Composition Panel Resolution was set to Full and the Panel Zoom also to 100%. 

    Perhaps it is my expectation that is wrong since I almost never work in video production. Since the project is in 1920x1080 (and will output as such) and I’m working on a Retina display (M3 Max MacBook Pro), perhaps it is normal that I do not see a result that I like? 

    Effectively, scaling the artwork in Illustrator up to 4K resolution and then to 50% with the Scale property in AE produces better results. I just wonder if I should not expect a vector result in Ae after all. 

    By the way, have you tried with the attachments I sent? Does it work as expected on your end?

    Nishu Kushwaha
    Community Manager
    Community Manager
    July 15, 2026

    You can expect crisp vector graphics in After Effects. Check out the GIF. This is your file, and I can scale it indefinitely. Do you mind sharing a screen recording of what you’re seeing? Do not crop the video. A screen recording of the full Ae UI will be helpful.

    Looking forward to your response.

    Thanks,

    Nishu

    Inspiring
    July 15, 2026

    PS: from another post here I have learned that Ae is not a vector program and that everything will be rendered in raster. I don’t know how much this information can help me improve my situation.