TPS Gradient
TPS Free-form Gradient Designer
A tool to create free-form 2D gradients online for maximum smoothness!
- Double click to add anchors, right click to remove them!
- Drag anchors to reposition or set coordinates; select an anchor to set it's color.
- Choose wrapping mode to make tiling gradients.
- When you are happy with your result, set the desired image size at the top and export!
Tip: Sizes >600 px may render slowly, so take care. Due to the nature of this kind of gradient, even low resolutions look good, use bilinear interpolation with a low texture size for best performance in other software.
*Interpolation happens in oklab, using a thin-plate spline. TPS ensures C² continuity, making it smoother than mesh gradients (which only have C¹ continuity).
If you like this, check out my other free tech-art tools!
Updated | 5 hours ago |
Status | Released |
Category | Tool |
Platforms | HTML5 |
Author | SQLPY |
Made with | Godot |
Tags | advanced, Backgrounds, design, gradient, mesh-gradient, multi-point-gradient, online, tools |
Development log
- Final Wrapping Gradients28 days ago
- Experimental gradient wrapping29 days ago
- Advanced Gradient Tool34 days ago
Comments
Log in with itch.io to leave a comment.
DAAAaaaAAAANG! That looks cool!
This meth is crazy 💀
🔥🔥🔥🔥🔥🔥🔥