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.
Wallpapergroup 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 the
Wallpaperchanges (plus if it's not a flat color, it won't look like it's "cutting through").