Trigger opacity by a path progression

New Here ,
Sep 15, 2022 Sep 15, 2022

Copy link to clipboard

Copied

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

Views

48

Likes

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

Copy link to clipboard

Copied

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

Likes

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

Copy link to clipboard

Copied

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

 

Mylenium

Likes

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

Copy link to clipboard

Copied

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. 

Likes

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

Copy link to clipboard

Copied

You are misunderstanding his request, apparently.

 

Mylenium

Likes

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

Copy link to clipboard

Copied

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

Likes

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

Copy link to clipboard

Copied

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

 

Likes

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