How to make some area of background transparent

Questions & Answers
1

Hello. I have this UI (excuse me for Russian text):

189797-screenshot-54.png
189797-screenshot-54.png1917×569 200 KB

I wanna to make this area in black square transparent (to see the image from camera).
I need to keep this UI adaptive.

Maybe I need something like mask for background (background located on SafeArea element as white color image)…

2

Thats what the Mask Component is for, just add a UI Image with the Mask Component, then Parent anything you want masked to it. By default Masks Hide any part of Images that are over a transparent part of the Mask Image, so easiest way is probably to use a mask texture like this to get what you want:

alt text

(Will need to open in new window to see it since White on White background =P)

The Mask Texture has to be imported as “Sprite (2D and UI)”

link text

After that You should be able to Untick “Show Mask Graphic” on the Mask component to only show the Ui that it covers.