Jonathan de Blok - JDBgraphics

jlait
This is hard to answer as the goal could be many things...

Assuming you have some hard-ish cut-out that you want to soften.

Often this means there is no "data" in the cut-out parts - so things like blur that expand the softness outwards can't work, as there is no idea what the colours should be there.

This often thus requires a pure inward feather. This is what feather can do, the trick is you want to do it only on Alpha.

So, rgba -> rgb/a split. Then feather on a. Then rgb/a -> rgba to combine and re-multiply. If you have a zero-one alpha, you can use a remap to adjust the shape of the fall off to make it less "linear".

Attached shows this in action.

Ahh I missed the pre-multiply alpha after rejoining the channels with the feathered alpha, thx!

The main issue is that I spend the last 30 minutes trying to softer some edges on a layer that goes on top of another one..

Attempts:
-feather: blurs the entire image
-erode/dilate: someone was smoking crack when creating that one
-spitting into RGBA and blurring A in various ways before joining them again is also not working.

So.. what did I miss?

In pre H22 I could simply set some CSS on a UI element in a PyPanel and that worked fine. For example: Would make all buttons have a red label.

But now in H22 where, I guess, the whole button is styled with CSS, setting the color red removes alle existing CSS and now only shows a red text:becomes


A (hacky) fix would be to get the current CSS from the button and modify that but the button has none since that CSS is probably a global for the button class so this gets messy real quick..

So is there a way to layer CSS overrides on top of UI elements preserving the pre-existing other CSS properties?