I am working on a UI design in Photoshop CC 2019. I have an image and I would like to mask it with a shape. Masking works fine with the shape. But if I applied some layer style like gradient or color overlay, then the masked images is overlayed by this gradient or color overlay.
If I convert the masking shape with gradient to smart object, masking will work. But I would like to know whether there any other ways to achieve this?
Since the UI is for 1x/2x/3x devices, I need resizing of the design without losing quality.