Greetings! Can anyone help me on how to make such thing:
https://gyazo.com/e92348c6af3ff546222f1548b1f1aaee
Every help is appreciated, thank you! 
I assume you mean the red line moving across the text.
Pretty sure you can make that using TweenService and basic GUI knowledge.
Using TweenService you can make a frame or text or anything move across your screen, and with a bit of design magic you can make it appear only on the text itself. Then its just a matter of moving the line from left to right and lowering the transparency
Here is the documentary about TweenService
1 Like
Yea no. This does not fix my issue. I know how to use TweenService. The only problem is, when I try to move the red line over my image it goes over the whole image including the not visible box around it. How would I make it so that the it’s only visible ON the image?
1 Like
Set the ImageLabel’s ClipsDescendants property to true
1 Like
Im pretty sure you can use UI gradient in order to do that.
1 Like
that doesn’t keep it on image only. it still allows it to go outside of it
1 Like
Is your text an image label, or is it a text label? Meaning did you use studio to create the text, or is the whole text an image you imported that was created in another program?
1 Like
Try parenting it to the image itself, not a seperate frame.
1 Like
You just need to put ClipsDescendants to true and it fixes it. it stops an image from going outside the frame of its parent
1 Like
Then it only clips the not makes not only the Image being clipped; it makes the not visible box around it clipped too. 
maybe make it into a script? or put it somewhere outside of the frame but still make it the parent? other wise idk ;-;
This effect is done by a single UIGradient, if you meant the shine effect.
@DivScripts, make sure you understand ColorSequences in order to animate it.
ShineEffect.rbxm (Enough KB)
1 Like
He is not having an issue creating the effect… he wants the effect to only show on top of the text rather than the boundary box of the text. That is why I asked him how he created his text, but he never responded.
Creating a text label should pose no problem if you set your background to transparent… but if the text was created using an image, then it will not show over just the text but rather the image boundaries.
This makes no sense… The guy you replied to just showed that ui gradient will affect the image itself, not the “boundary” The gif the poster provided shows the red shiny effect going over both the text and the logo.
If he doesnt want this, or wants to occlude a portion of the image from the effect, just create two versions of the image, one that includes everything he wants to be shiney, and one that will stay the same.
Its hard to tell since the OP didnt upload his image, he only showed an example he wished to mimic. But from experience, if you upload a jpg rather than a png, the background won’t be transparent and so the effect will go throughout the bounding box rather than the text or image itself. I was poor at explaining that part.
OP will do best to upload his image issue directly, instead of an example.
Hii! That’s exactly what I we’re looking for. I wasn’t aware that I can use UIGradient on images too. Thank you! 
Text? I never spoke of text. I just wanted ot make like a Frame or now UIGradinet go over the image.
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.