Copy link to clipboard
Copied
I have imported my AI file into After Effects at my required size animation project of 200x200px - when imported to After Effects, the quality of declines significantly. I have tried troubleshooting by
-rasterizing all layers in my AI file to be more compatiable with AE
-turning on 'continuously rasterize' in AE
-saving larger pixel scaled files, but they are too big for my required project sizing
Why is the quality significantly decreasing from AI to After Effects and how do I fix this to create high quality animations while retaining 200x200px size requirement?
Are there any better applications for simple animations of AI files?
Copy link to clipboard
Copied
Set the Magnification Ratio in After Effects to 100%. Now you are looking at the pixels in the video. That's as big as the video will be. If your AI file's artboard is 200 X 200 points or pixels and you turn on Pixel Preview, you'll see the same thing you see in After Effects when viewed at 100%.
For artwork that small, you must, and it is an unbreakable rule, have all horizontal and vertical lines precisely lined up with the pixel grid. You should have Snap To Pixel turned on in Illustrator. No horizontal or vertical lines can be smaller than 1 point (pixel).
200 X 200 is too small to read the small type on the can if you look at pixels. It also looks like you have raster effects like drop shadows on the AI file.
Why so small? This is your image at 200 X 200 pixels.
In your screenshot, the image is almost exactly 800 pixels wide. If the preview in Illustrator was set to Pixel Preview in the view menu and you set the magnification to 400%, it would look just like it does in After Effects.
This screenshot is 1000 pixels wide in your browser.
Even by today's standards, 200 X 200 on any device, that's tiny, tiny, tiny. Most displays double up on pixels, so if 200 X 200 on a web page is the final goal, a pixel-based image should be 400 X 400, and the size should be set to 200 X 200 in the HTML code <li-image width="200" height="200" >. That would at least give you the option of having a little sharper image on a high-rez display.