UIGradient [LIVE]

How can I enable this feature?

1 Like

This is answered in the original post.

4 Likes

File → Beta Features

If you don’t see it, make sure you opt in to the beta list.

How can you make Text Gradient?

1 Like

After inserting the UIGradient, you just need to change the text color to white, as black can’t be affected by gradients.

The UIGradient affects both the background and the text.

Screenshot_2785

3 Likes

UIGradient is fun
Edit: Tutorial
4009cc41f01de89fb9ff6dbb0378d627

39 Likes

I made this Roblox Studio! No external program used! :smiley:

image

2 Likes

Having fun with this awesome UIGradient feature! :sparkles: :happy3:

EDITED: Also, I can do this with text too!

7 Likes

I cannot wait for this feature to be added, I am so excited!

I really hope that this is released in january. This is a really great feature.

I love this update so much.

gradient

14 Likes

I would recommend it for some phone backgrounds if doing a model and trying to do not use any painting program.

I can see this is stable. Should go outside beta testing

hmm did you mean ImageLabels? Because I’ve never heard about an option to add decal into GUI Object.

After playing with this for a while I found that it’s very easy way to do Health or Progress Bars
it works thanks to Offset property inside GuiGradient (I will tell about it later in this post)

So I made working health bar
(if you want you can add keypoints and make it rainbow)
After Taking Damage


Before Taking Damage

How to make this?
  1. You need to make Frame and put GuiGradient in it
    image
  2. (optional) if you want vertical bar like mine, set Rotation preperty to 90
    image
  3. Make one side color you want gradient to be (left side need to be black)
    image
  4. Add Keypoint and move it as close as possible (but not directly on it) to black color and make it same color as second (here: red)
    image
  5. Insert LocalScript (or Script if it’s on Surface/BillboardGui)
    image
  6. Type this code
while wait(0.001) do -- infinite loop with 0.001 sec delay
	local health = game.Players.LocalPlayer.Character.Humanoid.Health / 100 -- Health of player divided by 100
	script.Parent.Offset = Vector2.new(0 , 1) + Vector2.new(0,  -health) -- set offset to Y 1 plus negative health
end -- close loop
  1. Done, enjoy your new health bar

Have a nice day, bye

3 Likes

You could have easily done that before, without gradients

1 Like

I know but for me that’s better (and easier).

İ would recommend doing it with transparencykey points rather than offset

OH BOY OH BOY.T HIS IS AMAZING.

27 Likes

Tip: objects have changed events

1 Like

this is a very gamer update
https://gyazo.com/b95fa55df8e73629b54773274d542515
made with UI gradients

14 Likes