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

Tapered Stroke Variable width

Community Beginner ,
Jan 17, 2024 Jan 17, 2024

Copy link to clipboard

Copied

Hello, first, I just want to say that I appreciate any potential help and guidance that can be provided.

I create shot tracers for Golf videos.
As of now, I have a pretty solid working method that I have been using. However, there is one small thing that continues to elude me, despite my extensive research. 

Essentially (as an example), I am trying to create a line or expression where I can say:

"I want the stroke to start at 20px in width.
 I only want to start tapering once the stroke is 50% revealed.
Once it is 50% revealed, I would like to blend to 10px for the next 10%, and then keep the 10px width for the remaining 40% of the stroke"

I have pasted in a screenshot of what I am trying to accomplish.
Please let me know if you have any questions, or if I am being unclear in any way. 

Thanks!

Luke24453598fype_0-1705509909836.png

 



TOPICS
Expressions , How to

Views

77

Translate

Translate

Report

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 ,
Jan 17, 2024 Jan 17, 2024

Copy link to clipboard

Copied

You can do this with a single Shape Layer path, trim paths, and a taper on the stroke. The first step is to draw the path starting closest to the camera (bottom left). Next, spin down Taper and set the end width to something you like for the end of the path. I chose 20% in this example. Then select Shape 1 and add Trim Paths. You will want to animate the end value from zero to 100. 

 

The trick is setting up a linear expression that modifies the end width from 100% to 20% as the trim path draws the line. To make things look better, I selected Round Cap. 

 

Here's the expression I used to start the taper when the line is 40% complete (because of the arc).

 

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

 

This is the result:

RickGerard_0-1705543487896.gif

The screen recording shows the taper starting at zero, but you can make it start anywhere along the line. I think a constant taper looks more like the ball path you see when the PGA broadcasts events. I hope this helps.  

Votes

Translate

Translate

Report

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 17, 2024 Jan 17, 2024

Copy link to clipboard

Copied

LATEST

Rick, thank you so much for the quick and detailed response on this.
I will give this a try and see what I come up with. I will let you know if I have any questions.

Thanks again!
Luke


Votes

Translate

Translate

Report

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