• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Jagged lines in After Effects especially when zoomed out

Community Beginner ,
Sep 18, 2023 Sep 18, 2023

Copy link to clipboard

Copied

Hi everyone, 

I have a strange display of lines in After Effects, but also Illustrator. Especially in diagonal lines / corners you can see stepped / jagged lines. Not sure what is the issue. 

I tried: Various versions of my GPU driver, different display, turning off and on GPU. 

Maybe it is normal, but on my macbook I don't have this issue.

Hope someone can help me, it doesn't look nice and is therefore not great to work with.

 

 

TOPICS
Error or problem , Performance , Preview

Views

378

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Sep 18, 2023 Sep 18, 2023

If you open Illustrator, turn on Pixel Preview, and turn on Shap to Pixel, you can create lines that match the pixel grid in After Effects. The trick to using thing lines in a video design is to create the illustrations in their hero position, then animate them in and out of position in After Effects. 

 

You should also do your final previews with the Comp Magnification Ratio of 100 or 200%. You also have to be suspect of any media player previews because they will scale the video to the size of

...

Votes

Translate

Translate
LEGEND ,
Sep 18, 2023 Sep 18, 2023

Copy link to clipboard

Copied

Nothing wrong. Your lines are very thin and at acute angles. This is impossible to get perfect antialiasing on and technically it looks like it should as far as AE and AI go if you scale vector content designed at a higher DPI . Chances are that your Mac simply applies a second pass of screen space antialiasing and/ or the screen is scaled, so oit looks softer, but ultimately it won't be different from what you see here. The only way to really be sure is to construct everything at 72 DPI and 100% or else you won't be able to correctly judge and fix these issues like applying slightly thicker lines or additional effects.

 

Mylenium

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 18, 2023 Sep 18, 2023

Copy link to clipboard

Copied

Hi Mylenium! Thank you for your answer. Always good to hear nothing is wrong. I guess it might be a resolution thing than... My Macbook (which is officially a worse in terms of requirements) somehow only starts showing these lines at 12,5% zoom. I got quite annoyed by this, I guess the best way to visually look if all works is have always a 100% view on a big screen maybe?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2023 Sep 18, 2023

Copy link to clipboard

Copied

If you open Illustrator, turn on Pixel Preview, and turn on Shap to Pixel, you can create lines that match the pixel grid in After Effects. The trick to using thing lines in a video design is to create the illustrations in their hero position, then animate them in and out of position in After Effects. 

 

You should also do your final previews with the Comp Magnification Ratio of 100 or 200%. You also have to be suspect of any media player previews because they will scale the video to the size of the media player. Thin lines, one pixel (or one point), are always problematic, especially when they are high-contrast lines. Black lines on a white background are especially difficult to deal with. The only chance you have for perfect horizontal or vertical lines solid black lines in your final comp is to use the snap-to-pixel feature in Illustrator and check the Pixel Preview at 400% or more. 

 

I hope this helps. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 19, 2023 Sep 19, 2023

Copy link to clipboard

Copied

LATEST

Thank you very much. Great help!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines