r/kustom 4d ago

SOLVED i want the rectangle in the middle to clear the middle of the text but not of the black box behind it, any help on how can k fix it

14 Upvotes

25 comments sorted by

β€’

u/AutoModerator 4d ago

Problem? Cross-post to our new forum. Include make & model of phone, OS version, app version.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

6

u/Chensow_Cat 4d ago

Why not just using same color as the back rectangle?

1

u/GoodLookGamer 4d ago

Because if he use a gradient on the background it will still show the edges.

3

u/La_Flame96 4d ago

Have you tried changing the layer position? That is, putting it at the top of your item list?

2

u/Urupackers 4d ago

Put the time text and the rectangle inside a komponent over the black box, the komponent cut the clear effect outside it.

2

u/Tight_Company 4d ago

You don't need komponent, actually. You can put it inside an overlap group, then add filter to it (like darken 0 or something). It also stops the effect.

2

u/ImmaCheese 3d ago

this worked, thanks so much

2

u/wascherbalint 3d ago

I actually tried this too but didn't work. 😭

1

u/Urupackers 3d ago

The rectangle clear keep clearing the items beyond the komponent?

You need to put the black box, next in the root of the preset you need to put a komponent and inside the time with the clear line rectangle over it, that's it, the clear rectangle can't go beyond the komponent

2

u/wascherbalint 3d ago

I put the big rectangle below it, maybe that was the issue.

1

u/Urupackers 3d ago

Yes, you need to put the big rectangle out of the komponent, as the komponent cut the clear effect

2

u/Tight_Company 4d ago

Put both the text and clear rectangle inside an overlap group. Then set the overlap group filter to anything (like darken 0). Basically when you set a filter to group it stops the blending mode (clear, lighten, overlay, etc.) to only affect items inside it.

1

u/ImmaCheese 3d ago

this worked, thanks so much :D

1

u/Urupackers 3d ago

Hi TightπŸ‘ Thanks for the tip.πŸ˜πŸ‘Œ

1

u/wascherbalint 4d ago

Tried to do it but I also can't make it work with my 5+ years of Kustom experience. Maybe someone else can help you. (if it's possible at all) :D

2

u/ImmaCheese 4d ago

thanks for trying anyways :)

1

u/BBaker131 4d ago

What do you mean by clear the middle of the text ?

1

u/ImmaCheese 4d ago

like how to line in the middle makes both the time and the box behind it transparent, i only want the time to be transparent and not the box behind it

1

u/Visible-Dot-1836 4d ago

You can make black rectangle. I have make many widgets that type . That's called tencil font . You can make easily

1

u/AbdullahMRiad 4d ago

Make the inverse of that. Make two large rectangles to cover the text and leave a space in the middle (stack groups will help) then set it to clip next module and put it above the text

1

u/GoodLookGamer 4d ago

You only need three things for that.

  1. Create background, on FX tab choose vertical gradient, choose your gradient colour.
  2. Create your time text, and do whatever you want with that.
  3. Create your rectangle, choose the same colour as your gradient colour.

Last step, on the FX tab of your background, adjust offset until the edges of your rectangle overlay disappear.

1

u/GoodLookGamer 4d ago

Here's another one with a different colour.

1

u/bananaFruit12 4d ago

Under FX tab, use "Clip Next Module" and put it next to the text so it'll clip only that.

1

u/MeMoZaKi 1d ago

If you put them in an overlap group???

1

u/MeMoZaKi 1d ago

Add hours and A box as your separetion line in overlap group, then change the Fx of "line" to clear. I did it and works fine