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

How to link opacity with trim path speed

Enthusiast ,
Jul 15, 2024 Jul 15, 2024

Hi,

 

I am experimenting expressions. so I have done bar animation  with digits.  Suddenly I feel like why not making the digits start animating from invisible to visible.  I mean when the bar animation will start the digits will come into existance. then I link the opacity of the digits with trim path 'end'. But the opacity is not producing what I imagined. Then I realized opacity is taking trim path's movement exactly on same increment. I mean when trim path end value is 10 the digit's last opacity percentage will mimic that. because both range from 0-100.

then I multiply the opacity expression  *10.  beacuse I knwo I can apply basic math on expression.

 

Am I  thinking right? or totally miscalculate it?    or there is some other way I can pull what i imagined. Please guide me. I want the opacity of digits to start from 0 - 100 as the trim bar progresses, both (opacity speed and trim path's speed need to be same).

 

opacity trim.gif

TOPICS
Expressions , How to
509
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
LEGEND ,
Jul 15, 2024 Jul 15, 2024

As usual, filter it through a linear() expression. E.g. for your last 10% bar this might be:

 

linear(TrimPathHere,0,10,0,100);

 

Just adjust the first reference to the correct slider/ trim path function.

 

Mylenium

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
Enthusiast ,
Jul 16, 2024 Jul 16, 2024
LATEST

Thank you for this guidance. I was lost.

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 ,
Jul 15, 2024 Jul 15, 2024

I think I'd try something like this for Source Text:

thisComp.layer("42").content("Trim Paths 1").end.key(2).value

and this for Opacity:

val = thisComp.layer("42").content("Trim Paths 1").end;
linear(val,0,val.key(2).value,0,100)

 

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
Enthusiast ,
Jul 16, 2024 Jul 16, 2024

Thank you so much. I really appreciate this guidance.

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