Trim Path Looping Troubles

[Elyse Da Silva]

Hi there,

I'm having trouble getting my trim path to loop seamlessly - I feel so close yet so far. 

You can see in the video clip that there is a bit of overlapping between pass 1 & pass 2 before looping. How do I get the looping effect without any stutter? I've tried adjusting the start and end points, and adjusting the offset but nothing seems to be working. I've tried to include my keyframes to make it easier to diagnose what may have gone wrong.

Any suggestions or solutions to this? If there is an expression that would solve this I wouldn't know it so feel free to share! 

[Elyse Da Silva]

Including a gif of the animation here so it's a bit more clear as to what's going on. 

Apparently my screen recording was too big so I compressed it and it now looks terrible!

[Rick Gerard · Accepted solution]

If you are using loopOut(), the first and last frames must be identical. You have a pause, probably at the end of the animation, that looks to be a few frames long.  I drew an ellipse, added Trim Paths just below the Path, set a start and end value to give me a partial path, adjusted taper to give me a tapered line, and animated the offset from 0º to 1 revolution and 0º so the first and last frames are identical and added loopOut().

Then I just copied the gif of the recording and pasted it to the reply field on the forum so you could see the result. A perfect loop using loopOut() only.

[Elyse Da Silva]

This worked perfectly! Thank you so much for sharing and offering your insight 🙂