I know there are two options for knockouts: deep and shallow. However, I want something sort of in between.
I'm creating a UI, so there are a lot of a elements/layers going on and I like to keep them all organized on groups. However, that messes up how layers knockout each other (understandably).
I don't want to use knockout: deep because I don't want layers to cut through everything, but knockout: shallow doesn't traverse up through parent groups and therefore doesn't create the desired effect.
Is there a way for knockouts to go through some groups, but them stop at a specified layer and knockout only up to that?
Right now, I'm having to leave layers ungrouped so they knockout correctly.
Edit: Here is the effect I'm going for (the (+) button knocks out the dark overlay to the image behind it):
And here's how I currently have to arrange the layers:
Notice how I have to leave the Add button: +
and Add button: border
layers ungrouped so they can knockout the BG
layer (which then passes through to the Wallpapers
group). Ideally, I'd like similar layers like that to be grouped for my own sanity...
Edit 2: Here are more screenshots. The first is the desired effect (knocking out the BG
layer to the Wallpaper
group. The second is simply just having the button be white with reduced opacity. I know that I could just make the shape red in this example, but I wanted to clearly show the different results between the two methods. It would not work for anything that's not a solid color.
Wallpaper
group is purple, I want the (+) button to be purple. If it's yellow, I want the button to be yellow. I don't want to have to manually change the colors of the button if theWallpaper
changes (plus if it's not a flat color, it won't look like it's "cutting through").