How to Create a Responsive Mask in After Effects

Поділитися
Вставка
  • Опубліковано 3 сер 2024
  • /// About:
    In this video, I will show you how to create a Responsive Mask using Expressions inside Adobe After Effects.
    /// Free After Effects Project File:
    Project File: ukramedia.com/?add-to-cart=35...
    /// Links from the Video:
    Square Brackets Tutorial: • What are Square Bracke...
    Smart Mask: ukramedia.com/smartmask
    Smart Animator: ukramedia.com/smartanimator
    /// Let's Connect:
    Facebook: / ukramedia
    Sergei's Facebook Page: / sergeiprokhn. .
    Twitter: / ukramedia
    TikTok: / ukramedia
    Instagram: / ukramedia
    Pinterest: / ukramedia
    Linkedin: / ukra. .
    UA-cam: / ukramedia
    Ukramedia Online Community: www.ukramedia.com/community
    #AeExpressions #AfterEffects #AdobeAfterEffects

КОМЕНТАРІ • 92

  • @gerrylafferty4974
    @gerrylafferty4974 Рік тому +1

    Brilliant stuff Sergei!

  • @vasily3994
    @vasily3994 Рік тому +1

    Thanks for this kind of tutorials Sergey. Very useful🙏

  • @masternetpuebla7479
    @masternetpuebla7479 Рік тому +1

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

  • @ilirbeqiri
    @ilirbeqiri Рік тому +13

    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 10 місяців тому

      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

  • @gastonnicolasvenierfernand1165

    I am very glad that I stumbled upon your video

  • @adison8525
    @adison8525 Рік тому +1

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

  • @sabariesh9933
    @sabariesh9933 Рік тому +1

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

  • @artemtsenev
    @artemtsenev Рік тому +1

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

  • @DanielPartzsch
    @DanielPartzsch Рік тому +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 Рік тому +1

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

  • @ykarocarvalho1349
    @ykarocarvalho1349 Рік тому

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

  • @jpacstv4363
    @jpacstv4363 Рік тому +1

    It worked love you!

  • @LuiNogueira
    @LuiNogueira Рік тому +1

    Amazing!

  • @sugilcacaldo537
    @sugilcacaldo537 Рік тому +1

    THANKS FOR THIS IV BEEN SEARCHING FO SOOO LONG

  • @avijitsaha8367
    @avijitsaha8367 Рік тому +1

    Thanx Man , good video

  • @farhanshaikh4829
    @farhanshaikh4829 Рік тому

    Totally agree, bro!

  • @villanvicky3443
    @villanvicky3443 Рік тому

    Thanks for tutorial

  • @sadiomaneofficiel5795
    @sadiomaneofficiel5795 Рік тому +1

    good job male, thanks!

  • @luisenmanueltolosamejia8030

    soft. THANKS TO THE THE TEACHER.

  • @CjVeloso
    @CjVeloso Рік тому

    Love this! Thanks for sharing, Sergei (:

    • @ukramedia
      @ukramedia  Рік тому

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

  • @r.r.divanarindranidaniella3543

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

  • @CatalinGulan
    @CatalinGulan Рік тому +1

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

    • @ukramedia
      @ukramedia  Рік тому

      Thank you for your kind words, Catalin!

    • @CatalinGulan
      @CatalinGulan Рік тому

      @@ukramedia Anytime! You are more than welcome!

  • @LazyDesigner
    @LazyDesigner Рік тому +2

    Thats awesome 👍

  • @gerlansantos6854
    @gerlansantos6854 Рік тому +1

    Thank you sir

  • @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 :)

  • @harshawarthan3840
    @harshawarthan3840 Рік тому +1

    yes

  • @abiyyupanggalih854
    @abiyyupanggalih854 Рік тому

    its actually useful :D

  • @hypeexoliom2913
    @hypeexoliom2913 Рік тому

    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

  • @sampathlakmal6186
    @sampathlakmal6186 Рік тому

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

  • @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"

  • @hisroyalillness
    @hisroyalillness Рік тому

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

  • @eurofiretzakia8210
    @eurofiretzakia8210 Рік тому

    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

  • @kevinmiranda135
    @kevinmiranda135 Рік тому

    Regardless of how important the information is

  • @jaysonfontela5761
    @jaysonfontela5761 Рік тому

    👍💖

  • @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.

  • @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.

  • @minlauc5731
    @minlauc5731 Рік тому

    Aaahhh thooooo

  • @saralaverde6507
    @saralaverde6507 Рік тому

    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

  • @jeremiahosei-kwakye5378
    @jeremiahosei-kwakye5378 Рік тому

    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?

  • @windowsinfo2700
    @windowsinfo2700 Рік тому

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

  • @dkrp6892
    @dkrp6892 Рік тому

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

  • @Grumpist1
    @Grumpist1 Рік тому

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

  • @E-N-Z-O
    @E-N-Z-O Місяць тому

    @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?

  • @farhanshaikh4829
    @farhanshaikh4829 Рік тому

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

  • @wevertonchefee
    @wevertonchefee Рік тому

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

  • @fermunguia
    @fermunguia Рік тому +1

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

    • @ukramedia
      @ukramedia  Рік тому +1

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

    • @fermunguia
      @fermunguia Рік тому

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

  • @tozinho1234
    @tozinho1234 Рік тому +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 Рік тому

      Im getting same error - did you figure it out?

    • @vivitalev
      @vivitalev Рік тому

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

  • @madaripurgraphicsclubclub7789

    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);

  • @blackbluegamer2577
    @blackbluegamer2577 Рік тому

    just cutting to ut already open

  • @gregkrazanski
    @gregkrazanski Рік тому

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

    • @borktheorc
      @borktheorc Рік тому +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.

  • @DiogoMendesPinto
    @DiogoMendesPinto Рік тому +1

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

    • @ukramedia
      @ukramedia  Рік тому +2

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

  • @kevin27gattonero11
    @kevin27gattonero11 Рік тому

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

  • @DuncanCatterallFilm
    @DuncanCatterallFilm Рік тому +1

    Did they finnnnnallly allow expressions on masks?!

    • @ukramedia
      @ukramedia  Рік тому +1

      Yup, they did.

    • @DuncanCatterallFilm
      @DuncanCatterallFilm Рік тому

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

  • @rfzzkx
    @rfzzkx Рік тому

    hows it going

  • @asishtechhive1802
    @asishtechhive1802 Рік тому

    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  Рік тому

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

  • @nakulsoral4283
    @nakulsoral4283 Рік тому

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

  • @parulgoel7902
    @parulgoel7902 Рік тому

    TNice tutorials is too

  • @fannynadeau7153
    @fannynadeau7153 Рік тому

    handso

  • @amandacampos2496
    @amandacampos2496 Рік тому +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

  • @ihsansaglam2383
    @ihsansaglam2383 Рік тому

    Mlk, se pá que o canal foi hackeado

  • @Yash_27
    @Yash_27 Рік тому

    sa

  • @romerodelmi1738
    @romerodelmi1738 Рік тому

    comnts, even though they paid for their versions.

  • @torreramonjason8243
    @torreramonjason8243 Рік тому

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

  • @playercool003
    @playercool003 Рік тому

    Not very helpful for a complete beginner like me ☹️

  • @aanutv
    @aanutv Рік тому +1

    Thanx Man , good video

  • @airulairul8549
    @airulairul8549 Рік тому

    Mlk, se pá que o canal foi hackeado