Hey im wondering how i can make a glow effect for my guis would it be best to make them inside a external software such as blender / photoshop etc…
6 Likes
Just change the material to neon.
7 Likes
But its a gui…Theres no materials on guis.
11 Likes
I am not a GUI designer but you could maybe watch tutorials on YouTube or another platform?
1 Like
The only way to do it currently, is to either use a surface gui, and change the lighting properties of it, or use images with a fake glow around it, the fake glow isn’t hard to make.
3 Likes
Do you have any tutorials to recommend? I dont have photoshop i currently use photopea.
1 Like
Pixlr is my personal favorite to use, it has both a graphics design side, and a logo design side, and is completely free to use, it’s also web based which is great. If you want to use it there are many tutorials out there, you can just search up how to add glow effect Pixlr!
1 Like
When you use a surface gui, there are 2 properties called LightInfluence and Brightness. Playing with those properties might achieve the desired content.
EDIT: It seems that the Brightness property has been removed in my laptop. I will try to find out why.
EDIT 2: I fixed it, brightness will appear if LightInfluence is set to 0, my bad.
6 Likes
I need it for screen guis though but thanks for the info
I have not found a brightness property for screen guis. In the meantime, why not use bright colors?
2 Likes
That probably will not look as good
1 Like
add lighting in gui or do images gui
1 Like
If you’re looking to make a glowing effect for your buttons/frames, you’ll want to look into making sliced images. In short, slicing an image involves dividing it up into nine different sections, much like a tic-tac-toe board.
The above image is of a rounded rectangle. The cyan guidelines are set to show you the basic layout.
The way this works is that you have four corners, four edges, and a center section. The corners will always maintain their size. The edges will be stretched horizontally (for the top and bottom edges) or vertically (for the left and right edges). The center will be stretched to fill the entire space.
To create a glowing frame, I would start by creating a square or a rounded rectangle, whichever fits your needs. GIMP has no shape tools, so I would create the shape in something like paintNET, save that as a PNG file, then import it into GIMP. You can then use the filters located in “Alpha to Logo” to create the desired effect, such as a three-dimensional metallic edge, or making it look like it’s glowing. Here’s the result of running “Alien Glow” on this image:
Once you have your glowing frame, you’ll need to upload it to Roblox and use either an ImageLabel or ImageButton, depending on what your intended purpose for the glow is. Relevant API members include ScaleType, SliceScale, and SliceCenter.
If you’re looking to simply make an image “glow” e.g. if you mouse over it, you will need to upload an edited version of the normal image and set up a tween to switch between the normal and “glowing” images.
10 Likes