How to Create a Responsive Mask in After Effects

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024

Комментарии • 93

  • @ilirbeqiri
    @ilirbeqiri Год назад +14

    Thanks for taking the time to record the video. One tinny suggestion though. The code to generate the mask as a bounding box is a little too long. Here is a 2-line version:
    a = thisLayer.sourceRectAtTime();
    createPath([[a.left,a.top+a.height], [a.left+a.width, a.top+a.height], [a.left+a.width,a.top], [a.left,a.top]]);
    Works automatically with any type of text alignment.

    • @loveeco1450
      @loveeco1450 Год назад +1

      Great one!

    • @elissitdesign
      @elissitdesign Год назад +2

      Mic drop. I love seeing other people’s solution.

    • @mrrobot7350
      @mrrobot7350 Год назад +1

      you are a life savior

    • @KamranKhan-hc2sp
      @KamranKhan-hc2sp Год назад +1

      WoW, you are amazing...

    • @cynnidc
      @cynnidc Год назад

      Thank you for this. Do you know by any chance how to generate masks for a multi line text? So each line has it's own mask

  • @narutosaske6535
    @narutosaske6535 25 дней назад

    many thanks

  • @artemtsenev
    @artemtsenev 2 года назад +1

    I use smart mask, but now i know how it work, thank you Sergei

  • @gastonnicolasvenierfernand1165
    @gastonnicolasvenierfernand1165 2 года назад +1

    I am very glad that I stumbled upon your video

  • @DanielPartzsch
    @DanielPartzsch 2 года назад +5

    Wow, this is huge. I'm looking since forever for a way to realize this exact kind of text animation on the single layer only (without the need for an extra matte layer I mean) and fully procedurally. Thanks a lot for this!

    • @ukramedia
      @ukramedia  Год назад +1

      I'm glad you found this useful, Daniel! Thanks for watching it!

  • @motion4pro
    @motion4pro 2 года назад +1

    Дякую Вам за дуже корисний тутор!

  • @r.r.divanarindranidaniella3543
    @r.r.divanarindranidaniella3543 2 года назад

    soone who does not get complex instructions like..At all, tNice tutorials was simple and clear for to understand. Thanks dude.

  • @ykarocarvalho1349
    @ykarocarvalho1349 2 года назад

    TNice tutorials comnt from you is legendary. Uncomplicated like your video!!!

  • @sabariesh9933
    @sabariesh9933 2 года назад +1

    thanks, it actually let me through so i could download it.

  • @sadiomaneofficiel5795
    @sadiomaneofficiel5795 2 года назад +1

    good job male, thanks!

  • @luisenmanueltolosamejia8030
    @luisenmanueltolosamejia8030 2 года назад

    soft. THANKS TO THE THE TEACHER.

  • @gerlansantos6854
    @gerlansantos6854 2 года назад +1

    Thank you sir

  • @masternetpuebla7479
    @masternetpuebla7479 2 года назад +1

    Even though it was a lot, its exactly what i was looking for with such great brief explanations. Thanks bruv

  • @adison8525
    @adison8525 2 года назад +1

    Thanks for the video, very helpful and well explained. Off to make so soft

  • @avijitsaha8367
    @avijitsaha8367 2 года назад +1

    Thanx Man , good video

  • @gerrylafferty4974
    @gerrylafferty4974 2 года назад +1

    Brilliant stuff Sergei!

  • @sugilcacaldo537
    @sugilcacaldo537 2 года назад +1

    THANKS FOR THIS IV BEEN SEARCHING FO SOOO LONG

  • @jpacstv4363
    @jpacstv4363 2 года назад +1

    It worked love you!

  • @vasily3994
    @vasily3994 2 года назад +1

    Thanks for this kind of tutorials Sergey. Very useful🙏

  • @LazyDesigner
    @LazyDesigner 2 года назад +2

    Thats awesome 👍

  • @LuiNogueira
    @LuiNogueira 2 года назад +1

    Amazing!

  • @farhanshaikh4829
    @farhanshaikh4829 2 года назад

    Totally agree, bro!

  • @dberesh
    @dberesh Год назад +1

    I love this video!! It really helped me out a lot - i was stuck and it was exactly what I was looking for.
    Just a quick note on your javascript: ideally, it's best practice to use var or let instead of const, since const is intended for variables that won't change. JS is letting you use const here because you're changing values inside of arrays/objects. So while this is working for now, it's not best practice and makes the code a little harder to read :)

  • @villanvicky3443
    @villanvicky3443 2 года назад

    Thanks for tutorial

  • @CatalinGulan
    @CatalinGulan 2 года назад +1

    Outstanding Sergei!❤ Thank you very much indeed for sharing!

    • @ukramedia
      @ukramedia  2 года назад

      Thank you for your kind words, Catalin!

    • @CatalinGulan
      @CatalinGulan 2 года назад

      @@ukramedia Anytime! You are more than welcome!

  • @hisroyalillness
    @hisroyalillness 2 года назад

    Thats some deeeep JavaScript/ expressions knowledge. I wonder if this was possible with the old Ae expressions system…

  • @hypeexoliom2913
    @hypeexoliom2913 2 года назад

    I ca back to soft after about 10 years when I was using soft soft 10 and for its best program Ive seen in fact its also simpliest one

  • @aurorawang5514
    @aurorawang5514 Год назад +1

    Great expression! It's very convenient to use! One question is that if I have 3 lines text, how to rewrite the expression and create a mask for each line without cutting some bottom parts of the character like "g, y, j"

  • @CjVeloso
    @CjVeloso 2 года назад

    Love this! Thanks for sharing, Sergei (:

    • @ukramedia
      @ukramedia  2 года назад

      Thanks, CJ! I hope things are well on your end.

  • @harshawarthan3840
    @harshawarthan3840 2 года назад +1

    yes

  • @kevinmiranda135
    @kevinmiranda135 2 года назад

    Regardless of how important the information is

  • @sampathlakmal6186
    @sampathlakmal6186 2 года назад

    and thank you for your effort. If you can make a video about Lo-Fi soft, that would be aweso!

  • @E-N-Z-O
    @E-N-Z-O 3 месяца назад

    @ukramedia Thanks for this. I was wondering about more complex shapes such as a hectagon rectangle like pointed left and right edge of a box? Something like this shape. How to do this? Could you help?

  • @abiyyupanggalih854
    @abiyyupanggalih854 2 года назад

    its actually useful :D

  • @madaripurgraphicsclubclub7789
    @madaripurgraphicsclubclub7789 Год назад +1

    When use this code as your then say error variable name expected
    Plz Help
    const { height,width, left, top } = sourceRectAtTime();
    const topL = [0,0];
    const topR = [width, 0];
    const bttmR = [width, height];
    const bttmL = [0, height];
    const pathPoints = [topL, topR, bttmR, bttmL];
    createPath(pathPoints);

  • @lenonfernandes8584
    @lenonfernandes8584 Год назад

    Is there a video teaching to create an animations using all your tools?
    I want to buy your bundle but I can't find a way how to use them together.

  • @kateryna_demska
    @kateryna_demska Год назад +1

    thanks for great tutorial, but is it possible to make mask with rounded edges using this method?

    • @ukramedia
      @ukramedia  Год назад

      Yes, I'll have to make a tutorial on that.

  • @Grumpist1
    @Grumpist1 2 года назад

    this made sense until the arrow function. Is "item" a variable you created and then modified and re-output using the arrow function?

  • @dkrp6892
    @dkrp6892 2 года назад

    100% I make the sickest soft in my head all day long then the mont I open a DAW...

  • @minlauc5731
    @minlauc5731 2 года назад

    Aaahhh thooooo

  • @saralaverde6507
    @saralaverde6507 2 года назад

    Thank you for tNice tutorials video. I just downloaded soft soft and I was so, so lost. I couldn't even figure out how to make a soft. Your video

  • @farhanshaikh4829
    @farhanshaikh4829 2 года назад

    how do you get all the tutorial and samples on the left. mine doesnt have sNice tutorialt

  • @eurofiretzakia8210
    @eurofiretzakia8210 2 года назад

    Hey, I just wanted to check briesofty if there is a way for to import a new soft into the program, for example softs or sotNice tutorialng that

  • @blackbluegamer2577
    @blackbluegamer2577 2 года назад

    just cutting to ut already open

  • @windowsinfo2700
    @windowsinfo2700 2 года назад

    If I want to save my project in soft soft, do I have to buy it?

  • @jeremiahosei-kwakye5378
    @jeremiahosei-kwakye5378 2 года назад

    once i buy the basic version of soft soft can i upgrade to producer for 100 dollars or do i have to buy it new for 0?

  • @DuncanCatterallFilm
    @DuncanCatterallFilm 2 года назад +1

    Did they finnnnnallly allow expressions on masks?!

    • @ukramedia
      @ukramedia  2 года назад +1

      Yup, they did.

    • @DuncanCatterallFilm
      @DuncanCatterallFilm Год назад

      @@ukramedia unbelievable it took this long! That's been a battle for a while with character rigs

  • @nakulsoral4283
    @nakulsoral4283 2 года назад

    hell yeah. gonna make so sNice tutorialtty electronic soft and live up to my destiny as a trans woman LET'S GOOOOO

  • @tozinho1234
    @tozinho1234 2 года назад +1

    Hello. I tried to replicate this but I get an error on line 2: const { height, width, left, top } = sourceRectAtTime(layerMidPoint);
    - error says: Variable name expeted.
    Any suggestion? Thank you for sharing.

    • @josephcaplan9779
      @josephcaplan9779 2 года назад

      Im getting same error - did you figure it out?

    • @vivitalev
      @vivitalev 2 года назад

      File > Project Settings > Expressions > Expressions Engine - [Java Script]

  • @DiogoMendesPinto
    @DiogoMendesPinto 2 года назад +1

    Why const instead of var? What's the diference?

    • @ukramedia
      @ukramedia  2 года назад +2

      You can learn more about it here: www.freecodecamp.org/news/var-let-and-const-whats-the-difference/

  • @fermunguia
    @fermunguia 2 года назад +1

    More slots in user presets for Smart Text Animator please 🙏🏻😁 9 is not enough 😞 ... Cheers 😁

    • @ukramedia
      @ukramedia  2 года назад +1

      Thanks for the feedback and for using my tools! I appreciate it a lot.

    • @fermunguia
      @fermunguia 2 года назад

      @@ukramedia Best tools ever ! ♥ I am so proud of your work and me investing in having a copy of the smart tools.

  • @rfzzkx
    @rfzzkx 2 года назад

    hows it going

  • @kevin27gattonero11
    @kevin27gattonero11 2 года назад

    bruh i just got it yesterday and it looks like spacesNice tutorialp controls thx for your help

  • @gregkrazanski
    @gregkrazanski 2 года назад

    what is "const"? Why have i never seen that before in AE expression tutorials/reference material?

    • @borktheorc
      @borktheorc 2 года назад +1

      i have a pretty limited knowledge of expressions, but I believe that 'const' is just a randomly assigned name for a variable that he's designated in his code. if i understand correctly you could also use 'var' or anything your heart desires so long as it isn't an already existing property.

  • @asishtechhive1802
    @asishtechhive1802 2 года назад

    My name is Ashish Roy. Hope you are well. I am Bangladeshi. I understand English very little. Still I try to learn by watching your videos. I don't understand "to comp". So I request you to help me by making the video of "To Comp"

    • @ukramedia
      @ukramedia  2 года назад

      Thanks for your feedback, Asish. I'll see what I can do.

  • @jaysonfontela5761
    @jaysonfontela5761 2 года назад

    👍💖

  • @parulgoel7902
    @parulgoel7902 2 года назад

    TNice tutorials is too

  • @wevertonchefee
    @wevertonchefee 2 года назад

    Studying how to use soft soft is far more important than studying for my exams lmao

  • @ihsansaglam2383
    @ihsansaglam2383 2 года назад

    Mlk, se pá que o canal foi hackeado

  • @fannynadeau7153
    @fannynadeau7153 2 года назад

    handso

  • @amandacampos2496
    @amandacampos2496 2 года назад +1

    progress. Now, two months later, I am editing for nice tutoet League teams and players, and making money off it. Keep your heads up and

  • @maksym5360
    @maksym5360 Год назад

    unfortunately the mask still follow the text

  • @romerodelmi1738
    @romerodelmi1738 2 года назад

    comnts, even though they paid for their versions.

  • @Yash_27
    @Yash_27 2 года назад

    sa

  • @torreramonjason8243
    @torreramonjason8243 2 года назад

    them "happen". Only tNice tutorialng I can do is click on kick snare and Nice tutorial-hats lol

  • @playercool003
    @playercool003 2 года назад

    Not very helpful for a complete beginner like me ☹️

  • @aanutv
    @aanutv 2 года назад +1

    Thanx Man , good video

  • @airulairul8549
    @airulairul8549 2 года назад

    Mlk, se pá que o canal foi hackeado