Question about creating gradients with materials

:wave:

I was wondering if it was possible to create a gradient with materials? It is possible using decals but the problem is that it only works using the smooth plastic material.

I’ve come up with this but you can see where the parts overlap and it has obvious downsides, namely being that a single gradient (that is quite choppy) already takes up 100 parts.

Any suggestions?

1 Like

Something like this? it would take a lot of parts and it would probably lag th out of your game but I would love a gradient api for base parts

image

This is with 1000 parts with the width of 0.1

1 Like

I think I found a solution, I’ll give a repro (for Mac users, Windows users, just right click "Show file location 2 times):
Right click Roblox, press Show Package Contents
Screen Shot 2021-07-08 at 2.29.33 PM
Search for the material, a folder should pop up with the name of the material. Double click it.


Locate diffuse.dds, copy it to somewhere safe and easily accessible (eg. desktop).
Screen Shot 2021-07-08 at 2.31.37 PM
Google “dds to png” (or use this website)
Upload and convert the .dds file.
Open Photoshop and paste the new .png file

Select the gradient tool, in the top right, create a gradient that goes from black to completely transparent.

Create a new layer and make a gradient that goes all the way from the top to all the way to the bottom

Right-click the layer thumbnail and press select pixels

Go back to layer 1 but don’t deselect

Press backspace/delete/erase the selection

Delete the gradient layer and you should be left with this:

Now, export it and open it in Studio
Create a new part and add the texture
Screen Shot 2021-07-08 at 2.39.12 PM
Paste the image’s ID

Now, make the StudsPerTileU 7.5 and make the StudsPerTileV the height of your part.
You should be left with this:

2 Likes

Yeah that looks really smooth but I am concerned about performance :stuck_out_tongue: