How to do inverted UI masking in Unity

The UI "Mask" component in Unity doesn't allow to do reverse masking, but fear not, there's a simple solution.
Check out our steam page: store.steampowered.com/app/16...
Credits to Glitchers where it's due: answers.unity.com/questions/1...

[@dabu6550]

For those who want the mask to move and the background not to move:
Set different Materials to the mask and the bg
Mask:8,1,2,255,255,0;
BG:3,2,0,0,1,15;
Then you can just put the Mask and BG the child of the canvas, and the mask needs to be upper
Finally, you can move the mask now

[@babamba55]

wow thx :)

[@maschae4500]

the tutorial didnt work for me put changing to this actualöly did it, so thanks!

[@delcasdaproductions8780]

thanks, very useful

[@Seekay37]

Wow this is so much simpler than I thought, you'd think Unity would just provide these materials by default. Thanks!

[@andywildsnake7714]

This is excellently simple and useful!
Such a great way of doing tricky things.
Thanks a lot!

[@vleozin]

My man, just wanna let you know you are a LIFE SAVER. I've been like 4 hours or even more on this, because when I loaded new scenes through doors in my game, the other methods (with scripts to create new stencil materials) just broke and didn't create the black masked material for some unknown reason. I've been searching this whole time and, after a short break, picked up your video. Thanks!

[@gorkemvids4839]

I was looking for this. Great tutorial. Thanks!

[@tizianofranza2956]

Quite an awesome vid, it was exactly what I was looking for. Thanks a lot for sharing!

[@user-xy3xd8vh6n]

Thank you very much! I've been looking for this all day!

[@jakubhronik8637]

Thanks you so much! I needed to do normal masking, but without parenting so that I could anchor to the correct element, and this finally did the trick!

[@quantum4214]

Thanks mate, just what I was looking for!

[@user-px7up2qk5i]

Thank you very much for the lesson, great video! I wish you success with your project :)

[@Davis_Bogdanovs]

Thanks a ton for this video, spent a few hours looking for this solution and luckily I stubled upon this!

[@necrokmo]

Awesome tutorial! This is really useful!

[@ballisticmind]

This was super helpful, thank you.

[@AntonsSestaks]

Great solution! Thank you

[@ElBuhoNincha]

Wow I was looking for a method that works. Thanks for the info

[@jeangodecoster]

Glad I could help

[@softwarecprogrammieren]

invert masking is what I need guys and dudes, thanks.

[@NoPoint42]

It actually freaking worked, thanks a lot

[@Trasqual]

Hey man thanks alot! Also for anyone that want's the reverse effect, I changed stencil id on masked material to 1 (so both materials have same id) and it worked

[@hy4596]

고맙 :)

[@syrupsprinkles4124]

Thank you for this, exactly what I needed!

[@syrupsprinkles4124]

One question though, how do you make the edges smooth?

[@syrupsprinkles4124]

Answering my own question - on the image component of the mask, click Color and set alpha to 1.

[@abdoreda7126]

Thanks, this just magically worked. You are awesome :)

[@jeangodecoster]

Glad I could be of assistance :-)

[@kamuransonecek607]

thank you guy, it is awesome

[@creep1ch442]

Thank you! rly helpd me

[@jeangodecoster]

I’m glad I could help :-)

[@DjeaglE21]

Thank you so much man!!!!!

[@mikhailcortes83]

Thank you!

[@SpanielGames]

Do not set the alpha channel to 0 in the UiMask material settings and everything will work for those who do not

[@Gogmosis]

Thank you

[@greencoinz6615]

Nice video bro.

[@jeangodecoster]

Glad you like it :-)

[@VapeStation5]

Awesome!

[@min-of8cv]

Thanks for the tutorial, I think inverted UI mask should be available in unity built-in components

[@marcozakaria5288]

Works Thanks

[@yojan69]

TYSM

[@peon5349]

If you followed but doens't work. try "Ctrl+R" (reload asset) in unity.
i spent hours because of this lol. after reload asset work well! thx for vid

[@MrVip88ful]

thank!

[@mooam231]

Not Work ㅠㅠ

[@Cred_official]

How can i make mask looks more smooth? On video it has sharp edges and pixels. Thanks for the video btw.

[@MeetArgon]

Use mask material tint color alpha 1

[@dennissanjaya2796]

this doesn't work in Unity 2020.3.40f1

[@jeangodecoster]

I honestly don't see why it wouldn't. Can you say exactly what doesn't work for you ?