How to Create a Responsive Mask in After Effects

/// 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=358852
/// Links from the Video:
Square Brackets Tutorial: kzread.info/dash/bejne/mn-kt7ufdbS6n84.html
Smart Mask: ukramedia.com/smartmask
Smart Animator: ukramedia.com/smartanimator
/// Let's Connect:
Facebook: ukramedia
Sergei's Facebook Page: sergeiprokhn...
Twitter: ukramedia
TikTok: www.tiktok.com/@ukramedia
Instagram: ukramedia
Pinterest: www.pinterest.com/ukramedia/
Linkedin: www.linkedin.com/company/ukra...
KZread: kzread.info
Ukramedia Online Community: www.ukramedia.com/community
#AeExpressions #AfterEffects #AdobeAfterEffects

Пікірлер: 92

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

    Thanks for this kind of tutorials Sergey. Very useful🙏

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

    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

    Жыл бұрын

    Great one!

  • @elissitdesign

    @elissitdesign

    Жыл бұрын

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

  • @mrrobot7350

    @mrrobot7350

    Жыл бұрын

    you are a life savior

  • @KamranKhan-hc2sp

    @KamranKhan-hc2sp

    Жыл бұрын

    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

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

    Brilliant stuff Sergei!

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

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

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

    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

    Жыл бұрын

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

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

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

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

    I am very glad that I stumbled upon your video

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

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

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

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

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

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

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

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

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

    Totally agree, bro!

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

    soft. THANKS TO THE THE TEACHER.

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

    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!

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

    Amazing!

  • @r.r.divanarindranidaniella3543
    @r.r.divanarindranidaniella3543 Жыл бұрын

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

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

    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 Жыл бұрын

    Thanks for tutorial

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

    It worked love you!

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

    good job male, thanks!

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

    Thanx Man , good video

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

    THANKS FOR THIS IV BEEN SEARCHING FO SOOO LONG

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

    Thank you sir

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

    Love this! Thanks for sharing, Sergei (:

  • @ukramedia

    @ukramedia

    Жыл бұрын

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

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

    Thats awesome 👍

  • @ukramedia

    @ukramedia

    Жыл бұрын

    Thank you!

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

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

    yes

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

    its actually useful :D

  • @ukramedia

    @ukramedia

    Жыл бұрын

    😁

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

    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"

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

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

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

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

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

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

    Regardless of how important the information is

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

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

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

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

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

    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.

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

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

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

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

    Aaahhh thooooo

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

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

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

    👍💖

  • @ukramedia

    @ukramedia

    Жыл бұрын

    😁

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

    Жыл бұрын

    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.

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

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

  • @madaripurgraphicsclubclub7789
    @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);

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

    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]

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

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

  • @ukramedia

    @ukramedia

    Жыл бұрын

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

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

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

  • @ukramedia

    @ukramedia

    Жыл бұрын

    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.

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

    hows it going

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

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

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

    Did they finnnnnallly allow expressions on masks?!

  • @ukramedia

    @ukramedia

    Жыл бұрын

    Yup, they did.

  • @DuncanCatterallFilm

    @DuncanCatterallFilm

    Жыл бұрын

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

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

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

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

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

    TNice tutorials is too

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

    handso

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

    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 Жыл бұрын

    comnts, even though they paid for their versions.

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

    Mlk, se pá que o canal foi hackeado

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

    sa

  • @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 Жыл бұрын

    Thanx Man , good video

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

    Mlk, se pá que o canal foi hackeado