►Save time and produce awesome animations with the Motion Graphics Advanced Pack: bit.ly/sonduckfilm-mgap ► Get your FREE “42 Free Template Pack” for After Effects: bit.ly/sonduckfilm-freebie
I like these more "advanced" tutorials, there's plenty of beginner tutorials out there. People love a good old moan don't they. Love your stuff, and I'll always appreciate them, keep it up!!
You're welcome! Glad it's useful! Almost all lower thirds for my client projects are done like that. I think I'll hit 20k subs sometime in December. Almost 100k? In the next two years maybe... Who knows ;-))
Awesome tutorial, Please what if I want to align my anchor point of the shape to the right. Do I replace the words 'left' to right in sourceRecAtTine expression code>
I was going to ask you how can I learn to animate wiht expresions; but I just see that you have a course in your web page about it, obviously I will buy it!!!!!!!! your work and teaching is awesome!!!
The easiest way to do it is to use one text layer for both lines. Select the second line to change its color and size. If you add a second text layer you have to write an if/else conditional statement to choose the line with the higher width value.
Hi, The rectangle does not resize if I use a TYPEWRITER animation preset. It only work with the animation method shown in the video. How can I use the animation preset? Please help!!!
Am I right in thinking the edge values are calculating a percentage of the total width rather than a specific pixel value? I end up with proportionally much larger padding on longer phrases and trying to figure out why!
@@ManueldoesMotion Thanks for taking the time to respond. Yes I've got the size property hooked up to the control layer. I'm also animating the scale to transition the shape in and out - but removing these settings doesn't appear to make any difference.
Aha - unlikely anyone else will have exactly the same problem but just in case, I eventually tracked it down to a rogue >100% scale setting on the Rectangle transform (as opposed to the layer transform)
Hello, awesome video btw. Helped me a lot! Question: How to do this effect with a two line text box? For example: i want to type a line, hit enter e continue at the second line. I need to type a big text but the box can't let me do it. Can you help me?
You take the height data from the text layer and then add it to the slider control, then add width plus edge to get the actual size. Can you clarify how to get the height data from the text layer?
As a thought, sourceRectAtTime takes arguments, the first of which is the frame number. You could use a protected region (intro) and then just provide the fixed height as the height of the text at the final frame of the protected region in the animation.
@Tamar Bender When you're editing a composition, go to the 'Composition' menu at the top-bar, then select "Responsive Design --- Time > Create Intro". You'll see a blue area with weird looking markers on your composition. You can resize this region and it will represent "unchangeable" portions of your composition for the downstream consumer. As an example, you could enforce that your intro always takes 2 seconds and your outro always takes 2 second (4 seconds of protected regions), but make your composition 5 seconds long with an unprotected center region. Then, when somebody consumes your composition (MOGRT / Master Properties), they can resize the layer existence and the first 2 seconds will always be your intro, the last 2 will always be your outro, and then can make the composition sit idle for as long as they want in the middle. In this case, if we made a protected intro, it would indicate that all of the text should be shown and stable by that point, you could then just use the sourceRectAtTime method to calculate the text height from that final position at all times rather than always doing an 'in-the-moment' calculation. It seems like it would be a more "complete" solution, but the end result would be functionally the same as what was presented. There are even other methods you can find that convert time in seconds to frames, so that you don't have to worry about hard-coding a frame if your have a 60 FPS / 30 FPS suite of tools you use this with, and other methods still would provide you with the location of the protected region start/end. Dig as deep as you'd like, there's always more to figure out with this stuff. Good luck!
@@ManueldoesMotion do you have to change the expression of the shape layer anchor point to be right instead of left? When I try to do this it gives me an Undefined expression error.
Thanks, Im looking out something similar but for FCP. do you happen to know any way or know anything that could help me? I would appreciate a lot! thanks again
Your shape layer seems to completely disappears when you have 0 characters showing, while on mine you can always see the padding border I left around the text (the edge values), even when there is no character on screen, due to the animation on its starting point (frame #0). Do you know why? What am I doing wrong?
Great video. How would you create this auto resizing rig for alphabets that use diacritics/accents (àêïōû)? The text shifts on the y axis as soon as you add characters with accents or punctuation (; ,). Thanks
How can this be done with mattes? Let's say I want to reveal text from a matte but if I change the text or the font, the matte cuts off the text. How can I fit a matte over any text?
Hi! ✌🏻 I don’t think you have to learn JavaScript. You can find a lot of expressions online, you might have to change a few little things, but mostly they work.
Ich habe das Tutorial befolgt aber leider hat es nicht funktioniert. Dann habe ich die Projekt Dateien gekauft und es funktioniert immer noch nicht (3 Expression Fehler). Benutze die neuste After Effets Version.
Benutzt du die deutsche Ae Version? Die expressions werden nicht automatisch übersetzt. Slider Control in der englischen Expression wird nicht automatisch zu Schieberegler. Das muss man von Hand ersetzen. Wie sind denn die Fehlermeldungen?
@@ManueldoesMotion Okay ich hab's hingekriegt, danke. Weiß du wie ich links neben dem Text noch ein kleines Icon einfügen kann, wo die Shape Ebene sich dran anpasst?
Thanks for the great tutorial as usual Manuel! Quick question: how would you go about it if you wanted to make two lines of text and resize the font to make sure both lines are always the same width? LINE1 LINE2 But if we changed the content of LINE 1, the font size would follow suit? In the eg bellow "NEWLINE1" would scale down, or "LINE2" would scale up. NEWLINE1 LINE2 I can do it by matching the layer size of two different text layers with sourceRectAtTime, and connect their positions with expressions. But I'm trying to reduce the amount of layers in this particular project, so hopefully there's a clever way to do it with some lines of code inside the same text layer! Does that make sense? Any insight is appreciated!
Hi Nathalia, I don't think you can do the animated part easily with expressions. You can resize the text so that it has the same width. I just found a tutorial that explains it really well: ruclips.net/video/FpVPabZw3vU/видео.html
Yeah, I figured out how to resize the text but not in one single layer. I end up with one master and two others where I break down both lines then use SourceRectAtTime. Thanks for getting back to me! And thanks for referring that tutorial, super helpful!
Hallo Manuel. Ich bin vor kurzem auf deinen Kanal gestoßen. Erst einmal danke für die super genialen Videos. Mein Englisch ist gut genug um deinen Anweisungen (wenn ich es mal so sagen kann xD) zu Folgen, aber kannst du vielleicht auch Tutorials in deutsch machen? Ich muss leider öfters die Begriffe googlen da sie in deutsch anders heißen -.- LG Sven
Hi! Freut mich dass sie dir gefallen! Ich habe irgendwann angefangen die englische AE Version zu verwenden weil es einfacher ist. Es gibt wenige deutsche Tutorials. Vielleicht starte ich irgendwann einen deutschen Tutorial Channel. Aber im Moment bleibe ich erstmal bei Englisch;)
When I ad the t=effect to the height control in the effects of 'CONTROLS' it gives an error: property or method named 't' in Class 'Global' is missing or does not exist. Same for the width. When I finish this code, the height doesn't change. I work in AE 2023. Do you maybe know whats wrong and how I can fix it?
Love your content, man. Question: could you do the same with this expression on the size of the shape layer: s = thisComp.layer ("name"); x = s.sourceRectAtTime (time - s.inPoint, true) .width; y= s.sourceRectAtTime (time - s.inPoint, true) .height; [x, y] and this expression on the position: content("Rectangle 1").content("Rectangle Path 1").size/2 or would it be different? I
Another tutorial of this type and again what is important to me is left out. What about the export? To what file should this ultimately go? How do I make lower-thirds of it which I will send to myself and be able to use on another computer? Why is there no way to make a mogrt from this? At the point where this video ends, without an export file it is useless in the future anyway.
@@ManueldoesMotion Yes, but..: - I like your videos - I really liked this tutorial and suddenly I ended up in a place I didn't expect :) I felt abandoned :) P.S. By the way. As we know, mogrt works great with Premiere and anyone who is "Adobe family" will be able to use it easily. But what if, for example, some people in my team use Final Cut Pro? Is it possible to convert the same/exactly the same looking AE project and make an export that people from the "Final Cut family" could also use?
@@adamsoyer I don't know of a way to use morgrt files in Final Cut. You would have to render out mov Files with an integrated alpha channel and use them as movie clips.
This video deserves at least 25k likes for 25k views! It's soooo good!
Thanks so much!!! That’s great to hear!
►Save time and produce awesome animations with the Motion Graphics Advanced Pack: bit.ly/sonduckfilm-mgap
► Get your FREE “42 Free Template Pack” for After Effects: bit.ly/sonduckfilm-freebie
I like these more "advanced" tutorials, there's plenty of beginner tutorials out there. People love a good old moan don't they. Love your stuff,
and I'll always appreciate them, keep it up!!
That’s great to hear! Thanks very much!
This is super practical. Thanks for sharing. And congrats on almost 20k subs! Not long before I'm saying "Almost 100k subs!"
You're welcome! Glad it's useful! Almost all lower thirds for my client projects are done like that. I think I'll hit 20k subs sometime in December. Almost 100k? In the next two years maybe... Who knows ;-))
we can almost say it now!
This is very helpful, thank you so much!
You're welcome! So happy it is helpful!
Thank you Manuel! This is exactly what i was looking for!
That’s awesome! You’re so welcome!
Thanks so much for sharing your knowledge!
You’re very welcome!
a lot of thanks for making and sharing your video!!
You are very welcome!
Another awesome tutorial Manuel !!!!
Thank you so much! Glad u like it!
Awesome tutorial, Please what if I want to align my anchor point of the shape to the right. Do I replace the words 'left' to right in sourceRecAtTine expression code>
In this video I explain how to pin anchor points: ruclips.net/video/-PD7KEhElsM/видео.html
Thanks! But I get alot of warnings (indicates errors with the expression). Why? I follow you exactly.
What are the error messages?
Gracias Manuel!
You're welcome!
Nice, thanks a lot
Glad u like it!
I was going to ask you how can I learn to animate wiht expresions; but I just see that you have a course in your web page about it, obviously I will buy it!!!!!!!! your work and teaching is awesome!!!
Thanks so much that’s great to hear! There is also a free expressions sheet for you to start.
Is it possible to do this for 2 line lower thirds? I need to have a name and below it extra info. Duplicating the layers doesn't work
The easiest way to do it is to use one text layer for both lines. Select the second line to change its color and size. If you add a second text layer you have to write an if/else conditional statement to choose the line with the higher width value.
Hi,
The rectangle does not resize if I use a TYPEWRITER animation preset. It only work with the animation method shown in the video.
How can I use the animation preset?
Please help!!!
I did another video on that topic, maybe that helps:
ruclips.net/video/-EL3oXBQY7o/видео.html
Am I right in thinking the edge values are calculating a percentage of the total width rather than a specific pixel value? I end up with proportionally much larger padding on longer phrases and trying to figure out why!
Are you using the scale property to adjust the size or the size property of the path?
@@ManueldoesMotion Thanks for taking the time to respond. Yes I've got the size property hooked up to the control layer. I'm also animating the scale to transition the shape in and out - but removing these settings doesn't appear to make any difference.
Aha - unlikely anyone else will have exactly the same problem but just in case, I eventually tracked it down to a rogue >100% scale setting on the Rectangle transform (as opposed to the layer transform)
Hello, awesome video btw. Helped me a lot!
Question: How to do this effect with a two line text box? For example: i want to type a line, hit enter e continue at the second line. I need to type a big text but the box can't let me do it.
Can you help me?
The box should adjust to the amount of text no matter how many lines there are. You want the box to have the final size from the beginning on?
You take the height data from the text layer and then add it to the slider control, then add width plus edge to get the actual size. Can you clarify how to get the height data from the text layer?
The layer control determines from which layer to get the data. And "t.sourceRectAtTime().height" reads out the actual height of the text layer.
As a thought, sourceRectAtTime takes arguments, the first of which is the frame number. You could use a protected region (intro) and then just provide the fixed height as the height of the text at the final frame of the protected region in the animation.
Thanks very much for sharing! That's interesting! I'll do some research on it and check it out!
@Tamar Bender When you're editing a composition, go to the 'Composition' menu at the top-bar, then select "Responsive Design --- Time > Create Intro". You'll see a blue area with weird looking markers on your composition. You can resize this region and it will represent "unchangeable" portions of your composition for the downstream consumer. As an example, you could enforce that your intro always takes 2 seconds and your outro always takes 2 second (4 seconds of protected regions), but make your composition 5 seconds long with an unprotected center region. Then, when somebody consumes your composition (MOGRT / Master Properties), they can resize the layer existence and the first 2 seconds will always be your intro, the last 2 will always be your outro, and then can make the composition sit idle for as long as they want in the middle.
In this case, if we made a protected intro, it would indicate that all of the text should be shown and stable by that point, you could then just use the sourceRectAtTime method to calculate the text height from that final position at all times rather than always doing an 'in-the-moment' calculation. It seems like it would be a more "complete" solution, but the end result would be functionally the same as what was presented.
There are even other methods you can find that convert time in seconds to frames, so that you don't have to worry about hard-coding a frame if your have a 60 FPS / 30 FPS suite of tools you use this with, and other methods still would provide you with the location of the protected region start/end.
Dig as deep as you'd like, there's always more to figure out with this stuff. Good luck!
thanks for the great video, wondering how can I can the animation go from left to right instead of right to left. Other words, right align the text?
You would have to pin the anchor points to the right edge of the layers.
@@ManueldoesMotion do you have to change the expression of the shape layer anchor point to be right instead of left? When I try to do this it gives me an Undefined expression error.
Thanks, Im looking out something similar but for FCP. do you happen to know any way or know anything that could help me? I would appreciate a lot! thanks again
I think you can export it as essential graphic and use it as a template in premiere pro.
Great video.thanks
You're welcome! Glad you enjoyed it!
thank you so much
You are very welcome!✌🏻😊
Your shape layer seems to completely disappears when you have 0 characters showing, while on mine you can always see the padding border I left around the text (the edge values), even when there is no character on screen, due to the animation on its starting point (frame #0).
Do you know why? What am I doing wrong?
I probably moved the start point of the layer to the first keyframe. So that it appears like that.
Great video. How would you create this auto resizing rig for alphabets that use diacritics/accents (àêïōû)? The text shifts on the y axis as soon as you add characters with accents or punctuation (; ,). Thanks
Thanks! In this case you have to use a fixed height, like in the second example. Then the text doesn't shift.
How can this be done with mattes? Let's say I want to reveal text from a matte but if I change the text or the font, the matte cuts off the text. How can I fit a matte over any text?
You create a shape layer and use it as matte. Add the sourceRecAtTine expression.
Do I have to learn javascript for this kind of expression? I respect you so much! (I'm a Korean subscriber)^^)
Hi! ✌🏻 I don’t think you have to learn JavaScript. You can find a lot of expressions online, you might have to change a few little things, but mostly they work.
Ich habe das Tutorial befolgt aber leider hat es nicht funktioniert. Dann habe ich die Projekt Dateien gekauft und es funktioniert immer noch nicht (3 Expression Fehler). Benutze die neuste After Effets Version.
Benutzt du die deutsche Ae Version? Die expressions werden nicht automatisch übersetzt. Slider Control in der englischen Expression wird nicht automatisch zu Schieberegler. Das muss man von Hand ersetzen. Wie sind denn die Fehlermeldungen?
@@ManueldoesMotion Okay ich hab's hingekriegt, danke. Weiß du wie ich links neben dem Text noch ein kleines Icon einfügen kann, wo die Shape Ebene sich dran anpasst?
Thanks for the great tutorial as usual Manuel! Quick question: how would you go about it if you wanted to make two lines of text and resize the font to make sure both lines are always the same width?
LINE1
LINE2
But if we changed the content of LINE 1, the font size would follow suit? In the eg bellow "NEWLINE1" would scale down, or "LINE2" would scale up.
NEWLINE1
LINE2
I can do it by matching the layer size of two different text layers with sourceRectAtTime, and connect their positions with expressions. But I'm trying to reduce the amount of layers in this particular project, so hopefully there's a clever way to do it with some lines of code inside the same text layer!
Does that make sense? Any insight is appreciated!
Hi Nathalia, I don't think you can do the animated part easily with expressions. You can resize the text so that it has the same width. I just found a tutorial that explains it really well: ruclips.net/video/FpVPabZw3vU/видео.html
Yeah, I figured out how to resize the text but not in one single layer. I end up with one master and two others where I break down both lines then use SourceRectAtTime.
Thanks for getting back to me! And thanks for referring that tutorial, super helpful!
Hallo Manuel. Ich bin vor kurzem auf deinen Kanal gestoßen. Erst einmal danke für die super genialen Videos. Mein Englisch ist gut genug um deinen Anweisungen (wenn ich es mal so sagen kann xD) zu Folgen, aber kannst du vielleicht auch Tutorials in deutsch machen? Ich muss leider öfters die Begriffe googlen da sie in deutsch anders heißen -.- LG Sven
Hi! Freut mich dass sie dir gefallen! Ich habe irgendwann angefangen die englische AE Version zu verwenden weil es einfacher ist. Es gibt wenige deutsche Tutorials. Vielleicht starte ich irgendwann einen deutschen Tutorial Channel. Aber im Moment bleibe ich erstmal bei Englisch;)
When I ad the t=effect to the height control in the effects of 'CONTROLS' it gives an error: property or method named 't' in Class 'Global' is missing or does not exist.
Same for the width. When I finish this code, the height doesn't change.
I work in AE 2023. Do you maybe know whats wrong and how I can fix it?
When I change to javascript, the [t.sourceRetAtTime().width] gives an error.
It seems like you didn't add a semicolon at the end of the first line.
Love your content, man.
Question: could you do the same with this expression on the size of the shape layer:
s = thisComp.layer ("name");
x = s.sourceRectAtTime (time - s.inPoint, true) .width;
y= s.sourceRectAtTime (time - s.inPoint, true) .height;
[x, y]
and this expression on the position:
content("Rectangle 1").content("Rectangle Path 1").size/2
or would it be different? I
Hey thanks! Have you tried it? I'll check it out.
👏👏👏
Thanks very much! ✌🏻
It's a blind follow tutorial. nothing to learn as a begginer
Yes, you should have some knowledge about expressions. If you want to start: bit.ly/expressions-cheat-sheet
Please, talk even faster next time
Sure
Another tutorial of this type and again what is important to me is left out. What about the export? To what file should this ultimately go? How do I make lower-thirds of it which I will send to myself and be able to use on another computer? Why is there no way to make a mogrt from this? At the point where this video ends, without an export file it is useless in the future anyway.
There are tons of tutorials that cover how to create morgrt files. ruclips.net/video/miiGiGtFuTU/видео.htmlsi=4w4BKSQEgabte0Q5
@@ManueldoesMotion Yes, but..:
- I like your videos
- I really liked this tutorial and suddenly I ended up in a place I didn't expect :) I felt abandoned :)
P.S. By the way. As we know, mogrt works great with Premiere and anyone who is "Adobe family" will be able to use it easily. But what if, for example, some people in my team use Final Cut Pro? Is it possible to convert the same/exactly the same looking AE project and make an export that people from the "Final Cut family" could also use?
@@adamsoyer I don't know of a way to use morgrt files in Final Cut. You would have to render out mov Files with an integrated alpha channel and use them as movie clips.