How do I mask out part of canvas panel?,How can I mask out part of a canvas panel?

Here are the steps to have a mask on UI to make a tutorial overlay:

• Create a canvas (You can set the Renderer to "Screen Space - Camera" to see the result in the scene)

• Right-click on your canvas and Create 2D Object > Sprite under it. Give it a square sprite as "Sprite" (make one by right-clicking on asset folder > Create > Sprite > Square if you don't have any). Scale-up this object to cover your whole screen and even bigger to not have any problems with different screen resolutions. Change "Mask Interaction" to "Visible Outside Mask". Change color alpha and Sorting Layer if it is needed.

• Right-click on your canvas and select "Create Empty". Add component "Sprite Mask". Give it a circle sprite as "Sprite" (Create one if you don't have any). Scale-up the object to see the mask.

Good Luck

UI > Image, then add the Mask component and use the Image on that object as the mask, put the objects that you want as child of the object that has the Mask component and select it as Maskable in the image component of each child.

thats the needed setup for that effect to get achieved, but check this short tutorial in case you missed one step

https://www.youtube.com/watch?v=uNZWhrQ6QhQ

Thanks for the reply!

Unfortunately, I didn't get it to work yet. The difference with the video is that I have a canvas (I want to have it fullscreen and scale it with the screen), so I need a Image instead of a Canvas Renderer. An image doesn't have the "Mask Interaction" shown in the video. The only relatable option an image has is "Maskable" but that doesn't help me in this situation.