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 | 21 days 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 Gradients50 days ago
- Experimental gradient wrapping51 days ago
- Advanced Gradient Tool55 days ago




Comments
Log in with itch.io to leave a comment.
DAAAaaaAAAANG! That looks cool!
This meth is crazy 💀
🔥🔥🔥🔥🔥🔥🔥