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

Trigger opacity by a path progression

New Here ,
Sep 15, 2022 Sep 15, 2022

Hi, everyone!

 

I want to know how can i trigger opacity animation in a shape layer by the progression of a trim path. I am creating a line graphic that will be used everyday and i need this graphic to be the most quickly effort as possible.

 

Here is my graphic:

fabiojrge_0-1663277032379.png

 

I need the points opacity goes 0 to 100 when the path pass by then. Its possible?

 

Thanksss and sorry for my english rs

TOPICS
Expressions , How to , Scripting
520
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 ,
Sep 16, 2022 Sep 16, 2022

Using the linking option for the opacity parameters. Link Opacity parameter to the End parameter.

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 ,
Sep 16, 2022 Sep 16, 2022

That's not going to work because the path length does not equate to the distance between the points.

 

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
Community Expert ,
Sep 16, 2022 Sep 16, 2022

He is talking about the trim path operator and as you have exaclty the same type of parameter you can link opacity to end parameter on the trim path operator. So it works as I have explained. 

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 ,
Sep 16, 2022 Sep 16, 2022

You are misunderstanding his request, apparently.

 

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
LEGEND ,
Sep 16, 2022 Sep 16, 2022

Since the segments are linear, one would calculate the absolute distance between the points and correlate it to the percentage of the trim paths based on the absolute length of the line, which is simply based on accumulating the lengths of the individual segments. Then you can define a "fade in distance" and likewise correlate it to the actual path coverage. Perfectly doable, just a bit of code.

 

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
Community Expert ,
Sep 16, 2022 Sep 16, 2022
LATEST

The simplest way to turn each dot is to duplicate the layer with the animated line, make the line wide enough to cover the dots, and set it as a Track Matte for the dots. A little blurring, some round caps, and a couple of frames of animating the offset are all that is required. 

RickGerard_0-1663333589389.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