Skip to main content
Inspiring
February 24, 2017
Answered

InDesign-how to apply gradient to text on circular path?

  • February 24, 2017
  • 3 replies
  • 5892 views

I have a circle, with text running around the outer edge of the circle (text on a path). I want the bottom half of my letters to be yellow, and the top half of my letters to be orange. But the gradients (even the circular one) won't colorize the text on the path the way I want them to. Does anyone know how to make this work? Here is the example of what I want the gradient to look like (done in Photoshop; I am converting to vector shape, and have been successful except for the lettering in the border):

    This topic has been closed for replies.
    Correct answer SJRiegel

    You can select the lettering with the text tool, and then add a gradient that starts from the center of the path, with a sharp dropoff near the end. Like this:

    3 replies

    Barb Binder
    Community Expert
    Community Expert
    February 27, 2017

    Backing up Erica Gamet and Eternal Warrior​'s concerns—this is a very interesting article published here a few months ago:

    EPS – the Zombie among file formats

    ~Barb at Rocky Mountain Training
    Erica Gamet
    Inspiring
    February 24, 2017

    One option might be to convert your text to outlines in InDesign, then fill with a radial gradient. (Select the bounding box and apply the gradient to the fill). Make the gradient "tight" on one end, meaning start the color way along the ramp and have the gradient live in a small space that fits your text.

    SJRiegelCorrect answer
    Legend
    February 24, 2017

    You can select the lettering with the text tool, and then add a gradient that starts from the center of the path, with a sharp dropoff near the end. Like this:

    Inspiring
    February 24, 2017

    Thank you for helping! I am baffled because I have done exactly what you showed me -- and I don't get the same result.  Below is what happens when I try the gradient as you described. Can you tell what I am doing wrong? Because your result is exactly what I am trying to achieve!  =-)

    Erica Gamet
    Inspiring
    February 24, 2017

    Actually, I am wrong and there is no need to convert to outlines first. But like SJRiegel showed, make the gradient happen in a tight space. When you use the gradient tool to apply the gradient, you'll still want to start the center of the gradient at the center of the circle. So draw with the gradient tool from the very center and let go somewhere along the height of the letters. Make sure you have a radial gradient.