Trim path animation is moving my gradient

[Stefan Cargoski]

Hi Community.

I have applied a gradient to my animating circle using trim path animation.

The gradient has 4 colours, the 2 middle ones are exactly at 50% so they dont cause a smooth transition, I wanted a hard gradient stop, thats why they're at 50%.

When the animation starts, instead of seeing just blue to green, I can see some transitioning gradient happening in between the colours. 

Also, is there anyway of converting a PSD file into a Path, so I can apply trim paths?

Thank you.

https://streamable.com/qifwid

[Airweb_AE]

Maybe try to turn off: Align with Layer

[Stefan Cargoski]

Hello, thank you for your reply. That worked when I put the shape in the middle of the canvas. When I move the shape around, the gradient also moves position. 

[Airweb_AE · Accepted solution]

Precomp the layer and move the precomp.

[Stefan Cargoski]

Thank you, that did the trick. Seems like precomposing the layer, freezes the FXs from being live. And witihn the precomp, that's where I can tweek things.

Kind regards.