Distortion of imported .SVG & .AI files

Forum|Forum|4 years ago
May 1, 2021
1 reply
5077 views

Whenever I import a vector file (.SVG or .AI) like this one into Animate, the center of the file becomes distorted and pixelated. They're vector files, so they can in theory be displayed at any resolution.

I have spent a long time trying to figure this out with no luck.

Any ideas on how to get these files to display cleanly? Does Animate limit imported image data? Is there a way to overrie this?

I've tried increasing artboard/image size in Illustrator and unchecking the "responsive" option when exporting SVG, to no avail.

Thanks in advance!

This topic has been closed for replies.

Mario_CR

Community Expert

I can't see the pixelation from your image, it looks like aliasing to me. If you zoom in towards the center of the stage does the shapes get pixelated? Could you upload a comparisson between the Ai/SVG file vs Animate? Or even better share the files to check.

L

Lee1549Author

Participating Frequently

Here are screenshots from the AI and SVG zoomed in 2000%. It's a combination of distortion of certain shapes and disappearance of others.

L

Lee1549Author

Participating Frequently

Yes, the animation is an infinite loop that zooms in 262%.

The document size was originally 2048x2048, I made it larger to see if that would have an effect when I import it into illustrator. In theory, the vector file could be enlarged 1,000x and the center point would still be less than 1 pixel.

It's interesting that the loss of data in Animate is heterogenous, with some larger shapes disappearing or distorting while some smaller shapes are fine. Could it help to delete some of the invisibly small shapes on the imported document?

Here is a test animation where I placed a grey circle in the center to see if that would be an acceptable fix (it wasn't).

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded