CS Studio makes creating and editing gradients for UI’s, beams, trails, and particle emitters incredibly easy. In this showcase we’ll walk through the steps of creating a perfect hue that we can later use to make a color selector for our car customization system, something difficult to do in Roblox Studio’s gradient editor.
CS Studio’s Keypoint Stacking ensures all of your gradient’s keypoints are visible so you have no trouble selecting or moving them. And when you want to evenly space out your gradients, snap increments let you define exactly where keypoints snap to and a built-in math engine makes it even easier.
We can use the math engine to set the snap increment and then follow the placement guide to evenly place keypoints on the gradient.
CS Studio’s color selector features two color pickers and 5 color spaces. Both color pickers are great for experimenting with new colors, but to make a hue for our color selector, we’ll be using the color spaces, specifically HSV.
Now that’s we’ve created all of our keypoints it’s time to start giving them some color. We’ll use the slider on the S component to bring that value all the way up and we’ll use the text box on the H component to apply the hue.
When we set the blue color we can, again, use the math engine to calculate what the value should be. When applying the magenta color, the math engine is able to compute a multi-operator equation.
You can save gradients to use across different games and for later when you need to refer back to one.
For the final step, we’ll use this feature to save our hue gradient so we can use it later.
The more menu lets you make quick changes to the entire gradient and export to code. And if you wanted to create a trail customization system, you could use CS Studio to export those gradients into a script and quickly apply them from there.
API Permissions:
Script Injection: is only requested and required when exporting a gradient to code.
What’s new:
Nothing for now
CS Studio is available to buy on the Creator Store.
