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

Animating two graph lines in After Effects - please see example

New Here ,
Nov 16, 2025 Nov 16, 2025

I am animating a graph so the lines travel accross the screen at the same time. They need to go at the same point accross the screen even though they are different lengths in total. I have attached an example of where I'm up to - I have the pink and green dots separate to the lines and I'm using a combination of trim paths, linear wipe and time stretch to acheive this. It is proving quite fiddly and time consuming! Does anyone have a suggestion of how I could do this more easily? Would appreciate any help, thank you.
https://vimeo.com/1137417192/6f6ba08e3b?share=copy&fl=sv&fe=ci

TOPICS
How to
75
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 , Nov 24, 2025 Nov 24, 2025

@Rhona316252244zr0 

 

For animating lines on a graph, I frequently like to use the Write-on effect (Effect > Generate > Write-on) to independently animate the appearance of the lines (in sync or out of sync) or the Stroke effect (Effect > Generate > Stroke) with a Mask path.

While these tutorials cover how to do this for text, it works the same of lines on a graph:

Translate
Community Expert ,
Nov 17, 2025 Nov 17, 2025

I'm getting an error message on Vimeo (saying enter the url correctly) so I can't see what you have already, but I think the simplest option is to animate a rectangle moving from left to right and use that as a track matte for both lines. 

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 Expert ,
Nov 24, 2025 Nov 24, 2025
LATEST

@Rhona316252244zr0 

 

For animating lines on a graph, I frequently like to use the Write-on effect (Effect > Generate > Write-on) to independently animate the appearance of the lines (in sync or out of sync) or the Stroke effect (Effect > Generate > Stroke) with a Mask path.

While these tutorials cover how to do this for text, it works the same of lines on a graph:

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