Easy Text Box - No Plug-In, No Expressions | After Effects Tutorial (1/2)

[@wlf3514]

how can i adjust the opacity of the box?

[@MographMindset]

Add the Channel Combiner effect between Minimax and Tint. Change "From" -> "Lightness", and "To" -> "Alpha". Twirl open the Text Layer in the timeline, twirl open the Channel Combiner effect, and open its Compositing Options. Set the Channel Combiner's "Effect Opacity" to 0% for a 100% opacity box, or set to 100% for a 0% opacity box. You still have control of the colors by using the Tint effect after Channel Combiner. Alt solution here: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@wlf3514]

@@MographMindset hi, i just got to try this and it works perfectly! thank you so so much

[@f9ea]

@@wlf3514 lol i was just hoping someone commented this i didnt know either

[@SephinAlexander]

Thank you for asking this!!

[@SephinAlexander]

@@MographMindset thank you for making this nifty and extremely useful tut!

[@jpi_1990]

To round the corners of the generated box, add the "Matte Choker" effect after the Simple Choker. Then I use these settings but you can play around: Geometric Softness 1: 20 Choke 1: 15 Gray Level Softness 1: 3% Geometric Softness 2: 0 Choke 2: 0 Gray Level Softness 2: 100% Iterations: 1

[@btsshorts8135]

Hi @jpi_1990 Can You Tell me how do I create outline to the box 🙏🏻

[@thanhtungphung7017]

thanks bro

[@JakeInMotion]

Well consider my mind blown. I love how I'm always discovering new uses for effects. Thanks for the shoutout at the end!

[@locomotionstudio9400]

This is what motion design is all about, quick and easy but still functional.

[@mariusmurtz6369]

This was the only textbox hack that worked for me. Most others (all that I tried, none of which used expressions) failed as soon as I duplicated them. This ones also works when you have multiple text layers with this easy text box effect. Thanks!

[@BuffaloByte]

Fantastic! I was playing around with this and found that you can set it up to adjust the Minimax vertical radius and horizontal radius separately. Then you can control the top/bottom padding & the left/right box padding. In the Minimax effect, change "Direction" to "Just Horizontal". Then duplicate the Minimax effect (select it and hit CMD+D) and in the duplicate change "Direction" to "Just Vertical". Now you can change the "Radius" separately. Just Horizontal changes the left/right padding and Just Vertical changes the top/bottom padding. Thank you so much.

[@Inf1nityPlus1]

Rare to see someone with deep technical knowledge who can deliver it in a concise AND beginner-friendly way. You have my sub. Please make more videos, you're great!

[@FullHarbor]

Killer tip. Thanks for all the "gotchas" in there too.

[@Richgraphics]

Finally an easy method - well explained - Kudos, much appreciated

[@MediaWorkbench]

SOLID! * applause * so good to see when someone finds an even simpler way to do the text box in After Effects, and it's backwards compatible which is great! Especially love the use of the Transform effect for fixing the rotation issue, don't know why I didn't think of trying that lol.

[@Workbenchtv]

Great idea! I didn't know Simple Choker had that option.

[@twentyfours3652]

Super excited for a straightforward tutorial. Kindly assist something; how do I make the box size-fitted to text when I enter paragraph? I want each box align with the volume and length of specific text, not just the longest one. Thank you!

[@MographMindset]

You have to split the text into separate layers per line

[@ultancourtney]

This is wonderful! It doesn'twork without precomp on 3D layers fyi other people - thank you though for this tip! Really appreciate it.

[@funrealistic3511]

Just what I was looking for! Thank you for an amazing, beginner-friendly and no-fluff tutorial, it’s a lifesaver!

[@NawrasRuhaima]

The problem with this one is that the height will not be fixed. If you use this for your subtitles, and they're in small letters, the height of the box will be jumping up and down (up: you see the p extends downward, down: the d extends upwards), so it's helpful if you want to use capital letters only.

[@MographMindset]

true. Managing descenders and ascenders is tricky, but can be done with sourceRectAtTime() expressions

[@texturelxgmohammed6502]

Woooooooooooooooooooooooooooooooooooooooooooooow this is super stunnig and magical, I've been suffering with guys complicating things in their tuts

[@puseletsomaraba1313]

thank you, straight to the point and functional. You deserve my subscription

[@FactBlitzkrieg]

That's really magic! 🪄

[@umbravirtus2]

a true hero without cape

[@NotARedPanda]

I have come back to this so many times, it's so helpful! Thank you!

[@videowatchamannn]

Lovely quality and straight to the point! Thanks!

[@romeo2450]

this was the best and best of best video of all time, you are the real genius.

[@dan_vs_himself]

Thank you!

[@ricflomusic]

swiftest simplest way I've seen thank you!

[@sakonpintusopon9171]

Super useful ! but How to make Fading Text Box (fade from left solid to transparent right) ????

[@MographMindset]

Check out Part 2! Building a text box with Shape Layers is way more flexible, and you can affect the opacity easily: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@3kyra10]

THANK GOD 🙏 Finally a simple way of what I want.

[@baudelaire_boy2775]

You are amazing, man! Way better than any other video about it here, and straight to the point! Loved it! Just subscribed! Thank you!

[@sebin_01]

wtf... this is too good

[@paulasegovia699]

ohhh really thanks!!! you save my job and my brain hahaha excellent video! 🙌

[@icweener1636]

Thank you so much! this tutorial is very helpful. And I love that its only 1 layer. Is there a way to add a dynamic glass blur background?

[@MographMindset]

I'd suggest using an autosizing Shape Layer like I show in Part 2: kzbin.info/www/bejne/nJqXeoOvqMaHftEsi=9V8W-UfTJtARDVrE Toggle the Shape Layer's Adjustment Layer switch on, and then just add a Gaussian Blur effect. It will blur everything behind the shape layer

[@antianime-pfp3291]

This dude is a Ae machine

[@shimronnetia]

Thank you . that was quick and good dirty technique

[@CaseyMitsch]

Next-level use of an effect stack. Thanks for sharing!

[@KiwiCallahan]

WHOA this is so easy - thank you so much for this, it's going to be a lifesaver!

[@pwl4576]

Thanks for a brilliant tutorial in less than 3 minutes. Amazing skill.

[@omarkhalaf1611]

simple chocker - view matte minmax - alpha - change radius tint - change colors

[@lukej2756]

Bro thank you, this problem was driving me nuts haha

[@dotkumo]

Super helpful thanks for posting. A really effective option.

[@jeorc]

Wow! So much information is packed in such an efficient timely manner. Thanks!

[@DissertazioniVideolu]

I was about to give fire to your KZbin channel as soon as I saw Ukramedia in between the bad examples cos in my opinion he is one of the best, but your solution is pretty smart even though is not very flexible and is not going to follow the single lines of text in a paragraph. Good suggestions in the end too.

[@prajwalpawar3103]

can u make a video on how to install plugins using aescripts app. my aescripts never seems to locate after effects ie the compatible app

[@marquesmarceloo]

Whoaa, so well explained! Thank you so much!!

[@gaston.]

excellent toot & presentation.. thanks!

[@yildizvideos]

Awesome tutorial! Many thanks!

[@JorgOne]

How can I add a text headline in a larger font and keep the blue area on the right (so its one big solid behind all text) And then make preset in essential graphic. ?

[@new2media]

Best Tip Ever. Appreciate it

[@merlinmerlette]

Thank you so much for this tip... you saved me two days of tedious work as I could create an animated .mogrt for editing in Premiere !

[@ratiohinge8029]

The best tutorial , thankyou so much

[@JosephRuddlestonMessenger]

Hey this was great! Any idea how to have the text box animate on line by line as the text animates line by line with 'Animate Text'?

[@MographMindset]

Add a Scale property to the Text Animator and set it to 0. Change Advanced > Smoothness to 0 to pop on text instead of fade. The box won't fade, it only pops on

[@bestkxge]

Really helpful thanks bro

[@filiptomanek9296]

You are genius! Thank s a lot.

[@PoodleLuna]

Thanks a lot! So helpful!

[@3.6-57]

Thank you! This is very helpful.

[@AdamOles]

Thank you for this!

[@Kitabpedia]

Amazing

[@sdmjam]

Thanks alot

[@vikypup3181]

Thank you, want more like this 🏅.

[@dreamteam9930]

Thanks for this helpful video. #Respect

[@OmriSery]

This is great! Thank you very much! I’m only trying to curve the edges and I’m having trouble with it. Can you please help me?

[@MographMindset]

Yes! I replied to you in Part 2: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@user-fc5ko9zn2e]

Thank you so much!

[@nedimk]

very useful. thanks

[@filipecaldasmotion]

this is AMAZING!!

[@arafathassan7988]

amazing thanks very helfull video

[@DJTwinky]

Absolutely clever!

[@almetovmotion]

Thank you!

[@eveintitres]

thank you so so much

[@realMDizzy]

how did you get the rounded boxes on your text towards the end of the video? EDIT: Nevermind I see you added another choke.

[@arkhi.anastasia]

thank you very much)

[@nitromusik9275]

Love this video! GJ

[@fasescomunicacion3419]

monumental!!!!!

[@shanemcguigan8911]

thanks for the great tutorial, as a beginner I've been able to follow it, however what you didn't show was how to animate the effect. Could someone maybe jump in and help. Thanks a lot.

[@MographMindset]

Hi Shane! There's lots of ways to animate this effect. To fade the text box on, you could duplicate the Text Layer, delete the effects from the top Text Layer, and then select the bottom Text Layer (the one with the effects). Open Transform > Opacity, hit the stopwatch to set keyframes, and set the 1st keyframe to 0 and 2nd keyframe to 100. Boom, fading text box.

[@gurnoorarora1255]

Thank you so much for this! Is there a way to round the corners of the box?

[@MographMindset]

Add another "Simple Choker" effect to the bottom of the effect stack, set View to Final Output, and increase the Choke Matte. Alt solution in Part 2: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@M0ham9dMahmoud]

GREAT Tutorial .. Thank you but, Is there a way I can reduce the opacity of the shape ?

[@MographMindset]

Yes! Watch Part 2: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@noah_zwingmann]

King!

[@al7osane]

Thanks

[@GrafismoCanal]

Can you add a stroke around the box? If yes, how? :) Thank you so much for this tutorial!

[@MographMindset]

Right-click the layer and go to Layer Styles > Stroke. It creates a stroke around the edges of the box. For more controls, check out Part 2! kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@GrafismoCanal]

@@MographMindset thank you so much! I have one more question tho, I'm trying to use typewriter, but the boxt doesn't react. Is there a way to solve this?

[@MographMindset]

@@GrafismoCanal This effect stack is looking at the full bounding box of the text layer. The Typewriter preset lowers the Opacity to make it invisible, but the layer's bounding box (its real size) doesn't change. You can add a Scale animator with value of 0 to the Typewriter preset. Add it next to the Opacity property in the the Text Animator. Animator 1 > Add > Property > Scale > [0,0] Or you can manually keyframe the Source Text property to change over time.

[@cardermedia]

This works well thank you, but the height of the box jumps when you type in lowercase text and your reach letters like 'j' and 'g'. Is there a way to fix this?

[@MographMindset]

Separate to 2 different layers. You can also use expressions, but it gets complicated. Here's a link if you want to investigate expressions for text descenders: www.motiondeveloper.com/blog/dealing-with-descenders

[@abhishekchatterG]

If I apply FADE UP WORD effect on the text layer, the text vanishes but the box remains there. Is it possible to make the box appear as the text is appearing one by one?

[@MographMindset]

Yes. Add a Scale Animator to Animator 1 (the Fade Up Words preset). Set Scale to 0 and then Advanced > Smoothness to 0 to pop on each word

[@lindzigleiche]

SO FAST but SO HELPFUL

[@abdelazizmuhammed5340]

please can you tell me how did you reveal parameters of transform effect so quickly? at 1:31

[@MographMindset]

P for Position A for Anchor Point R for Rotation T for Opacity S for Scale

[@abdelazizmuhammed5340]

no you just double clicked the parameter in effect control panel, thanks for replying tho@@MographMindset

[@Cebok_barengan]

DAMMNNNNNNN IT'S MAAGIIIIICC

[@afaqarshad8118]

Perfect, is there a way to round the edges of box?

[@MographMindset]

kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@shaf_cronbay8011]

how for the round corner box in this method

[@RobertDodrill]

How would I go about animating the text box if I wanted it to come on like a typewriter? When I try to animate opacity using the normal text animator method the solid text box remains the same size. Is that possible with this method or does that require expressions?

[@MographMindset]

Add a Text Animator for "Scale" and set both Opacity and the Scale to 0. That should work for the box to pop on with the letters.

[@RediaKrisdayanto]

Helpful

[@TonTheCreator]

can you make it rounded corners?

[@MographMindset]

Apply a Simple Choker and increase the radius. Or watch the Q&A video: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@HalaKesserwan]

THANK YOUUUUUUUUUUUUU

[@BlackyDragon]

Hey dude great video! is there any way to round the corners in order to make it look like the instagram´s one?

[@MographMindset]

Add another "Simple Choker" effect to the bottom of the effect stack, set View to Final Output, and increase the Choke Matte. Alt solution in Part 2: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@BlackyDragon]

@@MographMindset Thanks!

[@tetra8157]

is it possible to make it so that text boxes do not automatically last the entire video, but only start at the cursor with a certain length?

This is GREAT. Question: motion blur doesn´t seem to work with the alpha matte (if you move the text around, only the text blurs, the box doesn´t). Any ideas?

[@MographMindset]

Use "CC Force Motion Blur" at the bottom of the effect stack instead of the Motion Blur switch

@@MographMindset Hey, thanks!

[@marieschwab1207]

Thank you so much for the tutorial, really helpful! But is there any way to make the textbook transparent? All the best!

[@MographMindset]

Duplicate the Text Layer, delete the effects from the top Text Layer, and lower the Opacity of the bottom Text Layer (the one with the effects). For a cleaner, more flexible approach, check this out: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@KingTuttanKamon]

wow - thx.

[@Haiyami]

Is there a way to adjust the width of the box so it will only cover one letter?

[@MographMindset]

split your text layer into 2 different layers

[@janosempere]

Is there anyway to displace box?

[@MographMindset]

You can duplicate the layer after adding all the effects, so you have 2 layers. Remove all the effects from the top one so it is only the text. Add a Fill effect (Effects > Generate > Fill) to the bottom one to make it a solid color and then you can move it anywhere. For more controls you can check out Part 2: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@StefanusLie25]

Dang 🤣 it's so easy

[@bogd1741]

The only problem is that when you put a wiggle animation on the text (to move with the box), the box starts glitching. But it's still good for the static text.

[@MographMindset]

It shouldn't, wiggle works fine for me. Sounds like a preview issue. You can precomp the text before the wiggle() if you're getting weird results

[@davehedric1543]

Great video! Just one question: How did you isolate position and anchor point when you clicked it without opening the whole Transform Thread? double click Control opens the Thread for me.

[@MographMindset]

Hit "P" on the keyboard for Position or "A" for Anchor Point.

[@davehedric1543]

@@MographMindset oh yeah woops, rookie mistake! 😅 It just looked like you are selecting from the effects panels and then letting it open in the timeline properties. Thanks for the reply! While I have you, Is there a quick way to open different properties in Shape layer contents and the like?

[@MographMindset]

@@davehedric1543 2 ways! 1. You can hit Ctrl+F to search in the timeline and enter things like "path" or "shape" to isolate those properties. 2. For Shape Layer Path properties, I built a plugin for this. kzbin.info/www/bejne/g2OldYtqqcispKs

[@oldsingleplayer3012]

when I apply the simple choker it makes all screen BG black :(

[@PoliceResponse]

Can you do a tutorial on the text box at 1:51?

[@MographMindset]

These two videos go over it better than I could! kzbin.info/www/bejne/pGqtq6CMh9apns0 & kzbin.info/www/bejne/eYfPmnelg8yieck

[@diehardsmokehead]

Can this be done with round corners ?

[@MographMindset]

Add another "Simple Choker" effect to the bottom of the effect stack, set View to Final Output, and increase the Choke Matte. Alt solution in Part 2: kzbin.info/www/bejne/nJqXeoOvqMaHftE

[@diehardsmokehead]

@@MographMindset you sir are a god