Hi Thanks for this script this is a very nice and helpful script. I am having problems with more than one path. Can you please guide me on how to run arrow shape on other path when 1st one is completed Thanks

This is so helpful, thanks! Would love more tutorials like this

Wow thanks so much! You the real MVP

my god this is a crazy amount of work for a simple line chart

Thank you so much Daron! It helped a lot, the fact that you explain how the expression works, made me be able to animate something that was not exactly the same problem you shared, but had the same solution. I needed to connect the center point of a light to a path, and it worked perfectly! Your tutorial was a real life changing!

This is by far the best tutorial I've come across for working with CSV data. There are some minor changes I would make to certain parts of the expression to make it more flexible to work with within a larger comp (mostly to allow room for additional elements of the graph that may need to be in the same comp), but those are easy enough to tweak, and I'm really glad that you kept it simple. Great work!

thanks madam you save my day

This is so helpful! Is anyone having an issue with the shape rotating near the end of the trim path animation?

Thank you

I've been looking for ages for this, thanks!

Hi, I've got this to work but my path has been reversed, so now the shape object follows it but in reverse to the trims path, ie as my line draws in from the left my shape starts at the right! Is there a way around this using an expression to counter it?

Works great. Thank you. With some help with GPT I was able to turn this into a script to turn the process into a one click solution. Check it out: The Script: ```javascript // Check if exactly two layers are selected if (app.project.activeItem.selectedLayers.length == 2) { var arrowLayer = app.project.activeItem.selectedLayers[0]; var lineLayer = app.project.activeItem.selectedLayers[1]; // Apply the position expression to the arrow layer var expression = "var path = thisComp.layer(\"" + lineLayer.name + "\").content(\"Shape 1\").content(\"Path 1\").path; "; expression += "var trimPath = thisComp.layer(\"" + lineLayer.name + "\").content(\"Shape 1\").content(\"Trim Paths 1\").end/100; "; expression += "var targetLayer = thisComp.layer(\"" + lineLayer.name + "\"); "; expression += "var point = path.pointOnPath(trimPath); "; expression += "targetLayer.toComp(point);"; arrowLayer.property("position").expression = expression; // Set Auto-Orient for the arrow layer arrowLayer.autoOrient = AutoOrientType.ALONG_PATH; // Optional: Prompt for manual rotation offset var rotationOffset = parseFloat(prompt("Enter rotation offset (degrees):", "0")); if (!isNaN(rotationOffset)) { arrowLayer.property("rotation").setValue(rotationOffset); } } else { alert("Please select exactly two layers: the arrowhead layer and the line layer."); } ``` To use this script: 1. Save the script as a `.jsx` file. 2. In After Effects, go to `File > Scripts > Run Script File...` and select your script. 3. Make sure you have exactly two layers selected in your composition: the layer that follows and the layer with the trim paths. 4. Run the script, and it will apply the expression and set up the orientation for you. NOTE: You will have to have your trim paths effect within the same "group" as your shape. Also, don't forget to adjust the anchor point on your layer that will follow the path.

Thank you! Unfortunately it's not ganna work as mogrt in Premier Pro (the second option). Didn't tryed first one

This rules, thank you.

Hi ! Thx so much for this tutorial, I have a some struggle AE is lagging so much when consulting the CSV, any idea to avoid that ? I am on M1 Max

var path = thisComp.layer("Target Layer Name").content("PATH").content("Shape 1").path; var trimPath = thisComp.layer("Target Layer Name").content("PATH").content("Trim Paths 1").end /100; var targetLayer = thisComp.layer("Target Layer Name"); var point = path.pointOnPath(trimPath); targetLayer.toComp(point)

Na, increible

Your explanation was sooo good/easy to follow, thanks so much!

The most major problem with using time remapping this way - you don't have ability to use any motion to text animation. Which, makes text blunt and boring :|

Clear and insightful. Even I can nail it (at second try). Thank you very much, life saver. Go Girl! 👏

Thanks!! Was very useful! I was struggling to do this and you solved it! Thanks!

awesome expression tutorial. thants for sharing

How does the editable field in Essential Graphics panel operate when you Time Remap and Pre-Comp? I notice it still appears (even though the text layer is pre-comp'd) -- so I assume it still functions. If that's the case, I suppose you just have to make sure you include that property (and any other ones you want included in the MOGRT) before pre-comping?

Thank you so much, you saved my life. <3

Thanks for the video! It helped me get a solution to my case. I have two text layers ("Text - Right" with the right paragraph and anchor point on the right top side and "Text - Left" with the left paragraph and anchor point on the left top side). In the Source Text of the "Text - Right" layer I added this expression: const referenceText = thisComp.layer("Text - Left").text.sourceText; const style = referenceText.getStyleAt(0,0); style.setText(referenceText); *** So, if I change the text size in the Essential Graphics, it will be changed here as well. In the opacity of both text layers I will add what I want to lead the changes, in my case: controlX = thisComp.layer("Position - Global").transform.position[0]; if(controlX >= 420) 100 else 0 I hope that helps someone!

Thank you. do you also know how to involve an offset value made by trimpath into the codes so that the arrow head or triangle doesn't fall behind or move forward?

This would be so cool but it's just not working for me :/

Why did you channel stop making videos?

my code does not work

This is fantastic and just what I needed. Thank you so much for sharing this knowledge.

Thank you very, very much 😘

Great. I am working with thicc stroke. This is massive value you're offering Daron. Thank you very much.

Thanks for sharing. I followed the steps, but for some reason the path is generated (purple line is showing), but the stroke does not want to show up. I added the stroke first and then I added the path. Do i need to connect the stroke with the path somehow?

Thank you so much, super helpful video! Will you be able to make one in the future about how you created the x-axis and y-axis to expand out the graph?

Fabulous tutorial!!!! Just what I was looking for and worked perfectly. The explanation for understanding how the expression works was also super clear.

The text size, font, and faux styles can not be changed in the mogrt using this method. Is there a work around?

Thank ya

I'm doing it exactly as your instructions but I'm getting a "Undefined value used in expression (could be an out of range array subscript?)" error when I try adding var path or var trimpath to my expression, can't figure out for the life of me why!!

Great tutorial! But I tried doing this to a 3D layer, and it messes with the Z-position of the null object and sends it back several thousand values. Any idea on how to fix this issue within the expression?

THANKSSSSS A Millionnn !

i'm using a closed path for this, and i've offset the trim to start in a different place on the path. how do i apply the same offset to the following arrow to take into account the offset?

Super Usfull, Thanks for sharing this 😍one thing can make it simpler instead of time remapping, Use 3 text layers each with a different alignment

very good tutorial this exactly what i got tired searching for. thank you very much indeed wish you best of luck

Good tutorial, but it's not working for me in Adobe AE 2022. I get an error saying "Undefined value used in expression". I've followed your code to a T. So weird.

Thank you for saving me a GAJILLION hours. You're a wizard. :)

I'm getting an error saying - path.pointOnPath is not a function What can I do?

Can you post the files please

Lifesaver! 💖💖💖💖

Cool! Hey you should at least have a donate-button somewhere, this is valuable stuff.

this is just the effect i needed. however, what if my trim path has an offset? how do i have it so the object starts at the offsetted point?