Not sure if i missed something...but between adding the size/2 and talking about the top and left expression your expression on the position for the rectangle completely changed
10 месяцев назад+1
Wow, the explanation is SO GOOD and the content is still updated even 5 years after publication! Thank you very much.
This video explained the "why" behind the code so well! I rewatched it a gazillion times in the last 2 weeks and shared the link with coworkers who had similar questions. Just wanted to say thanks!!
i watched lots of video on youtube for sourcereactAtTime but buddy yours is the best....its explains everything about this expression and i loved the way you explained this.. loved it...
Six years later and you're still amazing... Why I ask you, WHY? Please don't anymore. And in 2030 when I've caught up to 2024 tutorials, I shall speak the same words... "Just WHY" (ps Don't ever stop! I need something to look forward to... besides Sto'Vo'Kor.)
For anyone struggling with the first step, make sure your paragraphing is centred and not left aligned The anchor point will take placement based on the alignment
I can't find the words, when people put a smile while sharing knowledge... Thanks to you I've got what I was searching for A text with anchro point always centered A box autoresizing by the text input and at a certain distance, calculated on the size of the box from a specific point! Thanks a LOT!
Alright so i know this video is 2 years old, however i noticed theres a cut right at 8:36. you changed the code slightly on the position on the shape layer from just thisComp.Layer("text")/2 and changed it by copying the other expression and adding /2 on to the end of the width and height. I had trouble the first time i watched this but figured it out eventually. not sure if this is related but just in case anyone has the same problem i did.
@@randallhernandez1644 Just copy the size expression to the position and add /2 - it is the same like it was before, but there is X axis and Y axis separately, which we need in next step
Jake, you deserve more sub! you are better than anyone else here in youtube in explaining everything on your content. Looking after for ur next tutorials.
There is a few videos about SourceRectAtTime, but this is awesome, you explain very well the concept and how to fix some issues to deal with. Thanks for share!
Amazing tutorial, Jake! I'm hoping to create a MOGRT from this to save a ton of time! In case anyone else is having an issue when compensating for the offset path: there's a cut at 16:42 that resets the box's position to 0,0. I didn't notice this and my position wasn't at zero, so when I finished linking the position to the anchor point, my box would end up not aligned with the text. I had to go back to the beginning and retry with those position values at zero.
Love this in-depth tutorial. Super useful. How ever, I’m trying to apply these to a specifically designed txt box asset, that has a certain margin on the left and a certain margin on the right, and the offset trick scales the text box up uniformly. Also animating the transform scale will squash the round corners any way around these two issues?
Hi, thank's for this video. Is it possible to have an expression that makes move an object at the end of a text? For example i would like to have a little line that will go to the end of a word, it will change of position at each word, du to differents lengths? So the goal should be to get the postion of the last letter of each text. Many thank's for your help.
The cut at 7:50 was really confusing. Suddenly the expression in Position was changed and it took me forever to find out I did not do anything wrong. A little sloppy for a tutorial
When the box does not follow the w and h, it might be due to the text not starting at the beginning of the composition. I have my text typed out at the start and arranged them to different frames, which caused the box to only play at the start, not when the text actually exists.
Very helpful! I do want somethign different. I want the font to skew in width from 100 in a text box. The box size remains, but the font gets skinner within the space.
Do we ever se you type in the code in the Position-field at 09:15? I've watched the tutorial a few times now and this snippet just seems to appear without any explanation.
Jake! Your works have been an amazing inspirations for me ever since I stumbled upon your skillshare tutorials during my motion class at uni. I am so excited that you are starting this RUclips channel!! Keep it up :) and thanks for all your works!
Welcome to RUclips Jake! Love your Skillshare classes!! I would love to watch more of these expression related videos as we don't get to see those kind of videos that much anywhere! :D
Please explain how you create a text box that resizes over two or more lines of text when you have a long sentence (without manually adding 'enter' at the point you want the new line), I can only get this to work on 1 line of text. BTW I recently completed your Explainer Camp, awesome!
I tried it and it works. Thks! But because in Portuguese we caracteres like 'ç' and 'ã', height gets going up and down and messing around with the layout. I did the following adjustment to your code. For size s=thisComp.layer("text 1"); w=s.sourceRectAtTime().width; [w,content("Rectangle Path 1").size[1]]; For position s=thisComp.layer("text 1"); w=s.sourceRectAtTime().width/2; l=s.sourceRectAtTime().left; [w+l,content("Rectangle Path 1").position[1]]; Of course you must have a better ideia, but this one works also. My best.
Great work you are a great teacher, however I did have a hard time following along. I wouldn't say I am an after effects beginner but very limited in my expression javascript knowledge. I am using the latest version of adobe CC so maybe it has some things to do with the anchor points not finding each other between layers. This is my second attempt. I do suggest using less plugins and creating the FX from scratch as I got loss between them and had to figure it out myself. Thanks again.
Thank you so much. I'm just starting to work with expressions. Still it's rocket science to me, since I have no experience with coding at all. But thanks to your videos, I actually kind of get to understanding how they work (I guess). :)
offset paths, begone, link size instead to padding then rounded corners work... Don't forget to set text at -1 to Ég so height can be set set at time at t-1...
Thanks so much for the great tutorial, it was really easy to follow! I was wondering if you had multiple LAYERS of text, each with their own shape, and you wanted to keep the shapes left-aligned, how would you do that? Each different character has it's own kerning, for example, the letter "A" has a different left position to the letter "C". How would you compensate for that difference?
Thank you so much for incredible work you've done with this tutorial, this is very informative, there was couple moments where I lost, but need to rewatch it couple time to figure out all stuff. You're awesome. Thank you.
Essentially, yes. By origin I mean where the first character of a text layer's initial anchor point is set. I distinguished it from the name "anchor point" because the layers anchor point can be adjusted while the origin is unchanged.
TNice tutorialS IS WHAT I NEEDED BRO, thank you for taking the ti and doing tNice tutorials for most of that are starting with tNice tutorials beautiful tNice tutorialng called
Great tutorial, I have a question I have this code for a subtitle text box : text=thisComp.layer(""); width=tex.sourceRectAtTime(time-tex.inPoint,true).width+45; startS = 12; if ( marker.numKeys > 0){
How could you scale up the text at 11:23 ? Because text animator don't allow us to scale text from 0 % to 100 % , if i set it from 1% , it will make the text box still be long as it cover the full text , not starts from 0 % long like you did , could you send me your own scale up preset ? thanks
Amazing Tutorial. You are a great teacher. But, i have a dude. How is possible the shape layer react on the second text and choice which is more longer to self-resize?
at 9:20 your expression seemed to have been copied or manipulated from when you pickwhipped it to the size/2 -- mine didn't do that so I can't add on the extra expressions since the variables aren't there. duplicating it from position and adding /2 to the h & width didn't work. is there a preference in AE that allows the condensed expression to be expanded into the pick-whipped function's expression?
My only question is if you have an object that needs to move position based off of two other text sources, how would you combine that so the object will react to both? Some kind of if then statement variable?
Fantastic job Jake...really appreciate you taking the time to lay this out in such an easy-to-follow video! I did have a question that I wasn't able to solve on my end that maybe you could comment on. I like having the anchor point of the shape layer in the upper left corner...any way of changing that to different locations? Instead of having it scale from the left...it'd be nice to have one from the bottom or right side. Thanks in advance!
The amazing tutorial I came accross Jake!! 🤩🤩 First of all a big thanks for the nice explanation to understand. However, I would like to ask a question as I am following this tutorial to make some responsive templates, I was wondering if I could set up a character limit for the text, I tried with substring (0,0), which actually worked, but I want to set a limit as length not height. But with the substring how I would define length and height for the typing limit. Hope I am clear with my question with my bad English!! 🙈
Hi Jake! Just found your tutorial and it's really one of the best tuts I ever watched. On the one hand because I needed to solve exactly this problem :) , but also because it's explained so damn well! Thanks a lot! Hope for more to come! Only one thing: I did not understand the "mid"-variable-calculation.
Thank you for this video. I am wondering if it is possible using expressions in After Effects to create functionality like Premiere has called "Responsive Design - Position"? I want to create a sidebar with multiple lines of text that could be 1, 2 or 3 lines as the first bullet point and then the following 2nd text bullet point below the 1st text bullet point, which could be 1, 2 or 3 lines long as well, would auto-follow with set distance between each bullet so the line spacing is more than the space between the line space of each individual text point? Is there a way to separate the y-axis of the position as that is the only variable I need to change between text bullet points? This would be saved as a mogrt and that is why the text bullet points vary. I have been asked to create this in After Effects, save as a mogrt to be used in Premiere.
Thanks for this really useful! If I could ask for a tip? How would you have "borders" growing together with the box/background but only on the top and bottom of it?
Great tutorial. Comprehensive and conceptual. Thank you! I do have one question, is there a way to dynamically link the source of the shape layer? When i duplicate my text & shape layer the shape layer expression source remains bound to the original text layer it was created for. I want it to reference the newly duplicated text layer. Any help is appreciated.
Really great video and good pace! In my case it is not a perfectly square rectangle, but a slightly tilted rectangle (rectangle with diagonal ends). Hence the "size" effect for the Rectangle Path 1 is not available. For my shape I only get an effect "path". How can I then address the x,y or width,height?
Happy to see you on RUclips, Jake. Your Skillshare classes have been very much useful for me. Another channel added to my motion design library. What kind of videos did you plan for the channel? I will ask for the motion design skills related than the tool(After Effects) related. Something like SoM would say, master the craft than the tool.
Hello, Jake! Thanx for my stronger brain! ;) Pls, tellme: what animation preset u did aply on text on 11:25? I've searched my ae presets, but didn't find anything, which had begins by "Scale up" and contains "character from left" %)
Ohhh, I discovered, that this presets on your video was in the "Jake's" folder - ok, now I understood, that it was your own presets. Ok, no problem - further my knowlodge will be more, I make my own. Thanx anyway!
There actually is a set of presets included with after effects that I created for Adobe now! Try out the "Scale From Any Point" preset and set the start point to 0%.
You caught me. That was something I messed up in the editing process, but it's doing the same thing as before; dividing the width and height by 2. I just separated out the x and y dimensions and put the results into an array, which we need for the next step anyway. Sorry for the confusion!
Is there a formula to scale the text horzitonally from 100% down to 70% as I type in a certain area. I am only allowed so much text for this lower third I am working with.
Hi Jake In Motion, I think your tutorial is great and simple, I'm trying to figure out how can I resolve this: I have two dynamic boxes/titles that should have a relationship with each other. The two boxes contain titles and are on top of each other on the Y-axis. I would like an expression that makes both boxes/titles expand to the width of the longer box/title, i.e. The one with the longer text dictates the width of the titles. I used this expression for the boxes: title = thisComp.layer("Title").sourceRectAtTime();padding = effect("Padding")("Slider");[title.width + padding, title.height + padding]; Thank you for any help!
it was all great except once you jumped in (7':14") which you parented the position based on the size of Textbox divided by 2 using (content("TextBox").content("TextBox").size/2;), but a little bit further, all of a sudden you've replaced the code with (var var w = s.sourceRectAtTime().width/2; & etc). it was a little bit confusing but thanks a lot for you Great guidance!
Hi, thank you for the tutorial. When I add the range selector to bring the text in from left to right, it only brings in the text, the box stays solid on screen the whole time; what am I doing wrong please? Thank you.
I'm facing an issue, my text layer bounding box is not changing when I write in more text and its cropping the extra text untill i manually change adjust the text layer bounding box, ( here I'm not talking about the rectangle shape layer) and thus I am not able to use this effect, please help if you have any solution to this.
Really clear and helpful tutorial - I was wondering how you made that color swatch on the side. I would find that very useful, as a work around I have a png in my project, click on it and pick the color as I need them but your way seems much more efficient. Have a great day, and useful video, thanks for putting out!!
Great and unique explainings tutorials... I really like your approach of making this things more understandable... Not just copy pasting a code from video description. Thumbs up and spot on my friend Cheers
Hey Jake, thanks for the great tutorial. I'm having an issue. When i try to add a typing effect to my text. The shape layer automatically appears the size of the completed text box. and not auto sizing as the text is being typed out, as i would like.
Hi Mark. If you've set a time for sorceRectAtTime, it's always going to pull the size of the text from that time. If you're not setting a time then your animator must not be changing the size of the text when it hides it. This happens if you use just an opacity animator. Since the text is just disappearing, not going away, the size of the text doesn't change. You'll have to use a scale property set to 0 as well in order for the text box to actually change shape.
Thanks a lot! Very interesting! But I have questions: How make auto scale text, without change invisible box? Text auto scaling, when adding letters& Thank's!
at 9:18 it seems like you skipped something. You only show when you pick whip the position to the size and dive by 2 but you never showed when you changed it to individual sourceRectAtTime() height and width divided by 2. In other words, at 7:19 you have content("Rectangle 1").content("Rectangle Path 1").size/2; and then by 9:18 you have the updated expression. Could you explain that skipped step? Thanks!
Yes, sorry about that confusion. I had to make an edit after I recorded the entire tutorial, so that's why the top and left variables disappeared. You'll want to put in those variables and factor them into the array on the position of the rectangle, not the transform position of the shape group.
Hey Jake, would you mind to share the text animation preset you use here? Unfortunately, the effect you're explaining here doesn't work with the standard AE text animation. Much appreciated, Thanks!
Also, when you declare the left and the top, do you put it in the Expression:Position of the Rectangle Path 1, or in the Expression:Position of the Trasform:Rectangle 1, because before you put the expression content("Rectangle 1").content("Rectangle Path 1").size/2 inside the Position of the Trasform:Rectangle, but then when you add the left and top, that expression is not visibile anymore, so I'm not sure were the expression that has the array [w+l, h+t] goes
Yes, sorry about that confusion. I had to make an edit after I recorded the entire tutorial, so that's why the top and left variables disappeared.You'll want to put those variables and factor them into the array on the position of the rectangle, not the transform position of the shape group.
very good tutorial Jake, I am facing a dilemma, if you could help me out, is there any way to change the shape of the rectangle? like sliced at the end, I tried to matte it with another shape but it's not working, Linear wipe is also not working with the scale. any suggestion to work it out would be of great help. Thanks in advance.
You'll want to use another rectangle in the same shape layer and a merge paths operator. It'll take some tinkering with the expressions but you'll want to offset the position of the matte rectangle while still being based on the original's dimensions and position. That way it'll still be responsive to the text it belongs to.
Hi Jake! First of all, Thanks for your awesome tutorials! I would like to ask you a question... Do you think it is possible to create a similar dynamic text block that would be able to resize itself only in height with a fixed width ? Where we can inject text content without caring about the line breaks. That could (eventually) be used as an Essential Graphics in Premiere. A sort of auto-resize text box... Thanks in advance!
Hi! Thanks for great tutorial! I have one question though - is it possible to make auto-scalable box work for two text layers simultaneously? (I'm working on creating an Essential Graphics template for lower 3-rds, and have different type styles applied to 'Name' --> bold and 'Title' --> regular, so am kinda forced to keep them as different text layers). Thanks!
i think it's something like layer(2).sourceRectAtTime().top - layer(1).sourceRectAtTime().top + layer(2).sourceRectAtTime().height dont have AE installed so can't test it
or Math.abs( layer(2).sourceRectAtTime().top - layer(1).sourceRectAtTime().top) ) + layer(2).sourceRectAtTime().height edit... instead of aath.abs you'll probably need _if_ check if text1 x coordinate > than text2 coordinate, multiply scale by -1, same for y (2 different if's)
Not sure if i missed something...but between adding the size/2 and talking about the top and left expression your expression on the position for the rectangle completely changed
Wow, the explanation is SO GOOD and the content is still updated even 5 years after publication! Thank you very much.
Man, I've only whatched 10 minutes of this and I can say you save my hole life. I'll always be in debt with you. Thanks a lot!
This video explained the "why" behind the code so well! I rewatched it a gazillion times in the last 2 weeks and shared the link with coworkers who had similar questions. Just wanted to say thanks!!
i watched lots of video on youtube for sourcereactAtTime but buddy yours is the best....its explains everything about this expression and i loved the way you explained this..
loved it...
Six years later and you're still amazing... Why I ask you, WHY? Please don't anymore. And in 2030 when I've caught up to 2024 tutorials, I shall speak the same words... "Just WHY" (ps Don't ever stop! I need something to look forward to... besides Sto'Vo'Kor.)
This just saved me on a freelance gig. I'm not even religious but God bless you and your channel
Thanks!
Thanks for the support!
For anyone struggling with the first step, make sure your paragraphing is centred and not left aligned
The anchor point will take placement based on the alignment
I can't find the words, when people put a smile while sharing knowledge... Thanks to you I've got what I was searching for
A text with anchro point always centered
A box autoresizing by the text input and at a certain distance, calculated on the size of the box from a specific point! Thanks a LOT!
Dude seriously, this is super helpful. Thanks a ton for this excellent tutorial!
The way you detail the expression is very useful! You should go deep with every expression possible
Alright so i know this video is 2 years old, however i noticed theres a cut right at 8:36. you changed the code slightly on the position on the shape layer from just thisComp.Layer("text")/2 and changed it by copying the other expression and adding /2 on to the end of the width and height. I had trouble the first time i watched this but figured it out eventually. not sure if this is related but just in case anyone has the same problem i did.
I have the same problem and but still can't get it to work, tho. 😂😥
@@randallhernandez1644 Just copy the size expression to the position and add /2 - it is the same like it was before, but there is X axis and Y axis separately, which we need in next step
Jake, you deserve more sub! you are better than anyone else here in youtube in explaining everything on your content. Looking after for ur next tutorials.
There is a few videos about SourceRectAtTime, but this is awesome, you explain very well the concept and how to fix some issues to deal with. Thanks for share!
I’ve been trying to figure out how do get this style for my subtitles for AGES. Thank you so much.
This channel is now my third favourite motion graphic tut channel
Thank you! What are your top two?
Jake In Motion mt mograph, Matt Wilson and also video copilot
Nice! I'll have to check out Matt Wilson.
Fantastic tutorial, thank you so much for this!
Great tutorial - about 60 seconds in I knew I was out of my depth but you kept me engaged to the end. (Maybe I'm a masochist).
Amazing tutorial, Jake! I'm hoping to create a MOGRT from this to save a ton of time! In case anyone else is having an issue when compensating for the offset path: there's a cut at 16:42 that resets the box's position to 0,0. I didn't notice this and my position wasn't at zero, so when I finished linking the position to the anchor point, my box would end up not aligned with the text. I had to go back to the beginning and retry with those position values at zero.
Love this in-depth tutorial. Super useful. How ever, I’m trying to apply these to a specifically designed txt box asset, that has a certain margin on the left and a certain margin on the right, and the offset trick scales the text box up uniformly. Also animating the transform scale will squash the round corners any way around these two issues?
This was the simplest and most effective explanation on the topic, thanks!
Hi, thank's for this video. Is it possible to have an expression that makes move an object at the end of a text? For example i would like to have a little line that will go to the end of a word, it will change of position at each word, du to differents lengths? So the goal should be to get the postion of the last letter of each text. Many thank's for your help.
The cut at 7:50 was really confusing. Suddenly the expression in Position was changed and it took me forever to find out I did not do anything wrong. A little sloppy for a tutorial
Had the same issue ...
and what was the solution?
@@ItsRVV the solution is copying the code from the size layer and adding /2 to the end of the width and height
this is the best video on this, closest ive come to understanding it!j
Would be really nice to have a refresh of this video? It is a great source rec at the time :)
When the box does not follow the w and h, it might be due to the text not starting at the beginning of the composition.
I have my text typed out at the start and arranged them to different frames, which caused the box to only play at the start, not when the text actually exists.
Very helpful! I do want somethign different. I want the font to skew in width from 100 in a text box. The box size remains, but the font gets skinner within the space.
Do we ever se you type in the code in the Position-field at 09:15? I've watched the tutorial a few times now and this snippet just seems to appear without any explanation.
Great video. Very clear and easy to understand. I hope you start doing videos again.
Jake! Your works have been an amazing inspirations for me ever since I stumbled upon your skillshare tutorials during my motion class at uni. I am so excited that you are starting this RUclips channel!! Keep it up :) and thanks for all your works!
Thank you so much!!! I'm super excited to be here 😊
Welcome to RUclips Jake! Love your Skillshare classes!! I would love to watch more of these expression related videos as we don't get to see those kind of videos that much anywhere! :D
I have a loooot of expressions tutorials planned!
Please explain how you create a text box that resizes over two or more lines of text when you have a long sentence (without manually adding 'enter' at the point you want the new line), I can only get this to work on 1 line of text. BTW I recently completed your Explainer Camp, awesome!
Did you ever figure this out?
I tried it and it works. Thks! But because in Portuguese we caracteres like 'ç' and 'ã', height gets going up and down and messing around with the layout. I did the following adjustment to your code.
For size
s=thisComp.layer("text 1");
w=s.sourceRectAtTime().width;
[w,content("Rectangle Path 1").size[1]];
For position
s=thisComp.layer("text 1");
w=s.sourceRectAtTime().width/2;
l=s.sourceRectAtTime().left;
[w+l,content("Rectangle Path 1").position[1]];
Of course you must have a better ideia, but this one works also. My best.
Great work you are a great teacher, however I did have a hard time following along. I wouldn't say I am an after effects beginner but very limited in my expression javascript knowledge. I am using the latest version of adobe CC so maybe it has some things to do with the anchor points not finding each other between layers. This is my second attempt. I do suggest using less plugins and creating the FX from scratch as I got loss between them and had to figure it out myself. Thanks again.
Thank you so much. I'm just starting to work with expressions. Still it's rocket science to me, since I have no experience with coding at all. But thanks to your videos, I actually kind of get to understanding how they work (I guess). :)
you are amazingly good at teaching! 10/10
So So So glad I found this. Been going round in circles for months trying to fix all this.
now if only corner roundedness would work...
offset paths, begone, link size instead to padding then rounded corners work... Don't forget to set text at -1 to Ég so height can be set set at time at t-1...
Thanks so much for the great tutorial, it was really easy to follow!
I was wondering if you had multiple LAYERS of text, each with their own shape, and you wanted to keep the shapes left-aligned, how would you do that? Each different character has it's own kerning, for example, the letter "A" has a different left position to the letter "C". How would you compensate for that difference?
Excited for your new channel! I've learned a lot from your Skillshare classes 👍
Thank you so much for incredible work you've done with this tutorial, this is very informative, there was couple moments where I lost, but need to rewatch it couple time to figure out all stuff. You're awesome. Thank you.
Jake really great tutorial. You are a great instructor ... keep up the great work!
Love your videos Jake! They are incredible and boost your learning after effect in-depth.
you are a great teacher! i could understand everything and im really bad at expressions
Great Tutorial Jake!
Can you able to make series of tutorials on expressions, so that we understand and use expressions in much easier way?
Absolutely, and I already have some of those planned out!
Awesome! I can't wait to see them! :)
This was amazingly helpfull. Thank you so much!
at 8:58 he told "the left edge of the layer and the origin" is he mentioning anchor point as origin?
Essentially, yes. By origin I mean where the first character of a text layer's initial anchor point is set. I distinguished it from the name "anchor point" because the layers anchor point can be adjusted while the origin is unchanged.
TNice tutorialS IS WHAT I NEEDED BRO, thank you for taking the ti and doing tNice tutorials for most of that are starting with tNice tutorials beautiful tNice tutorialng called
Great tutorial, I have a question
I have this code for a subtitle text box :
text=thisComp.layer("");
width=tex.sourceRectAtTime(time-tex.inPoint,true).width+45;
startS = 12;
if ( marker.numKeys > 0){
m = marker.nearestKey(time);
t = m.time;
d=linear(width,0,1400,45,1400);
if (t
How could you scale up the text at 11:23 ? Because text animator don't allow us to scale text from 0 % to 100 % , if i set it from 1% , it will make the text box still be long as it cover the full text , not starts from 0 % long like you did , could you send me your own scale up preset ? thanks
Aaaaaawesome! i've been trying to figure it out for a long time! Thanks!!
when I insert the typing effect the box does not follow the text. Could you help me with this?
Amazing Tutorial. You are a great teacher. But, i have a dude.
How is possible the shape layer react on the second text and choice which is more longer to self-resize?
at 9:20 your expression seemed to have been copied or manipulated from when you pickwhipped it to the size/2 -- mine didn't do that so I can't add on the extra expressions since the variables aren't there. duplicating it from position and adding /2 to the h & width didn't work. is there a preference in AE that allows the condensed expression to be expanded into the pick-whipped function's expression?
My only question is if you have an object that needs to move position based off of two other text sources, how would you combine that so the object will react to both? Some kind of if then statement variable?
Fantastic job Jake...really appreciate you taking the time to lay this out in such an easy-to-follow video! I did have a question that I wasn't able to solve on my end that maybe you could comment on. I like having the anchor point of the shape layer in the upper left corner...any way of changing that to different locations? Instead of having it scale from the left...it'd be nice to have one from the bottom or right side. Thanks in advance!
The amazing tutorial I came accross Jake!! 🤩🤩
First of all a big thanks for the nice explanation to understand. However, I would like to ask a question as I am following this tutorial to make some responsive templates, I was wondering if I could set up a character limit for the text, I tried with substring (0,0), which actually worked, but I want to set a limit as length not height. But with the substring how I would define length and height for the typing limit.
Hope I am clear with my question with my bad English!! 🙈
do you have a full course on AE Expressions? if not, please release one! I'd buy it in a heartbeat!
Hi Jake! Just found your tutorial and it's really one of the best tuts I ever watched. On the one hand because I needed to solve exactly this problem :) , but also because it's explained so damn well! Thanks a lot! Hope for more to come! Only one thing: I did not understand the "mid"-variable-calculation.
You are great ! PLZ UPLOAD MORE TUT !!! I want to know about Expressions more!
Thank you for this video.
I am wondering if it is possible using expressions in After Effects to create functionality like Premiere has called "Responsive Design - Position"? I want to create a sidebar with multiple lines of text that could be 1, 2 or 3 lines as the first bullet point and then the following 2nd text bullet point below the 1st text bullet point, which could be 1, 2 or 3 lines long as well, would auto-follow with set distance between each bullet so the line spacing is more than the space between the line space of each individual text point? Is there a way to separate the y-axis of the position as that is the only variable I need to change between text bullet points?
This would be saved as a mogrt and that is why the text bullet points vary. I have been asked to create this in After Effects, save as a mogrt to be used in Premiere.
Thanks for this really useful! If I could ask for a tip? How would you have "borders" growing together with the box/background but only on the top and bottom of it?
Great tutorial. Comprehensive and conceptual. Thank you! I do have one question, is there a way to dynamically link the source of the shape layer? When i duplicate my text & shape layer the shape layer expression source remains bound to the original text layer it was created for. I want it to reference the newly duplicated text layer. Any help is appreciated.
Awesome tutorial!
but somehow it doesn't seem to work with multiple textlines?
Thank you very much!! You safe my nerves
Really great video and good pace! In my case it is not a perfectly square rectangle, but a slightly tilted rectangle (rectangle with diagonal ends). Hence the "size" effect for the Rectangle Path 1 is not available. For my shape I only get an effect "path". How can I then address the x,y or width,height?
the quality of this content is on point
JaKe Happy to see you started explaining on youtube
This video is very excellent
Happy to see you on RUclips, Jake. Your Skillshare classes have been very much useful for me. Another channel added to my motion design library.
What kind of videos did you plan for the channel? I will ask for the motion design skills related than the tool(After Effects) related. Something like SoM would say, master the craft than the tool.
Thank you! Basically anything that wouldn't fit well into a Skillshare class. I have a lot of expressions explanations in the works.
Jake In Motion looking forward to them 💝
Best sourceRect tut! Bravo!
Awesome! So helpful, thank you so much!
Hello, Jake! Thanx for my stronger brain! ;)
Pls, tellme: what animation preset u did aply on text on 11:25? I've searched my ae presets, but didn't find anything, which had begins by "Scale up" and contains "character from left" %)
Ohhh, I discovered, that this presets on your video was in the "Jake's" folder - ok, now I understood, that it was your own presets. Ok, no problem - further my knowlodge will be more, I make my own. Thanx anyway!
There actually is a set of presets included with after effects that I created for Adobe now! Try out the "Scale From Any Point" preset and set the start point to 0%.
9:11 when did you type that variables to the position?
You caught me. That was something I messed up in the editing process, but it's doing the same thing as before; dividing the width and height by 2. I just separated out the x and y dimensions and put the results into an array, which we need for the next step anyway. Sorry for the confusion!
@@JakeInMotion :) no problem i did as you say and working correctly. thank you so much
I was just looking through the replies knowing I wasn't the first person to spot this. Thanks for the explanation.
Hi Jake. How do you auto resize the textbox to the maximum width of two or more separate text layers?
Is there a formula to scale the text horzitonally from 100% down to 70% as I type in a certain area. I am only allowed so much text for this lower third I am working with.
Hi Jake In Motion,
I think your tutorial is great and simple, I'm trying to figure out how can I resolve this:
I have two dynamic boxes/titles that should have a relationship with each other.
The two boxes contain titles and are on top of each other on the Y-axis.
I would like an expression that makes both boxes/titles expand to the width of the longer box/title, i.e. The one with the longer text dictates the width of the titles.
I used this expression for the boxes:
title = thisComp.layer("Title").sourceRectAtTime();padding = effect("Padding")("Slider");[title.width + padding, title.height + padding];
Thank you for any help!
it was all great except once you jumped in (7':14") which you parented the position based on the size of Textbox divided by 2 using (content("TextBox").content("TextBox").size/2;), but a little bit further, all of a sudden you've replaced the code with (var
var w = s.sourceRectAtTime().width/2; & etc).
it was a little bit confusing but thanks a lot for you Great guidance!
Hi, thank you for the tutorial. When I add the range selector to bring the text in from left to right, it only brings in the text, the box stays solid on screen the whole time; what am I doing wrong please? Thank you.
I'm having the same problem. Did you find a solution?
Hi, This is really helped me alot.
I'm facing an issue, my text layer bounding box is not changing when I write in more text and its cropping the extra text untill i manually change adjust the text layer bounding box, ( here I'm not talking about the rectangle shape layer) and thus I am not able to use this effect, please help if you have any solution to this.
Great to see u here Jake hope to continue my learning here too thanks for posting here Cheers
Really clear and helpful tutorial - I was wondering how you made that color swatch on the side. I would find that very useful, as a work around I have a png in my project, click on it and pick the color as I need them but your way seems much more efficient. Have a great day, and useful video, thanks for putting out!!
Thank you! The color swatches are created using an invaluable script called Ray Dynamic Color from Sander Van Dijk. aescripts.com/ray-dynamic-color/
Great and unique explainings tutorials... I really like your approach of making this things more understandable...
Not just copy pasting a code from video description.
Thumbs up and spot on my friend
Cheers
Hey Jake, thanks for the great tutorial. I'm having an issue.
When i try to add a typing effect to my text. The shape layer automatically appears the size of the completed text box.
and not auto sizing as the text is being typed out, as i would like.
Hi Mark. If you've set a time for sorceRectAtTime, it's always going to pull the size of the text from that time. If you're not setting a time then your animator must not be changing the size of the text when it hides it. This happens if you use just an opacity animator. Since the text is just disappearing, not going away, the size of the text doesn't change. You'll have to use a scale property set to 0 as well in order for the text box to actually change shape.
@@JakeInMotion Thank you for the reply, got it working!
Thanks a lot! Very interesting! But I have questions: How make auto scale text, without change invisible box? Text auto scaling, when adding letters& Thank's!
at 9:18 it seems like you skipped something. You only show when you pick whip the position to the size and dive by 2 but you never showed when you changed it to individual sourceRectAtTime() height and width divided by 2.
In other words, at 7:19 you have content("Rectangle 1").content("Rectangle Path 1").size/2; and then by 9:18 you have the updated expression. Could you explain that skipped step? Thanks!
Yes, sorry about that confusion. I had to make an edit after I recorded the entire tutorial, so that's why the top and left variables disappeared. You'll want to put in those variables and factor them into the array on the position of the rectangle, not the transform position of the shape group.
this is amazing stuff. Once i've scraped my brain off the floor and reassembled it I am sure im going to get this :=}
Hello Jake.
Is there somewhere where I can find your text animation presets to download?
Not currently. I'd like to make a pack of text presets one day though!
That would be great! I encourage you to do it... haha
Hey Jake, would you mind to share the text animation preset you use here? Unfortunately, the effect you're explaining here doesn't work with the standard AE text animation. Much appreciated, Thanks!
Duuuude.. Im working on a new promo graphics package for altitude sports (Centennial, Co) and this is literally what ive been looking for! THANK YOU!
really good tutorial, still have to watch it a couple of times to get the hang of it.
Is there anyway to attach the expressions to two text layers making it so either text can elongate it?
Also, when you declare the left and the top, do you put it in the Expression:Position of the Rectangle Path 1, or in the Expression:Position of the Trasform:Rectangle 1, because before you put the expression content("Rectangle 1").content("Rectangle Path 1").size/2 inside the Position of the Trasform:Rectangle, but then when you add the left and top, that expression is not visibile anymore, so I'm not sure were the expression that has the array [w+l, h+t] goes
Yes, sorry about that confusion. I had to make an edit after I recorded the entire tutorial, so that's why the top and left variables disappeared.You'll want to put those variables and factor them into the array on the position of the rectangle, not the transform position of the shape group.
I was banging my head off the wall this weekend trying to get a box to follow left aligned text ... thank you.
very good tutorial Jake, I am facing a dilemma, if you could help me out, is there any way to change the shape of the rectangle? like sliced at the end, I tried to matte it with another shape but it's not working, Linear wipe is also not working with the scale. any suggestion to work it out would be of great help.
Thanks in advance.
You'll want to use another rectangle in the same shape layer and a merge paths operator. It'll take some tinkering with the expressions but you'll want to offset the position of the matte rectangle while still being based on the original's dimensions and position. That way it'll still be responsive to the text it belongs to.
Jake In Motion Thanks a lot for the response, what if I want to slice it diagonally, lets say 45 degree, how can I do that.
You could use a skew operator on the matte shape, or convert the rectangle to a custom shape.
Hi Jake! First of all, Thanks for your awesome tutorials! I would like to ask you a question...
Do you think it is possible to create a similar dynamic text block that would be able to resize itself only in height with a fixed width ?
Where we can inject text content without caring about the line breaks. That could (eventually) be used as an Essential Graphics in Premiere.
A sort of auto-resize text box... Thanks in advance!
Seriously amazing
awesome bro whanted to say thank u million times
Thank you so much for this video. It was absolutely what I needed and tackled every problem I ran into. :)
Great tutorial! thank you!
Hi! Thanks for great tutorial!
I have one question though - is it possible to make auto-scalable box work for two text layers simultaneously? (I'm working on creating an Essential Graphics template for lower 3-rds, and have different type styles applied to 'Name' --> bold and 'Title' --> regular, so am kinda forced to keep them as different text layers).
Thanks!
i think it's something like layer(2).sourceRectAtTime().top - layer(1).sourceRectAtTime().top + layer(2).sourceRectAtTime().height
dont have AE installed so can't test it
or Math.abs( layer(2).sourceRectAtTime().top - layer(1).sourceRectAtTime().top) ) + layer(2).sourceRectAtTime().height
edit... instead of aath.abs you'll probably need _if_ check if text1 x coordinate > than text2 coordinate, multiply scale by -1, same for y (2 different if's)