TPS Free-form Gradient Designer

A tool to create free-form 2D gradients online for maximum smoothness!

  1. Double click to add anchors, right click to remove them!
  2. Drag anchors to reposition or set coordinates; select an anchor to set it's color.
  3. Choose wrapping mode to make tiling gradients.
  4. 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!

Development log

Comments

Log in with itch.io to leave a comment.

(+1)

DAAAaaaAAAANG! That looks cool!

(+1)

This meth is crazy 💀

(+1)

🔥🔥🔥🔥🔥🔥🔥