I have been working on different gui’s for fun and learning, and I’ve come across a cool thing to add depth to your gui and its basically a shadow behind your gui, But I don’t know how to make something like it but I would love help.
This is also my first post so I’m sorry if this post is bad
I don’t think this is possible in Roblox itself, however the creators probably made an image on an external website and uploaded it to Roblox as a decal, and used that image Id in an ImageLabel
The easiest option would be to create the UI in a program such as figma or photopea with a shadow then import it into roblox, or you could try to add UI frames behind the UI with gradients or something
Click on the little sun icon to edit the drop shadow
Change the Y value to 0 (it’s usually set to 4 as default)
You can mess around with the settings to get your desired effect
Result should look something like this :
You can go ahed and export the image, I recommend checking the preview to double check
Last but not least if your working with images I recommend running your exports through an Alpha Bleed Fixer - it’s ment to fix the weird black outlines you get around images when you scale
Choose File > Upload your export > Save the image and overwrite your old export and then head into studio and import it or use roblox’s create page to import