I’ve been doing some work with rounded UI’s recently, and I was wondering if there is a way to make it so that if 2 transparent UI’s overlap each other, the UI doesn’t darken. Here is an example image:
I am trying to make it so that it doesn’t darken more when overlapping with a UI.
A solution I have tried was to create something with only 2 rounded corners (cause I only need 2 rounded corners, not 4), but that didn’t work, so I’m trying this now.
This is the intended behavior of anything that has the transparency edited, as they layer and the opacity of the sections which overlap will show as less transparent.
A method you could try is putting a regular frame where the frames overlap then put the property ClipsDecendants on so the overlapping part that will be outside of the frame get’s clipped and won’t shop.
You could also just make your own rounded UI inside of paint.net or some type of photo editing software.
In your case UI “A” and UI “B” are semi-transparent objects, so when they interfere, the overlapping area will be different than A or B itself, by definition. If they would be 0 or 100% transparent, you wouldn’t have a problem. I’m not sure if there is any way to avoid this behavior.
Do you have any idea, how the elements in A or in B should look like in the overlapping area?
Would they have the same color intensivity or (e.g. the one that is behind) one would be darker than originally?
(The same with the workspace or any other objects behind them)
I tried to think about some hacky solution, but the rounded corners make it hard to do anyhing with the overlapping area.
I wonder if someone will have a solution.