Fit gradient to text in Adobe InDesign

One of the cool new features of Adobe InDesign CS6 is the auto-size feature for text boxes. It’s useful for those of us who prefer to keep our layouts neat & tidy. But it also has another very functional feature; ensuring gradients applied to text appear the way you expect them to.

As InDesignSecrets points out: when you apply a gradient to text, the gradient is actually applied to the frame itself, it just appears to be applied to the text inside the frame. So the gradient can appear to extend beyond the text.

Gradient fit to text

In the example above, I have the same black-to-green gradient applied to the text in all three text frames. But as you can see, only the bottom one shows the full gradient. That’s because the frame itself is set to auto-size to fit the text it contains. The two frames above it are larger, and the gradient adjusts to the size of the frame itself, rather than just the text.

So the moral of the story is: if you apply a gradient to text, make sure the text frame itself is sized to fit.