Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

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

Community Beginner ,
Mar 28, 2025 Mar 28, 2025

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. 😊

TOPICS
Error or problem , Expressions , FAQ , How to , Scripting
70
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 28, 2025 Mar 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))
Translate
Community Expert ,
Mar 28, 2025 Mar 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))
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 28, 2025 Mar 28, 2025
LATEST

Thanks a ton!!

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines