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

Trim Paths is growing the thickness of the line that has already been revealed

Community Beginner ,
Oct 03, 2023 Oct 03, 2023

Hello! This is my first time posting to this board. 

I have a small issue that has been bugging me that I cannot seem to fix. 
I am creating shot tracers for golf videos. This requires me to create a tapered stroke (so that the end of the line is thinner than the beginning). 
This helps give the perception that the line is getting farther away.

However, when I apply Trim Paths to the line, it isn't just "revealing" the shape that is already there. It is actually changing in thickness a bit once it has already been created. It is a little bit hard to explain, so I will attach a screenshot. 

Please let me know if you have any questions or if I can clarify anything. 

The 7:15 mark in the link provided is a good example as well. 
Although the animation looks decent, you can see how the thickness of what has already been revelaed changes a bit over time.

Line to be revealed.png

TOPICS
How to
1.1K
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 ,
Oct 03, 2023 Oct 03, 2023

If your path starts at the bottom of the frame, you'll have to animate the end width of the taper in the opposite direction as the end value of trim paths. The Trim Paths/End value would go from zero to 100, so Shape/Taper/End Width would go from 100 to your desired end width. If you want the end of the line to be 5%, then you could use a simple linear interpolation method like this to solve the animation problem and you will only have to deal with two keyframes.

t = content("Shape 1").content("Trim Paths 1").end;
linear(t, 0, 100, 100, 5)

If this gives you a backward result, you can change the first vertex to the bottom of the path or use the Change Direction switch just to the right of the path. It looks like two lines.

RickGerard_0-1696356902067.gif

 

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 ,
Oct 03, 2023 Oct 03, 2023

Hey Rick, thanks so much for the response and putting your time into this.
I cannot thank you enough. This looks to be exactly what I am after. I will give this a shot. 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
Community Beginner ,
Jan 14, 2024 Jan 14, 2024
LATEST

Hello, I wanted to circle back on this here. So this has definitely been a helpful solution, but I think there is one more thing that I am missing.

Is there a way to essentially pick a spot along the line where I want the taper to start, and then essentially from that point on, the width all the way to the end would remain the same? I am trying to replicate what is shown below, but I am unable to with this expression and the easing commands.

Luke24453598fype_0-1705259558823.png

As you can see, in the stroke above, the line does not get pointy at any point. Once this line completes all the way to the ground, it would have that same thickness level.

As you can see in my setup below, trying to get the end to be thinner has an impact on the entire stroke. It makes all of it come off as pointy, as opposed to hitting a certain spot and staying at that new width like the one above.

Luke24453598fype_1-1705259659149.png
I would appreciate any guidance or thoughts with this. Thanks!

 

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