Gradient on Text

Is there any way to assign a predefined gradient to text without having to convert the text to outlines first? Ideally as a LayerStyle or as a ColorTint. Ideally also in such a way that I do not change the TextStyle.

Is that possible? If not, this is an urgent feature request. :slight_smile:

You can have a gradient on text if you apply it via the STYLE: Fill option further down the Inspector, rather than in the color-well of the TEXT section.


thank you brett :slight_smile:

1 Like

Yes, it is possible to apply a gradient fill to text in Sketch without converting it to outlines first. Here’s how you can do it:

  1. Select the text layer in the Layers panel.
  2. In the Inspector panel, click on the Fills section.
  3. Click on the “+” button to add a new fill to the text layer.
  4. Choose “Gradient” from the Fill Type dropdown menu.
  5. Select the gradient you want to use for your text. You can select a predefined gradient from the Gradient dropdown menu, or create your own custom gradient using the Gradient Editor.
  6. Adjust the settings as desired, such as Type, Angle, and Scale.
  7. If you want to apply the gradient only to a specific range of text, you can use the Gradient Fill tool (shortcut: G) to adjust the start and end points of the gradient.
  8. Click “Close” to apply the gradient fill to your text layer.