Blending Modes for UI Gradients

As a developer, I find it difficult to manipulate images without them not looking bad.

Similar to what many photo editors have, I’m wondering if there would be a way to implement a “blending” option for UI Gradients. See the below images.

Images

Image to be manipulated

Using gradient without blending (aka normal mode)

Using color multiply blending mode

Using screen blending mode

This request is based on my desire to be able to put UIGradient over an ImageLabel containing a transparent image, and the result showing just the non-transparency having the gradient.

Here’s an example: Imagine you use images to represent items in your inventory. When an item is unlocked, the image would appear normally. However, if it was locked, a gradient could “blend” over it to create the same image, with the gradient mixed in.

Thanks :heart:

4 Likes