Any idea how to prevent this flickery artefact when animating lines?

[Siloow]

Hello!

I want to create a simple animation in After Effects where some lines fade in. I've created the vector shape in Illustrator, imported it in Adobe After Effects and used the [Create > Create Shapes from Vector Layer] option. Then by going into this object [Add > Trim Paths] I am able to animate the start and end position of the lines.

The problem I'm having is that when I play the animation, some of the lines start flickering. This flickers gets worse when I use the [Easy In] option.

I've tried:

- Changing the Stroke Width of each line

- Setting a higher frame rate for the composition

Any ideas on how to prevent this?

Cheers

[Mark27515456ugp5 · Accepted solution]

Hello,
Make sure your thin lines are precisely lined up with the pixel grid to start with by using snap to pixel and designing in Illustrator or by examining the AE comp panel with a zoom factor of 800%, then use an expression to move the layer precisely an even number of pixels per frame so the edges don't get re-interpreted.
More information is here: https://community.adobe.com/t5/after-effects-discussions/aliasing-artifacts-with-high-contrast-anima.../alaskasworld.com

Thanks,

[Siloow]

Thank you!

What solved it for me (from the post you mentioned) is scaling up the vectors' lines in Illustrator to be at least 5 pt.