How would I go to make Neumorphism / Soft UI

sjalvdestruktivitet · April 17, 2022, 9:25pm

Hello! I’ve seen some UI concepts like this: (Pictures all found on Google.)

So, is there any way I could make UI similar like this? If not possible with Roblox tools, what software should I use?

UItraEX · April 17, 2022, 10:06pm

Its possible with roblox tools. I could send you some examples of how. But, to answer your question yea this can be made with roblox.

sjalvdestruktivitet · April 17, 2022, 10:18pm

Sweet, can you send me some examples on how to make it? Thanks!

heisIlan · April 17, 2022, 10:20pm

I noticed that the image you sent relies a lot on shadows,

To create a shade effect, simply create a copy of the button/bar, make it a bit offset under the original and make it transparent & black, you can use an ImageLabel and use a decal to make a proper shading effect. That should help to fit in the style.

UItraEX · April 17, 2022, 10:21pm

Sure, give a few minutes, this could take some time.

sjalvdestruktivitet · April 17, 2022, 10:23pm

Yes, it certainly relies of dropshadows: However my problem is making this

heisIlan · April 17, 2022, 10:26pm

You can use the Roundify - Roblox plugin to make your sharp edges round.

UItraEX · April 17, 2022, 10:29pm

Use what @hesilan said.

I could not give examples right now, sorry.

But he has some very good suggestions.

Ui corners, strokes, and gradients is what brings these to life. Try those.

oNewYorker · April 17, 2022, 10:34pm

These do drop shadows and those corners.

https://www.roblox.com/library/4474084133/uiDesign-Plus

I found it from here and found it really useful. Information