Masking: Single background, multiple foregrounds

[Wolfgang.H]

I found this app (called "Productive" on iphone) that does a cool effect in the intro pages.  It looks like there is a single background, and each of these three buttons serves as a mask on that background.

Do I need to create a unique background to be masked by each button/layer, and then line up those backgrounds to that it looks like the same continuous image, or is there a way of creating a sort of mask group where multiple layers share the same background image?

See attached image.  Thanks!

[manal shanableh]

you can do this on adobe XD, im many ways. thank you to give me this cool idea 🙂

[Spas K. · Accepted solution]

Hey there. Yes, you can. First make the three rectangles, then combine them into a union. Then use that union as a masking shape for the background.