Trim path is animating in a weird way

[daisyg33488368]

I have imported a shape from illustrator and converted it to a shape in AE, then animated a trim path, but the path is not animating properly, it skips ! Attached is my timeline and the aniamtion.

[Martin_Ritter]

Make sure that there is only one shape in the shape layer.

The auto-conversion often makes crazy stuff.

*Martin

[daisyg33488368]

How do I do this?

[daisyg33488368]

[Martin_Ritter]

Create a new shape layer, add one single vertex using pen tool and copy&paste the path** from AI on this path property.

Then make some edits, like the rounded caps and path thickness and finally apply the trim path animation.

So, basicly re-create the thing in AE. It's less headache.

** I assume this is a single path in AI with a outline and beziér vertexes and not a shape with a fill and a crazy amount of path points.

*Martin

[pablokur]

make sure that your shape doesnt has a white stroke that we couldnt see over the white background

[thepixelsmith]

It isn't the Convert to Shape command that is the problem, the Illustrator path probably wasn't created in an efficient way that would make it animatable in AE.

Very often shapes that are created in Illustrator are not created in a way that would make them easy to animate in AE.

For example, in your screen shot the converted shape layer is made up off 5 different paths, each of them is being animated as part of the trim path effect. 

For a shape animmation like this you want one path, the one that creates the visible shape you want to animate.

It's possible that the extra paths are just junk that was created in Illustrator and can just be deleted, or they could be the result of the shape being drawn badly in Illustrator (separate paths being placed next to each other so they look like a single line). Without a bit of trail and error there is no way to know.

Based on the way it is animating it looks to me like the visible design was created in Illustrator by placing multiple individual paths next to each other. This would work for illustrator purposes but (since it ony cares about the visual appearance and not the structure) when trying ot animated in AE it causes a problem.

If they are multiple paths you could fix it in Illustrator by using the Join command (Object > Path > Join) or just redraw it as a single path.