Use an image as a texture fill for text

Use the Texture image well to apply, adjust, animate, and remove textures.

Apply a texture fill to text

  1. Select text in the canvas, Layers list, or Timeline.

  2. In the Text Inspector, click Appearance to open the Appearance pane.

  3. Choose Texture from the “Fill with” pop-up menu.

    The Color (or Gradient) controls are replaced with Texture controls.

    Text Inspector with Text Face “Fill with” parameter set to Texture, revealing image well

    By default, no texture is applied to the text.

  4. Drag an image from the Layers list or Media list into the Image well.

    Important: When dragging an image to the well, be sure to click and drag in one movement. If you click the image and release the mouse button, the image is selected and its Inspector appears.

    The image appears in the well and is applied to the text.

    Tip: When text is filled with an image, the texture is applied to each text character. To learn how to make the texture continuous through all text characters, see Image masks overview.

Remove a texture fill

In the Appearance pane of the Text Inspector, do one of the following:

Change the position of a texture fill

In the Texture controls group in the Appearance pane of the Text Inspector, do one of the following:

Animate a texture fill using keyframe recording

You can set keyframes for the offset values of the texture source to create a moving element within text. In the following example, an image of a leopard lying in the grass is used as the texture source for the text “leopard.”

Canvas showing original text layer and texture source
  1. Apply a texture fill to text.

  2. In the Timeline, move the playhead to the frame where you want the texture animation to begin.

  3. Turn on keyframe recording by clicking the Record button in the timing toolbar (or press A).

    Record button in the timing toolbar

    Note: When keyframe recording is enabled, a keyframe is created for any change you make to an object in your project.

  4. To position the texture, do one of the following in the Texture controls in the Appearance pane of the Text Inspector:

    • Press and hold the Command key, and drag in the Image well.

    • Adjust the Offset value sliders.

      The image within the text moves, and a keyframe is created in the Offset parameters.

      Canvas showing text with texture applied
  5. Move the playhead to the next frame where you want to set a keyframe.

  6. Repeat step 4 to move the texture to a new position.

    Canvas showing text with texture repositioned
  7. Click the Record button (or press A) to turn off keyframe recording.

When you play back the project, the texture is animated.

Animate a texture fill by manually adding a keyframe

  1. Apply a texture fill to text.

  2. In the Timeline, move the playhead to the frame where you want the texture animation to begin.

  3. In the Appearance pane of the Text Inspector, move the pointer over the right side of the Offset parameter row until the down arrow appears, then click the down arrow and choose Add.

  4. To position the texture, do one of the following:

    • Press and hold the Command key, and drag in the Image well.

    • Use the Offset value sliders to enter an offset value.

      The image within the text moves, and a keyframe is created in the Offset parameters.

  5. Move the playhead to the next frame where you want to set a keyframe.

  6. Repeat step 4 to move the texture to a new position.

    A keyframe is added.

    Note: After a parameter contains a keyframe, any further adjustment to that parameter adds a keyframe at the current playhead position, regardless of the Record button state.

When you play back the project, the texture is animated.

Note: When you use an object with applied filters or behaviors as a texture source for text, the effect of filters is inherited by the texture. However, behaviors are ignored.