How can i remake this?

[NoisyDawid123456]

Hi, i have tried to remake the disconnect button. I have made the gui, but now i need to tween it. The tween looks like it is small, and gets bigger with in like 0.5 s.

And i have no idea how to do that. I would be happy for any response

[zamont124 (M3rcys)]

Is there any screenshots or video that we can see? What is your problem

[NoisyDawid123456]

I wanted to make a fake Disconnect button, i think the real one had an “animated” gui, i found a video of the animation (skip to 3:30 for the animated disconnect)

The reference vid

[SJxseCA]

Are you trying to remake the disconnect button itself or script it to show up and be a fake?

I don’t see a need in tweening it (Unless you want the coming in effect to move really quickly), if you can script it to become visible then invisible. You can add a blur property to your lighting to make that appear as well.

[NoisyDawid123456]

Im trying to make it show up, it comes really fast like in the vid, that is the effect im trying to replicate.

[zamont124 (M3rcys)]

You don’t need any tween just make “visible” true or false.

[SJxseCA]

Ah, I see. Give me a moment and I’ll come up with an example for you.

[NoisyDawid123456]

I know, i wouldn’t make this post if that was the case. It doesn’t appear immediately. It appears, gets bigger for lile 0.5 sec or something and then stops. You can slow down the vid to see it

[LvieReal (Lvie)]

Roblox Core gui kick message uses UIScale so what you have to do is make value 0 and then tween it to 1 (luckily i did same thing)

local UIScale = --path to ui scale in frame
UIScale.Scale = 0
TweenService:Create(UIScale, TweenInfo.new(0.05, Enum.EasingStyle.Linear, Enum.EasingDirection.Out), {
	Scale = 1
}):Play()

Also anchor point on frame should be 0.5, 0.5

[zamont124 (M3rcys)]

The script is:

local Frame = script.Parent -- The gui you want to 
Frame.Visible = true
Frame:TweenSize(UDim2.new(0,Frame.Size.X.Offset*2,0,Frame.Size.Y.Offset*2),Enum.EasingDirection.Out,Enum.EasingStyle.Linear,0.1)
game.Lighting.Blur.Size = 10
game.Workspace.CurrentCamera.FieldOfView = 30

Create a blur in the lighting and set size to 0.

Also the thing you have said is just in the video. It doesn’t applied into the game.

[Takeshi8330 (Takeshi)]

I don’t know if I understand very well what you want, but using EasingStyle.Elastic won’t solve it?

[NoisyDawid123456]

I have looked through more videos, and i mostly saw them just appearing. No tweening. I will just make frame.Visible = true. Ty all for help tho!