Fill text with gradients or images in Pages, Numbers and Keynote

You can also add outlines to make your text stand out.

Fill text with a gradient

A colour gradient creates a gradual transition between two or more colours. On iPhone, iPad, iPod touch or Mac you can fill text with a two-colour gradient.

Fill text with a two-colour gradient

You can fill text with a two-colour gradient fill and adjust the direction and angle of the gradient. 

  1. Select the text you want to fill with a gradient. To fill all the text in a text box, select the text box.
  2. Tap or click the Format button .
  3. Tap or click Text Color.
  4. On iPhone or iPad, tap Gradient. On Mac, click Gradient fill.
  5. To change the colours of the gradient, use the colour pickers to choose swatches. Or use the colour wheels to select the exact colours you want. For example, choose purple to start the gradient, and blue to end the gradient.

Use the other controls to change the angle and direction of the gradient.

Create a gradient fill with more than two colours

On Mac, you can add more than two colours to a gradient fill. Select the text, then choose Advanced Gradient Fill from the Text Color pop-up menu. Using the slider, add colour stops to add more colours to the gradient. Click a colour stop to change the colour of that stop. Drag the colour stops and use the other controls to change the blend, angle and direction of the gradient.

Apply a gradient to an entire page or object

You can apply a gradient to an entire page or object, so the gradient is spread out over the whole page or object — even areas of it that don't contain any text:

  • In a Pages word processing document, select the text, then select "Apply gradient to entire page". 
  • In a Pages page layout document, a Numbers spreadsheet, or a Keynote presentation, select the object, then select "Apply gradient to entire object".  

When you select this option, you might see more colours as you add more text and fewer colours as you delete text. 


Fill text with an image

  1. Select the text you want to fill with an image. To fill all the text in a text box, select the text box.
  2. Tap or click the Format button .
  3. Tap or click Text Color.
  4. On iPhone or iPad, tap Image. On Mac, click Image Fill.
  5. To choose an image, tap Change Image on iPhone or iPad, or click Choose on Mac. Then, navigate to the image you want.

You can scale or stretch to fit the image in the text, tile the image and more. 

You can also add a colour overlay. On iPhone or iPad, turn on Colour Overlay, then make your adjustments. To add a colour overlay on Mac, choose Advanced Image Fill from the Text Color menu, then click the colour wheel and make your adjustments.


Add an outline to text

  1. Select the text you want to outline. To outline all the text in a text box, select the text box.
  2. Tap or click the Format button .
  3. On iPhone or iPad, tap the More button . On Mac, click the advanced options button  under Font.
  4. Select Outline.
  5. Select the line type, the colour and the width of the outline.
  6. You can remove the colour of the text to emphasise the outline:
    • On iPhone or iPad, tap the Format button , tap Text, then tap Text Color. Tap Preset, swipe to the black and white options, and then tap No Fill.
    • On Mac, click the Font Color pop-up menu below Character Styles, then choose No Fill.
Published Date: