Is there any other way to make a fading gui design like THIS?

[NoReal229]

I want to make gui like this, but the only way I could do it is through script, cloning 100 frames

local frame = script.Parent.Frame

for i = 0.01, 1, 0.01 do
	local PartFrame = frame.PartFrame:Clone()
	PartFrame.Position = UDim2.fromScale(i, 0)
	PartFrame.Transparency = i
	
	PartFrame.Parent = frame
end

Is there any better and more optimised way to do so?

[Roebechaux (sofia)]

It is probably just a png image that has it’s own gradient, not much to it and you can find many on google or the toolbox. you can also make your own easily

[mezz_inc (mezz)]

Yeah, I’m 99% this is just a UI Gradient. Feel free to use these in your GUI elements.

UIGradient | Documentation - Roblox Creator Hub

[eeveelinknugget (Itsstillrainingtacos)]

@NoReal229 you can also increase transparency of the thing and add wait in between and then decrease the transparency of a fade gui then increase it in the middle. This isn’t proper lua but the structure would look a little like this for the first gui(the base
Part Transparency = 0
wait (10)
Part Transparency = 1
and the second script for the fade gui would look like this
Part Transparency = 1
wait (2)
Part Transparency = Part Transparency - .1
wait (2)
Part Transparency = Part Transparency - .1
wait (2)
Part Transparency = Part Transparency - .1
wait (2)
Part Transparency = Part Transparency - .1
wait (2)
Part Transparency = Part Transparency - .1
wait (2)
Part Transparency = Part Transparency + .1
wait (2)
Part Transparency = Part Transparency + .1
wait (2)
Part Transparency = Part Transparency + .1
wait (2)
Part Transparency = Part Transparency + .1
wait (2)
Part Transparency = Part Transparency + .1
wait (2)

[remcodesremcodes (Yix)]

ouch, my scripting skills hate this

Part.Transparency = 0
for i = 0.1, 1, 0.1 do
   task.wait(2)
   Part.Transparency = i
end

[eeveelinknugget (Itsstillrainingtacos)]

Yeah I just like oversimplifying stuff. hehe

[remcodesremcodes (Yix)]

@eeveelinknugget

oversimplifying

you mean overcomplicating, right?

[eeveelinknugget (Itsstillrainingtacos)]

I meant undersimplifying or overcomplicating. When I typed that I was very tired lol.