How to Get Correct Text Layer Size in After Effects
ฝัง
- เผยแพร่เมื่อ 30 ก.ค. 2024
- In this tutorial, Sergei will show you how to get the correct text layer size using Expressions in After Effects.
Project File & Code: ukramedia.com/how-to-get-corr...
Expressions Course: ukramedia.com/expressions
Blender Course: ukramedia.com/blender
______________________________________________________________
CODE FOR WIDTH:
targetLayer = thisComp.layer("Layer Name");
w = targetLayer.sourceRectAtTime().width;
s = targetLayer.transform.scale[0];
p = (s - 100)* .01;
finalSize = w + p * w;
finalSize
______________________________________________________________
CODE FOR HEIGHT:
targetLayer = thisComp.layer("Layer Name");
h = targetLayer.sourceRectAtTime().height;
s = targetLayer.transform.scale[1];
p = (s - 100)* .01;
finalSize = w + p * h;
finalSize
______________________________________________________________
LINKS:
Ukramedia Website: ukramedia.com
Shape Layers in After Effects Tutorial: • Shape Layers in After ...
Ukramedia Podcast: ukramedia.com/category/podcast/
Ukramedia Mentoring Group: / ukramedia
ML3RD KIT - Bundle: www.ukramedia.com/ML3RD
ML3RD KIT - Flat Style: ukramedia.com/product/modular...
ML3RD KIT - Corporate Style: ukramedia.com/product/modular...
ML3RD KIT Batch Duplicator: www.ukramedia.com/ML3RD
Get Adobe After Effects and CC: clk.tradedoubler.com/click?p(...)
Get Adobe CC Trial: clk.tradedoubler.com/click?p(...)
Get Adobe CC Student: clk.tradedoubler.com/click?p(...)
Find The Perfect Asset For Your Next Creative Project: clk.tradedoubler.com/click?p(...)
LET’S CONNECT:
Facebook: / ukramedia
Sergei's Facebook Page: / sergeiprokhnevskiy
Twitter: / ukramedia
Instagram: / ukramedia
Pinterest: / ukramedia
Linkedin: / ukramedia
TH-cam: / ukramedia
Mailing Address:
P.O. Box 621
Huntersville, NC 28070
*** MUSIC BY: VLAD SOLOKHA. Vlad is a family friend who is a very talented musician. You can reach out to him by going to his facebook at vlad.solokha....
#AfterEffects #Expressions #MoGraph
Thank you Sergei!
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.
Great, thank you!
Instant like to Sergei!
Literally looking for this solution in the last 24 hours
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?
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?
there's an error in height code. should be:
CODE FOR HEIGHT:
...
finalSize = h + p * h;
You're on a roll! Thanks bro!
Thank YOU! 😁
how can I do this but using a composition instead of a shape?
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
Surely if you parented the underline to the text layer - it would simply follow the scale of the text layer?
Great stuff, but why didn't you pickwhip the scale and multiplied it with x/100?
Just saved my life
That's great to hear! Thanks for watching, Keith!
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?
Your video card does not support the selected configuration please reduce the layer size
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.
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.