Skip to main content
Participating Frequently
March 28, 2025
Answered

How to Delay Trim Path "Start" Relative to Trace Path "Progress" in After Effects?

  • March 28, 2025
  • 1 reply
  • 426 views

Hi everyone,

I'm working on an animation where a line follows a circle using Trim Paths in After Effects. The idea is to have the Trim Path "Start" property follow a Trace Path effect's "Progress" value, but with a 15-frame delay.

What I Have Done:

  • I successfully linked the Trim Path "Start" to the Trace Path "Progress" using expressions:

     
    thisComp.layer("Trace Shape Layer 1: Path 1 [1.1]").effect("Trace Path")("Progress")
  • However, I need a 15-frame delay before the Trim Path "Start" starts following the progress. That means when the circle moves for 15 frames, only then should the Start animation begin from 0.

Issue:

When I try using .valueAtTime() to introduce the delay, I get an error:
"Couldn't turn result into numeric value."

Question:

  • How can I modify my expression to correctly introduce a 15-frame delay while ensuring "Start" follows the "Progress" animation smoothly?

  • Is there a better approach to achieving this effect?

Any help would be greatly appreciated! Thanks in advance. 😊

Correct answer Dan Ebberts

Did you try it this way?

thisComp.layer("Trace Shape Layer 1: Path 1 [1.1]").effect("Trace Path")("Progress").valueAtTime(time - framesToTime(15))

1 reply

Dan Ebberts
Community Expert
Dan EbbertsCommunity ExpertCorrect answer
Community Expert
March 28, 2025

Did you try it this way?

thisComp.layer("Trace Shape Layer 1: Path 1 [1.1]").effect("Trace Path")("Progress").valueAtTime(time - framesToTime(15))
Participating Frequently
March 28, 2025

Thanks a ton!!

.valueAtTime(time - framesToTime(15)) correctly shifts the value 15 frames earlier. This is exactly what I am looking for.
Thanks again