After Effects: Resize Textbox Hack with Expressions

Фильм және анимация

Special thanks to our sponsors Squarespace. For a free trial and 10% off, visit www.squarespace.com/dojo and use the promo code: DOJO
Tip originally by Ross Owens: / ro_motion
Responsive Auto Scale Preset: creativedojo.net/store/respon...
Today we'll learn how to use some clever expressions in After Effects to manually control textbox sizes with sliders. This can be a handy trick if you're trying to resize the textbox dynamically, whether for UI/UX animations or other reasons.
▸ Creative Dojo Store: creativedojo.net/store
▸ Best Plugins for Motion Design & VFX: kit.co/CreativeDojo/best-plug...
▸ Best After Effects Templates: videohive.net/page/top_seller...
Disclaimer: Some of the links provided are affiliate links. Creative Dojo may earn a small commission for purchases, at no extra cost to you. It's a great way to support the channel if you enjoy our content.
Follow the Dojo:
▸ Website: creativedojo.net
▸ Twitter: / creativedojo
▸ Instagram: / creative.dojo
▸ Facebook: / creativedojo
Creative Dojo creates motion design & visual effects training, design tools, and industry content. Join the community, get access to powerful design tools and assets, and learn everything related to After Effects, Cinema 4D, and much more.

Пікірлер: 33

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

    This is an great use of expression with text, thanks for sharing!

  • @YeggorPsh
    @YeggorPsh9 ай бұрын

    I was looking for this tutorial several months!!! Thank you very much!🤝🙏💪

  • @_delleps_
    @_delleps_7 ай бұрын

    Thanks for sharing this useful technique!

  • @fuoser
    @fuoser3 ай бұрын

    omg i looked for this forever. thanks so much!

  • @akthammusa3336
    @akthammusa333613 күн бұрын

    Fantastic , Thanks a lot

  • @manyourcoolchris
    @manyourcoolchris3 ай бұрын

    Incredibly helpful. Thank you so much!

  • @thi3761
    @thi37612 жыл бұрын

    Your handy little tip really helps, thanks

  • @CreativeDojo

    @CreativeDojo

    2 жыл бұрын

    Np bb

  • @srinivasnahak3473
    @srinivasnahak34732 ай бұрын

    Thank you so much for this

  • @peterheynen
    @peterheynen2 жыл бұрын

    Wow, this concept for a workaround is so simple and genius at the same time. This is a very smart solution for a problem I was struggeling already for a long time for data driven MOGRTs. Thanks 1.000.000 times!

  • @CreativeDojo

    @CreativeDojo

    2 жыл бұрын

    It's a pretty clever trick, wish I could take credit for it! Thanks for the feedback!

  • @peterheynen

    @peterheynen

    2 жыл бұрын

    @@CreativeDojo well, even it is not your invention, you explained the concept bhind this trick very good and I am so thankful that you shared it with the community :-)

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

    Thanks so much for this! So very helpful. Is there any way to make the alignment fix to the corner? So the position of the autoscale stays within a corner frame?

  • @_casg
    @_casg3 ай бұрын

    God I just spent a whole day creating expression Just to control my font on a box And then I find this golden tut Which could of saved me 5 hours

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

    What if we want to make height & width as separate slider control? Is it possible?

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

    how do i get the red scale back around the text

  • @riigel
    @riigel6 ай бұрын

    I just hope the Adobe Ae team make this text box available to access in expressions!

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

    hi! can I have the link for the video that is 9:05?

  • @TheCelecis
    @TheCelecis7 ай бұрын

    can't you do this without effect controls? cause I wan't a dynamic textbox that lottie can actually render ... it doesn't render effect controls x.x like, help

  • @llealloo
    @llealloo9 ай бұрын

    in order to get line spacing to work as expected, I had to change: text.sourceText.style.setFontSize(textSize / s).setLeading(textSize * lineHeight * s); to text.sourceText.style.setFontSize(textSize / s).setAutoLeading(false).setLeading(textSize * (lineHeight / s));

  • @_delleps_

    @_delleps_

    7 ай бұрын

    Thank you!

  • @szym_89
    @szym_895 ай бұрын

    My after effets is crushing after setting command sourceText. any idea why it's happening ?

  • @szym_89

    @szym_89

    5 ай бұрын

    Fun fact, on macbook it's work on windows doesn't. Any idea why ? In windows this code is automaticlly crashing all file.

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

    I get an error on the scale expression, which tells me that the result must be of dimension 2, not 1. I did everything exactly the way you showed in your video. i am so frustrated. evertime i try using expressions, it doesnt work

  • @ececelenk1375

    @ececelenk1375

    Жыл бұрын

    I get the same error in the originalBoxWidth = 1920 line as well. Did you find a workaround of that problem?

  • @muhamadbagus9327

    @muhamadbagus9327

    11 ай бұрын

    same bro, did you already solve that problem?

  • @michaelmontoya

    @michaelmontoya

    10 ай бұрын

    @@muhamadbagus9327 paste your code here that you are using in the scale

  • @Rafamurcia01

    @Rafamurcia01

    8 ай бұрын

    solved it: in the scale box the last line must say value * s; You must be typing value = s; and thats the error

  • @CamTooling
    @CamTooling3 ай бұрын

    It still pisses me off that we don't get expression support for text boxes by Adobe. It's just a goddamn box, how hard is it to implement?

  • @RapidBlindfolds
    @RapidBlindfolds8 ай бұрын

    why tf is this 9 minutes long 😭

  • @riccardopellin3795
    @riccardopellin37952 жыл бұрын

    Hi, Finally found what I was looking for ( I need to animate the text box at the start with a set width and at the and with a different one)! But I have a problem with the string "text.sourceText.style.setFontSize(textSize / s);", After advice me with the triangular sign that "style" is not available or misspelled (which is not true). Can you help me? Thk a lot. P.S. I have the latest version of AE

  • @rgrant

    @rgrant

    Жыл бұрын

    File > Project Settings > Expressions set it to JavaScript

  • @ireneaybarpeinado2697

    @ireneaybarpeinado2697

    Жыл бұрын

    @@rgrant OMG THANK YOU!

Келесі