Moving Gradients?

How (or can) I achieve a moving gradient design on a frame? I have tried to do it, but have found no resources whatsoever. If you can help, that would be greatly appreciated.

You may want to be a little more specific here. I realize this is the Art Design Support forum, but that doesn’t really narrow down what you’re trying to accomplish.
When you say “moving gradient on a frame” there are so many ways of interpreting that:

  • a physically moving slope on a mounting frame.
  • a graduated colour change on a picture frame that shifts.
  • a GUI frame that changes colour or tone over time.

Please help us help you out.

Sorry. I was rushing when posting that. I mean like a repeated sequence of a gradient moving.

When moving, I mean something like this:

A infinite moving sequence of colors.

I made script for moving gradient, but it not fully modular cuz like made yesterday. But if you like I could share the main system to make a moving gradient :slight_smile:

1 Like

I would love that!

30characters

First and for most, you need to know how to use ColorSequence.new(). My script is not smooth, but it works. Sorry about that. When I make a fully modular script, ill inform you.

How ColorSequence Works

So ColorSequence has 2 parameters. The first parameter is the position of the color (anywhere from 0 - 1). The second parameter is the color, this part is to tell at what color should display.

Moving Gradient

To make a Moving Gradient, what you do is you use a while loop, and change the values for each time it has to move. To make not stress about what I said, I will give you the basic script

  1. Insert a ScreenGui
  2. Insert a TextLabel under ScreenGui. Make the BackgroundTransparency to 1, TextScaled to true, and TextColor3 to 255,255,255
  3. Insert a UIGradient under TextLabel
  4. Insert a LocalScript under TextLabel
  5. Insert a NumberValue under LocalScript, and name it speed, this is value is to tell how fast the gradient should move. Play around with this value. (WARNING! - Make sure the spelling is speed)
  6. Paste this code in LocalScript
local red 
local orange 
local yellow 
local green 
local blue 
local blue 
local finish 
local rainbow

while wait() do
	local speed = script.speed.Value
     red = ColorSequenceKeypoint.new(0, Color3.fromRGB(255, 0, 4))
     orange = ColorSequenceKeypoint.new(.2, Color3.fromRGB(255, 214, 47))
     yellow = ColorSequenceKeypoint.new(.4, Color3.fromRGB(251, 255, 6))
     green = ColorSequenceKeypoint.new(.5, Color3.fromRGB(28, 255, 26))
     blue = ColorSequenceKeypoint.new(.6, Color3.fromRGB(44, 93, 255))
     purple = ColorSequenceKeypoint.new(.8, Color3.fromRGB(255, 26, 252))
     finish = ColorSequenceKeypoint.new(1, Color3.fromRGB(255, 0, 213))
     rainbow = ColorSequence.new({red, orange, yellow, green, blue, purple, finish})
	script.Parent.UIGradient.Color = rainbow
	wait(speed)
	 red = ColorSequenceKeypoint.new(0.2, Color3.fromRGB(255, 0, 4))
     orange = ColorSequenceKeypoint.new(.4, Color3.fromRGB(255, 214, 47))
     yellow = ColorSequenceKeypoint.new(.5, Color3.fromRGB(251, 255, 6))
     green = ColorSequenceKeypoint.new(.6, Color3.fromRGB(28, 255, 26))
     blue = ColorSequenceKeypoint.new(.8, Color3.fromRGB(44, 93, 255))
     purple = ColorSequenceKeypoint.new(1, Color3.fromRGB(255, 26, 252))
     finish = ColorSequenceKeypoint.new(0, Color3.fromRGB(255, 0, 213))
     rainbow = ColorSequence.new({finish, red, orange, yellow, green, blue, purple})
	script.Parent.UIGradient.Color = rainbow
wait(speed)
	red = ColorSequenceKeypoint.new(0.4, Color3.fromRGB(255, 0, 4))
    orange = ColorSequenceKeypoint.new(.5, Color3.fromRGB(255, 214, 47))
    yellow = ColorSequenceKeypoint.new(.6, Color3.fromRGB(251, 255, 6))
    green = ColorSequenceKeypoint.new(.8, Color3.fromRGB(28, 255, 26))
    blue = ColorSequenceKeypoint.new(1, Color3.fromRGB(44, 93, 255))
    purple = ColorSequenceKeypoint.new(0, Color3.fromRGB(255, 26, 252))
    finish = ColorSequenceKeypoint.new(0.2, Color3.fromRGB(255, 0, 213))
    rainbow = ColorSequence.new({purple, finish, red, orange, yellow, green, blue})
	script.Parent.UIGradient.Color = rainbow
wait(speed)
	red = ColorSequenceKeypoint.new(0.5, Color3.fromRGB(255, 0, 4))
    orange = ColorSequenceKeypoint.new(.6, Color3.fromRGB(255, 214, 47))
    yellow = ColorSequenceKeypoint.new(.8, Color3.fromRGB(251, 255, 6))
    green = ColorSequenceKeypoint.new(1, Color3.fromRGB(28, 255, 26))
    blue = ColorSequenceKeypoint.new(0, Color3.fromRGB(44, 93, 255))
    purple = ColorSequenceKeypoint.new(0.2, Color3.fromRGB(255, 26, 252))
    finish = ColorSequenceKeypoint.new(0.4, Color3.fromRGB(255, 0, 213))
    rainbow = ColorSequence.new({blue, purple, finish, red, orange, yellow, green})
	script.Parent.UIGradient.Color = rainbow
wait(speed)
	red = ColorSequenceKeypoint.new(0.6, Color3.fromRGB(255, 0, 4))
    orange = ColorSequenceKeypoint.new(.8, Color3.fromRGB(255, 214, 47))
    yellow = ColorSequenceKeypoint.new(1, Color3.fromRGB(251, 255, 6))
    green = ColorSequenceKeypoint.new(0, Color3.fromRGB(28, 255, 26))
    blue = ColorSequenceKeypoint.new(0.2, Color3.fromRGB(44, 93, 255))
    purple = ColorSequenceKeypoint.new(0.4, Color3.fromRGB(255, 26, 252))
    finish = ColorSequenceKeypoint.new(0.5, Color3.fromRGB(255, 0, 213))
    rainbow = ColorSequence.new({green, blue, purple, finish, red, orange, yellow})
	script.Parent.UIGradient.Color = rainbow
wait(speed)
	red = ColorSequenceKeypoint.new(0.8, Color3.fromRGB(255, 0, 4))
    orange = ColorSequenceKeypoint.new(1, Color3.fromRGB(255, 214, 47))
    yellow = ColorSequenceKeypoint.new(0, Color3.fromRGB(251, 255, 6))
    green = ColorSequenceKeypoint.new(0.2, Color3.fromRGB(28, 255, 26))
    blue = ColorSequenceKeypoint.new(0.4, Color3.fromRGB(44, 93, 255))
    purple = ColorSequenceKeypoint.new(0.5, Color3.fromRGB(255, 26, 252))
    finish = ColorSequenceKeypoint.new(0.6, Color3.fromRGB(255, 0, 213))
    rainbow = ColorSequence.new({yellow, green, blue, purple, finish, red, orange})
	script.Parent.UIGradient.Color = rainbow
wait(speed)
	red = ColorSequenceKeypoint.new(1, Color3.fromRGB(255, 0, 4))
    orange = ColorSequenceKeypoint.new(0, Color3.fromRGB(255, 214, 47))
    yellow = ColorSequenceKeypoint.new(0.2, Color3.fromRGB(251, 255, 6))
    green = ColorSequenceKeypoint.new(0.4, Color3.fromRGB(28, 255, 26))
    blue = ColorSequenceKeypoint.new(0.5, Color3.fromRGB(44, 93, 255))
    purple = ColorSequenceKeypoint.new(0.6, Color3.fromRGB(255, 26, 252))
    finish = ColorSequenceKeypoint.new(0.8, Color3.fromRGB(255, 0, 213))
    rainbow = ColorSequence.new({orange, yellow, green, blue, purple, finish, red})
	script.Parent.UIGradient.Color = rainbow
wait(speed)
	
	
end




3 Likes

I created a tutorial on 4 animations regarding gradients:

4 UIGradient Animations (Including Rainbow!)

1 Like

Did my script work? for you?
(30CHAR)

1 Like

Yes! Thank you!

30characters oof

How would I make it so a certain person(ex. Game creator) would have a rainbow name text when they chat in game?

1 Like