Auto-resizing Text Box With No Expressions! - Adobe After Effects Tutorial

In this tutorial, I’m going to show you how to create an auto-resizable text box, meaning the box auto-resizes itself depending on the text it’s enclosing. The one issue that always comes up is how to animate the text box independently of the text it’s enclosing. Well, I’ve cracked the code and have never seen this done anywhere else.
Project file:www.patreon.com/7MinuteAETuto...
Text Animator Essentials: • ESSENTIAL Text Animato...
Join TODAY: / @7minuteaetutorials
Become a Patron: / 7minuteaetutorials
Make a difference: paypal.me/jeffknight713?count...
7 Minute AE Store: 7-minute-ae-tutorials.mysprea...
Subscribe: / 7minuteaetutorials
Click the BELL so you're notified every time I upload new content!
Share this video: • Auto-resizing Text Box...
"The Power of Shape Layers" on Udemy: www.udemy.com/course/power-of...
Instagram: / 7minuteae_jeffknight
TikTok: / 7minuteaetutorials
Facebook: / 7minuteaetutorials
Check out our affiliates for amazing deals on After Effects Essentials!
Envato Elements: 1.envato.market/c/2492339/138...
AEJuice Free Plugins aejuice.com/free-plugins/?ref...
AEJuice I Want It All Bundle aejuice.com/product/i-want-it...
AEJuice KZread Channel / @aejuice
Tutorial Table of Contents
00:00 - What you’ll learn!
00:25 -Create some text
00:48 - Add in some effects
01:34 - Voila! Auto-resizable text box complete
02:00 - Separating the Text from the Box
02:26 - Issues with animating the text box as a single layer
03:13 - Making the Box follow the Text
04:18 - Adding more elements
05:45 - Adding a title to the lower third
06:38 - Using a Slider Control for Padding
07:30 - Get rid of that first Fill
07:58 - AE Juice Promo
09:30 - Outro
Thanks for watching, and I'll see you next time!

Пікірлер: 51

  • @TeebDesign-bk4nf
    @TeebDesign-bk4nf Жыл бұрын

    You can even round the corners with a matte choker and a level adjustment. Just play with the matte choker geometric softness and use the levels in alpha mode and bring the channels closer to get rid of the soft edges. Be sure to put the fill effect at the end of the effect loop !

  • @magiettadetko1543
    @magiettadetko1543 Жыл бұрын

    Wow, this is great stuff. Thanks for sharing!

  • @niklofr
    @niklofr11 ай бұрын

    Thank you so much. It's so much more understandable than with expressions. I tested several tutorials and each time I had inexplicable errors. Here, the result is absolutely identical to the tutorial. I didn't waste my time.

  • @csabatompa188
    @csabatompa188 Жыл бұрын

    Thx! Much appreciated!

  • @New_Talent
    @New_Talent Жыл бұрын

    Wonderful 👏 👏 Thanks!

  • @marykirmo
    @marykirmo Жыл бұрын

    BRILLIANT! Your tutorials are so straightforward and easy to understand. I also appreciate the way that you explain your reasoning. So helpful.

  • @7MinuteAETutorials

    @7MinuteAETutorials

    Жыл бұрын

    Thanks so much for the kind words and for watching

  • @SajewichActor
    @SajewichActor Жыл бұрын

    Brilliant technique!!

  • @maximilianoperaita5256
    @maximilianoperaita52566 ай бұрын

    Great tutorial!

  • @Henrique96Alves
    @Henrique96Alves9 ай бұрын

    Thank you so much!

  • @quizholo
    @quizholo3 ай бұрын

    😊 very helpful. Thanks

  • @iksDen
    @iksDen10 ай бұрын

    thank you!!!

  • @SonjaMGFX
    @SonjaMGFX Жыл бұрын

    I have indeed never seen this done before without plugins or expressions! You have blown my mind and potentially changed my approach to lower third animation. EDIT: I did however notice that with this method setting up essential properties or MOGRTs is not that easy. It's a great method if you don't want to set up a template where you need to make a lot of paragraph alignment, font family or size changes on the fly or animate an out animation that differs from the in animation. I also noticed some decenders anomaly when adding decorative shapes that calculate their position using expressions, based on source text size and RepeTile expansions.

  • @7MinuteAETutorials

    @7MinuteAETutorials

    Жыл бұрын

    Thanks so much! I really appreciate the comment and glad I could show this cool trick :)

  • @anjuupadhyay4775
    @anjuupadhyay4775 Жыл бұрын

    you are awesome. Many people struggle with this kind of automatic rectangle that reacts to the size of the text......... awesome. Thanks. God bless you..........

  • @7MinuteAETutorials

    @7MinuteAETutorials

    Жыл бұрын

    Thanks so much for this. It means a lot :) And thanks for watching.

  • @dudecreations9144
    @dudecreations9144 Жыл бұрын

    We can all so make text box rounded edge using roughen edges effect some tweaking properties

  • @RobBrulinski
    @RobBrulinski7 ай бұрын

    this is a very wild way to create a text box!

  • @HBrooks
    @HBrooks Жыл бұрын

    thanks for your tutorials. the other 'after effects gurus' do everything at warp 39 with zero explanation, leaving you wondering what to set and WHY. you, like a few others, break that ol' mold. while they may get 'views' you get people who learn something.

  • @7MinuteAETutorials

    @7MinuteAETutorials

    Жыл бұрын

    That's the unfortunate trend I'm seeing. I do my research and look at competitors. There is one huge channel right now in particular that drives me a little insane. They cram 20 minute tutorials into 5 minutes, you can't follow along, and most of their processes are either outdated, inefficient, or they go the long way around. Yet they make a living at this with almost 1 million subs, while I take my time, care about my subscribers, and always try to deliver quality content, and I just broke 31,000 subs... if I could make a living at this, I would put up three of these a week! Thanks for watching. It is immensely appreciated.

  • @HBrooks

    @HBrooks

    Жыл бұрын

    @@7MinuteAETutorials those i watch at like half speed, so they sound like they're prince valium, lolol - you've SHOWED me more than they've talked about. ;)

  • @7MinuteAETutorials

    @7MinuteAETutorials

    Жыл бұрын

    @@HBrooks Thanks so much

  • @cynnidc
    @cynnidc11 ай бұрын

    is it possible to have multiple lines of text and the box will stop after the last letter so you get 'lines' of boxes instead of one big box if you understand what I mean. I dont't want to have multiple text layers.

  • @Pansypants1
    @Pansypants1 Жыл бұрын

    Amazing video and really well explained. Such a great technique. Would you then be able to create that into a MOGRAT to be used in prem pro?

  • @marykirmo

    @marykirmo

    Жыл бұрын

    Absolutely. You’d just need to make sure all the controls you want are included.

  • @portfolio.morrigan
    @portfolio.morriganАй бұрын

    I've got struggles with the text box animating, I followed every single step yet do I succeed to do something wrong.

  • @larroldthethird874
    @larroldthethird874Ай бұрын

    Hi! Love the tutorial. I'm kinda stuck after adding the effects. After pick whipping my source text, and all the effects followed to the tee, when I add my text animator to position like you did, my text does not follow the box like it should. I can't really figure out where I'm stuck at... Could you help please?

  • @alenlenia
    @alenlenia3 ай бұрын

    Wow this is Gold on youtube

  • @7MinuteAETutorials

    @7MinuteAETutorials

    3 ай бұрын

    Thanks for watching!

  • @jaysonfontela5761
    @jaysonfontela5761 Жыл бұрын

    💖

  • @lushprod
    @lushprod2 ай бұрын

    can you animate the text, so new words appear and the box follows the "new" word?

  • @idan_ronen
    @idan_ronen4 ай бұрын

    I'm looking all around YT in vain for a tutorial showing how can a shorter text box containing a short text can animate to a longer text box containing a long text. Do you have a solution?

  • @felixboy85
    @felixboy852 күн бұрын

    Thanks for the tutorial, very cool! But I have a question, if there is quite a lot of text, then the shape does not stretch to the full length of the text, how can this be solved? Thanks

  • @felixboy85

    @felixboy85

    2 күн бұрын

    thanks i solved this

  • @abdelazizmuhammed5340
    @abdelazizmuhammed534011 ай бұрын

    when I use spin in by character text effect on the boxed text layer the rectangle doesn't rotate well with text it changes the size of it in a weird way, how to fix this ?

  • @7MinuteAETutorials

    @7MinuteAETutorials

    11 ай бұрын

    Make sure you remove the text animator from the box layer - let me know if that works

  • @tchristen
    @tchristen11 ай бұрын

    great tutorial, thanks. My only problem is when I change the name to lowercase the box text does not resize along. So i have too much on the right side. Do you know how to fix it?

  • @7MinuteAETutorials

    @7MinuteAETutorials

    11 ай бұрын

    Hide the effect on the BOX layer for "FILL" and make sure your text on the box is following your TEXT layer (if that makes sense). The text on both layers should be the same. It sounds like the text is getting off for some reason. Both layers should have the same paragraph justification as well. Let me know if that fixes the issues. If not, save your project file and send it to me at 7minae@gmail.com and I'll take a look at it for you.

  • @tchristen

    @tchristen

    11 ай бұрын

    @@7MinuteAETutorialsThanks Jeff for the reply. Apology for not saying it clearly. It works when I change the text into Uppercase by retyping them manually, but the text box does not resize automatically when i press 'All Caps' (on the Character Panel). I want to use it as a .mogrt so my team have the option to change the text to 'All Caps' when needed,. Thanks.

  • @7MinuteAETutorials

    @7MinuteAETutorials

    11 ай бұрын

    @@tchristen I see. That's because the character panel is only affecting the text layer. The box layer will follow the text layer unless you use faux styles on the text layer - bold, italics, all caps, or small caps. If you use the caps lock, it should work. Let me know if that helps.

  • @tchristen

    @tchristen

    11 ай бұрын

    @@7MinuteAETutorials Great, many thanks for the support. Keep create awesome vid tuts Jeff. Big fan :)

  • @STREAM_BOXER
    @STREAM_BOXER Жыл бұрын

    Can the text box be a gradient?

  • @7MinuteAETutorials

    @7MinuteAETutorials

    Жыл бұрын

    Sure - add a gradient ramp instead of moving the fill to the bottom of the effect stack.

  • @Infinitelove0143
    @Infinitelove014311 ай бұрын

    how to save this as a presets in after effect

  • @7MinuteAETutorials

    @7MinuteAETutorials

    11 ай бұрын

    It requires 2 layers. Anything with more than 1 layer can't be saved as a preset. You COULD save the text box as a preset with the idea that you will have to add a text layer whenever you use it and connect the source of the text bar to the source of the text layer, and also line up the positioning. So, it could be done

  • @allpitirelli-v7h
    @allpitirelli-v7h10 ай бұрын

    bro nice job but i cant follow your mouse clicks so fast i dont undersstand sometimes :/*

  • @7MinuteAETutorials

    @7MinuteAETutorials

    10 ай бұрын

    Thanks for the comment. This is one of those tutorials with a LOT of information, so I went pretty fast through the information. I'm constantly trying to update my style and speed, so your feedback is really helpful. Thanks for letting me know, and I hope you can still follow along. Let me know if you have any questions and I'm happy to help you along.

  • @cardermedia
    @cardermedia11 ай бұрын

    Great idea. Shame the padding is only consistent with capital letters.

  • @7MinuteAETutorials

    @7MinuteAETutorials

    11 ай бұрын

    The padding should be consistent regardless of whether you're using capital letters or not. If you do use capital letters, don't use the faux styles in the character panel (bold, italics, all caps, small caps) because those will only affect the text layer itself. But you can use capital letters, sentence case, or all lower case letters and it should work. If you're still having issues, let me know and I'll help you figure out the issue. I've used this technique numerous times and have never had an issue with using lower case letters.

  • @adamsoyer
    @adamsoyer4 ай бұрын

    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.

  • @7MinuteAETutorials

    @7MinuteAETutorials

    4 ай бұрын

    It's only useless if you never use it again :) The crux of this tutorial is how to create an auto-resizable text box NOT how to prep and export an After Effects file as a mgrt for use in Premiere. It sounds like you tend to use lower thirds in Premiere so you have a need for mgrts (and I do have tutorials that cover how to do that - feel free to skip to the bottom or read on and learn WHY you're incorrect). Since this is an After Effects channel and most of my subscribers tend to work primarily in After Effects, not everyone creates lower thirds for use in Premiere, which is actually a moot point since (again) the crux of this particular tutorial is how to create an auto-resizable text box in After Effects. Even if this tutorial were about creating lower thirds, a great re-use of this project file would be to create the lower third the way you want it, then in future when you need to create it again, you have the template for use in After Effects. Prepping an After Effects file for mogrt export is an entirely different tutorial and would take at least 7 minutes to show. So, as you can see, there is a "use" for this tutorial and it is absolutely independent of creating a lower third as a mgrt file. If you'd like to see part 3 of a 3-part series I created for exporting a lower third that was created for purposes of being used as a mgrt, you can check it out right here - kzread.info/dash/bejne/ZYeLrduJmdKpqqg.htmlsi=cpPq-Q-K0uG9qdZG - Parts 1 and 2 show how to create the lower third itself. Part 3 shows how to prep and export the mgrt. Perhaps you'll find a great "use" for that tutorial since this particular one wasn't even created for the purpose you required to begin with. All the best, and thanks for watching!