Is there a fix to this

Help and Feedback Art Design Support
#1

I am not a ui designer, but I wanna make a simple fade transition.
I wrote a little bit of code so that it goes from transparency 1 to transparency 0
code:

for count = 1, 0, -0.05 do
			wait(0.005)
			endingGui.Bottom.BackgroundTransparency = count
			endingGui.left.BackgroundTransparency = count
			endingGui.Bottom.Title.TextTransparency = count
			endingGui.right.BackgroundTransparency = count
			endingGui.bottom.border.BackgroundTransparency = count
			endingGui.bottomtext.TextTransparency = count
		end

it doesnt work great though…

when it plays the transition wherever the different labels are overlapping is darker (natrally) , but I was wondering if there was a way to sort of override this to make the overlapping parts the same color

picture of the problem:

Screenshot 2024-06-26 164807
Screenshot 2024-06-26 1648071108Ă—608 510 KB

as you can see in the areas the gui is overlapping it is darker

1 Like
#2

I didn’t really understand your question but maybe you could try using the .Zindex property?
Could you send a video of what happens?
By the way it would be better using TweenService if you want to make a transparency transition.

1 Like
#3

im sorry you didn’t understand, I had a picture ready and I forgot to put it in the post :man_facepalming:
and like I said, I am not a ui designer, but i will look into using tweenservice, thank you

#5

Its alright, well, In the case of the picture wouldnt it be easier for you to resize the top and bottom frames to fit it?
Or you could make an invisible frame with lower zindex in the part where it doesn’t overlaps and put the top/bottom frames as its child, then you can use the .ClipDescendants property of the invisble frame, so the part where it is overlapping wont appear.

#6

try using a image label and set the image to a png. Something like this,

image_2024-06-26_170858771
image_2024-06-26_1708587711920Ă—1080 13.2 KB

and you can change the image transparency

#7

hmmm interesting, once I play around with that I will get back to you!

#8

wait so I can make a hole in a gui by using an image label? If so please go into deatail on how to do this

#9

if you do the same thing in photo shop or paint and leave a whole in the middle it should give off the same effect and be 1 instance

2 Likes
#10

you can use CanvasGroup for this, it combines each element into a single “render”.
so you can apply transparency to a whole render and not separately to individual frame

2 Likes