Great tutorial! After finishing it, I´ve made a simplified version of the code: yourTextLayer = thisComp.layer("text"); x = yourTextLayer.sourceRectAtTime().width * yourTextLayer.transform.scale[0]/100; y = value[1]; [x,y];
hi thank you great job but your script does not work in my after fx 2020 do you know why can you help me targetLayer = thisComp.layer("mavianemon"); this line mostly error w = targetLayer.sourceRectAtTime().width; and this too if i delete other line
Hi Sergey, can you tell please what plugin or extension you use in expressions console because in your video I saw interactive expressions and menus with operators, it is like in sublime text editor, please suggest where I can find it?
Exactly what I was going to say. It's an unnecessarily convoluted way of calculating it. Why would you subtract 100 from the percent in one line, then add it back in ("w +") in the next?? Bizarre.
For left aligned text you have to move the anchor point of the line (rectangle shape) to the left. For example if you have a layer "Letters" with the text and another layer with Rectangle 1 shape for the line then the expressions would be: Rectangle path size: [thisComp.layer("Letters").sourceRectAtTime().width, value[1]] Transform: Rectangle 1 anchor point: [-content("Rectangle 1").content("Rectangle Path 1").size[0]/2, 0] Transform: thisComp.layer("Letters").transform.position
Parenting combined with the expression would behave differently; for one, the line wouldn't stay the same thickness when scaling. Or, if you're suggesting just parenting with no expression at all, then when you want to create a second version with different text, the box wouldn't be the right size.
It is likely that anyone watching this type of video is an advanced expressions user or writer, you don't have to waste time explaining how Array values work, or that the position property is defined using arrays. Hopefully this is not the case of padding your video to reach a particular duration. Better time could have been spent explaining the Math behind the finalSize value. Thanks for sharing
Surely if you parented the underline to the text layer - it would simply follow the scale of the text layer?
Great tutorial! After finishing it, I´ve made a simplified version of the code:
yourTextLayer = thisComp.layer("text");
x = yourTextLayer.sourceRectAtTime().width * yourTextLayer.transform.scale[0]/100;
y = value[1];
[x,y];
Yeah, the expression provided is unnecessarily convoluted.
Literally looking for this solution in the last 24 hours
You're on a roll! Thanks bro!
Thank YOU! 😁
Instant like to Sergei!
Great stuff, but why didn't you pickwhip the scale and multiplied it with x/100?
hi thank you great job but your script does not work in my after fx 2020 do you know why can you help me
targetLayer = thisComp.layer("mavianemon");
this line mostly error
w = targetLayer.sourceRectAtTime().width;
and this too if i delete other line
Thank you Sergei!
how can I do this but using a composition instead of a shape?
there's an error in height code. should be:
CODE FOR HEIGHT:
...
finalSize = h + p * h;
What if I add a space at the end of the word? How can I make the shape extend so it underlines the space character as well?
Hi Sergey, can you tell please what plugin or extension you use in expressions console because in your video I saw interactive expressions and menus with operators, it is like in sublime text editor, please suggest where I can find it?
Great, thank you!
Your video card does not support the selected configuration please reduce the layer size
I copied this code verbatim word for word and can't get anything to work. Is this code still valid in 2024 with After Effects 2024?
p = (s - 100) * .01
finalSize = w + p * w
This is the same as:
finalSixe = s * .01 * w
So all you have done is to scale w by the scale parameter?
Exactly what I was going to say. It's an unnecessarily convoluted way of calculating it.
Why would you subtract 100 from the percent in one line, then add it back in ("w +") in the next?? Bizarre.
Just saved my life
That's great to hear! Thanks for watching, Keith!
But it's suitable for text that aligns center only. With aligning left and right, the shape does not work. :(
For left aligned text you have to move the anchor point of the line (rectangle shape) to the left. For example if you have a layer "Letters" with the text and another layer with Rectangle 1 shape for the line then the expressions would be:
Rectangle path size:
[thisComp.layer("Letters").sourceRectAtTime().width, value[1]]
Transform: Rectangle 1 anchor point:
[-content("Rectangle 1").content("Rectangle Path 1").size[0]/2, 0]
Transform:
thisComp.layer("Letters").transform.position
@@ChupoCro Where would this go along with his coding? I'm a little lost here.
Nice script, but wouldn't a simpler way be to just parent the shape layer to the text layer? That's how I've done it.
Parenting combined with the expression would behave differently; for one, the line wouldn't stay the same thickness when scaling. Or, if you're suggesting just parenting with no expression at all, then when you want to create a second version with different text, the box wouldn't be the right size.
It is likely that anyone watching this type of video is an advanced expressions user or writer, you don't have to waste time explaining how Array values work, or that the position property is defined using arrays. Hopefully this is not the case of padding your video to reach a particular duration. Better time could have been spent explaining the Math behind the finalSize value.
Thanks for sharing
It is thanks to Ukramedia not assuming people know everything about expressions that I am able to learn more and increase my productivity in AE.