Тёмный

Self Resizing Box Titles - After Effects Tutorial 

Cameron Perry
Подписаться 253
Просмотров 60 тыс.
50% 1

In this tutorial, you'll learn how to create text boxes that automatically resize with your text as it's typed on. We'll be using some pretty cool expressions to make this happen. I'll also show you how you can modify the shape of the auto-resizing box so that you can have more flexibility in your design.
Expressions Used:
SIZE:
s =thisComp.layer("TEST TEXT");
x = s.sourceRectAtTime(time-s.inPoint,true).width;
y = s.sourceRectAtTime(time-s.inPoint,true).height;
[x,y]
-----------------------------------------------------------------------------------------------------------
POSITION:
content("Rectangle 1").content("Rectangle Path 1").size/2
-----------------------------------------------------------------------------------------------------------
Subscribe for more tutorials! Leave some suggestions in the comments below. I'll take as much feedback as I can get!
Follow Me:
Instagram: cinegrams
Facebook: fluxmotionstudio
Hire Me:
Website: www.fluxmotionstudio.com

Опубликовано:

 

16 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 48   
@bitbyabat
@bitbyabat 3 года назад
I watched a few text auto scale tutorials and I was lost. Good job communicating this effectively.
@ricksflicks-
@ricksflicks- 6 лет назад
Finally a legit way to do this that doesn't involve a bunch of wonky effects. THANK YOU!
@cardermedia
@cardermedia 3 года назад
Thank you Sir for this video, I'd given up hope finding a tutorial that actually works!
@MrTubber44
@MrTubber44 4 года назад
Excellent job, thanks!
@Tetra84
@Tetra84 6 лет назад
Thanks! this is pretty much the 'how to' guide I was after.
@brazwen
@brazwen 5 лет назад
It had always boggled my mind why After Effect doesn't have this as a default feature. You can do this in InDesign, but not After Effects - why? Thanks! Helpful tutorial.
@dmellis
@dmellis 6 лет назад
Instead of using that Wave Warp effect, you can use the Skew property in the Transform section of the shape layer.
@victornickolas9036
@victornickolas9036 3 года назад
instaBlaster...
@danielj7567
@danielj7567 4 года назад
Thank you so much! This is amazing!
@warrencochrane8325
@warrencochrane8325 6 лет назад
You saved me with this one. THANKS!
@sutterrender
@sutterrender 4 года назад
This has saved me a ton of time!!!!!!! What if I have a shape that essentially has caps of another color on the outside edges of the bar? I am having trouble making the right side track with the shape... Thanks for your help!
@alexw650
@alexw650 6 лет назад
Awesome man, thank you very much, I learned a lot.
@ashishpreetsingh185
@ashishpreetsingh185 6 лет назад
Can we make preset of it, so it can be applied again and again
@MKDonline
@MKDonline 3 года назад
Regarding the name of your text element....the reason you think you have to change "TEST TEXT" in your script is because you haven't named your text element. Right-click on it and give it a name. Then you can change your text to whatever you want and it won't change the "name" of your text element and there will be no need to manage how the script refers to it.
@shibatav2311
@shibatav2311 6 лет назад
you can also add a "transform" effect to the box
@NathanDoran2099
@NathanDoran2099 5 лет назад
This is really helpful, thanks a lot :)
@markieTee6354
@markieTee6354 Год назад
Does this work with a blinking cursor? will the blinking vertical cursor will not affect the box?
@alexnite7149
@alexnite7149 6 лет назад
Awesome tutorial!
@petercarley9260
@petercarley9260 6 лет назад
when I set keyframes on the range selector Start property, it breaks. it works fine up to that point. any insight? thank you for your tutorials!
@nroshgo6760
@nroshgo6760 5 лет назад
thank you for tuts :)
@JayP65
@JayP65 6 лет назад
dude sick tutorial bra
@cutsproductions7093
@cutsproductions7093 4 года назад
Hi Cameron. Great tutorial. Been looking for this everywhere. Thank you. However, my text box works but it opens out from the middle, rather than the left hand side. Can you advise? Thanks.
@imgestudyo4399
@imgestudyo4399 5 лет назад
thank you brother
@periswachukaKaruiru
@periswachukaKaruiru 5 лет назад
thanks really cool
@GadgetVision
@GadgetVision 2 года назад
my rectangle it is not conforming the text when i apply typewriter effect on text, the rectangle stays one size, so it's uselsess.
6 лет назад
You saved my life!
@fernandatellez8186
@fernandatellez8186 6 лет назад
Thank you!
@kennishimoto504
@kennishimoto504 6 лет назад
Any idea why the box stops responding once I hit the stopwatch to set a keyframe in the text layer?
@500cm
@500cm 5 лет назад
same problem
@janmargerylazo9861
@janmargerylazo9861 4 года назад
Hi! How can I make the rectagle move from right to left if I want a right align for variation?
@fekraarch8332
@fekraarch8332 6 лет назад
thanks alot
@johnbook8442
@johnbook8442 5 лет назад
How could I have multiple text boxes? When I copied, the box size is coming from the original set.
@mreddieau
@mreddieau 5 лет назад
When I try to put in the Size expression at about 3mins in to the video, AE comes up with the error "After Effects warning: Function s.sourceRectAtTime is undefined Expression Disabled.' "Error occurred at line 2. Comp: 'Comp 1' Layer: 1 ('BoxLayer') Property: 'Size'
@alexeypraprin
@alexeypraprin 5 лет назад
same
@alexeypraprin
@alexeypraprin 5 лет назад
oh, man) I've just realized that Cameron uses the expression with the layer named "TEST TEXT" while my layer contain another text) That's whu expression didn't work. I just changed my text layer name to be the same as in quotes in the expression in line 1
@halosrusty
@halosrusty 5 лет назад
@@alexeypraprin Thank You
@kathykhoo7979
@kathykhoo7979 4 года назад
how to fix this...I also got this problem...
@danieltan9425
@danieltan9425 5 лет назад
Hi Cameron, can we have the template?
@vinleon
@vinleon 5 лет назад
I can't find "Reposition Anchor Point"
@CB7110
@CB7110 4 года назад
Have you find it? I am still looking for it... :(
@SelimMete
@SelimMete 6 лет назад
How about crediting the guy who wrote the code you're using to the dot in 2015? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kI3yzx6CATg.html I don't get this kind of plagiarism since you are part of a "creative" industry yourself.
@dmellis
@dmellis 6 лет назад
It's not that same but that's a great one too.
@SelimMete
@SelimMete 6 лет назад
It is the same, the exact same. So much so that the one variable that can literally be anything is called "s" in both. The only difference is the name of the text layer, test text vs hello people. Why not credit the guy if you are ripping his code? I just don't get it.
@stefanopolli761
@stefanopolli761 4 года назад
@@SelimMete because it's a pretty basic code, not that he's claiming he's invented tensorflow
@gianflaviogordillo2534
@gianflaviogordillo2534 6 лет назад
isnt this exactly the same one as the one ECAbrams' made 3 years ago?
@nachochips8090
@nachochips8090 6 лет назад
but nobody knows how to use code so script kiddies it is
@bigfisher42
@bigfisher42 4 года назад
Anyone made this work on CS6 plz?
@SimWil
@SimWil 4 года назад
Unlike this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bD5xw9m-sc4.html , whitch is also an awesome way, you can change the height of the box if the text is off-center. For instance if the font has descenders under the baseline even with caps. Open Sans Black has this. Is there a way that this can be done without human interaction?
Далее
Top 30 Best Effects in After Effects
27:38
Просмотров 798 тыс.
After Effects Tutorial - Dynamic Text Box
10:00
Просмотров 77 тыс.
Тарковский - гений
00:48
Просмотров 673 тыс.
How to Motion Track in After Effects (4 Easy Ways)
11:59
Creatively Using Text Animators in After Effects
31:09
How To Create A Counting Effect in After Effects
5:13
Просмотров 166 тыс.
After Effects morph transition...with match cuts
12:10
Просмотров 323 тыс.
Тарковский - гений
00:48
Просмотров 673 тыс.