Text Style-Related Tasks

These tasks are useful when editing text Style parameters, which include the Face, Outline, Glow, and Drop Shadow groups.

Text Face-Related Tasks

These tasks are useful when editing text Face parameters, including glyph style attributes, text color, working with text gradient and texture fills, and changing text opacity and softness.

For information on using the Texture option in the Face controls, see Text Texture-Related Tasks.

Changing a Style Attribute for a Single Text Character

The style attributes (face color, outline, glow, and drop shadow) for text characters (glyphs) can be individually defined.

To change a style attribute of a glyph
  1. Select the Text tool in the Toolbar, then drag in the Canvas to select the glyph(s) you want to modify.

  2. In the Style pane of the Text Inspector, modify the style attribute.

    Only the selected text character is affected.

    Note: You can also modify the style attributes of a glyph with the Adjust Glyph tool. For more information, see Working with Text Glyphs.

Changing the Text Color

You can change text color using the Colors window, the color well in the text HUD, or the color well in the Style pane of the Text Inspector.

Note: To adjust the individual color channels, you must use the Style pane of the Text Inspector.

To set the text color in the HUD
  1. Select the text.

  2. If the HUD is not displayed, press F7 (or D).

  3. Click the color well, then use the Colors window to set the text color.

    Note: There are many ways to choose a color using the Color parameter. For a complete list, see step 4 in the next section, which describes choosing a color in the Inspector.

    Figure. Mac OS X Colors window.

    The text is dynamically updated as you select your color.

    Note: To select a color from the Canvas (or anything on the desktop), click the color picker in the Colors window, position the picker over the color you want to select, then click.

    Figure. Color picker in the Mac OS X Colors window.
To set the text color in the Inspector
  1. Select the text.

  2. In the Inspector, open the Style pane of the Text tab.

  3. In the “Fill with” pop-up menu, ensure that Color is selected.

  4. Do one of the following:

    • Click the color well, then use the Colors window to set the text color.

      Figure. Color well control in the Inspector.
    • Click the arrow button to the right of the color well (or Control-click the color well) then click in the pop-up color palette to select a color. Drag in the lower palette to set the color to a grayscale color.

      Figure. Pop-up color palette showing original and new color swatches and grayscale color selection area.
    • Click the eyedropper tool to the right of the Color well, then click a color in the Canvas.

    • In the Inspector, click the Color disclosure triangle to show the channel parameters, and then use the sliders or value sliders to adjust each color channel.

      Figure. Expanded Color controls in the Inspector.

Applying a Gradient to Text

In the Inspector, you can apply a gradient fill to a text. The gradient can be customized and animated using the Gradient editor.

Figure. Canvas window showing text with gradient applied.

Note: The text gradient controls are nearly equivalent to the gradient controls for shapes, particles, and replicators, with a few parameter exceptions. For example, the text gradient controls include a dial to specify the direction of a linear gradient. The shape gradient controls include a start and end setting to specify the direction of a linear gradient. For more information on working with gradients and shapes, see Using Shapes, Masks, and Paint Strokes.

In addition to applying a preset text style from the Library, preset gradients from the Library can also be applied to text. The gradient presets are located in the Gradients category of the Library. A gradient that you apply to text can also be saved in the Library for use in your current or future projects.

For more information on working with gradients, see Using the Gradient Editor.

To apply a text gradient
  1. Select the text.

  2. In the Inspector, open the Style pane of the Text tab.

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

    In the Inspector, the Color controls are replaced with the Gradient editor. The default gradient is red and blue.

    Figure. Inspector window showing "Fill with" pop-up menu set to Gradient.

    In the Canvas, the default gradient is applied to the selected text.

    Figure. Canvas window showing text with gradient applied.

Applying a Preset Gradient to Text

There are two ways to apply a preset (or saved) gradient from the Library to text. The first method is to use the Gradient preset pop-up menu in the Text Inspector. The second method is to drag a gradient from the Library to text.

To apply a preset gradient in the Text Inspector
  1. Make sure a gradient is applied to the text to which you want to apply a preset gradient.

  2. In the Style pane, choose a preset from the Gradient preset pop-up menu.

    Figure. Gradient preset pop-up menu that appears when "Fill with" pop-up menu is set to Gradient.

    The selected gradient is applied to the text.

    Figure. Canvas window showing text with gradient applied.
To apply a preset gradient from the Library
  1. In the Library, click the Gradients category.

  2. In the stack, select a gradient.

    A preview of the selected gradient appears in the Preview area.

    Figure. Library showing preview of selected gradient.
  3. Do one of the following:

    • Drag the gradient to the text in the Canvas, Layers tab, or Timeline.

    • Make sure the text is selected, then click Apply in the Preview area.

After the preset gradient is applied to a text object, the preset can be edited with the Gradient editor.

Changing Text Opacity

There are a few different ways to change the opacity of text:

  • Because a text layer is like other layers in Motion, you can adjust its opacity in the Properties tab. To change its opacity as a text layer, use the Opacity slider or value field in the HUD or in the Properties tab of the Text Inspector to adjust the opacity of text.

  • To change the opacity of individual Style pane parameters, such as Face, Glow, Drop Shadow, or Outline, use the Opacity controls in the Style pane of the Text Inspector.

    Note: The Opacity value in the Properties tab and the Opacity value in the Style pane are separate controls. When both are adjusted for a text layer, the effect is multiplicative. In other words, if Opacity is set to 50% in the Properties tab, then set to 50% in the Text Style pane, the result opacity for the text is 25%.

    Figure. Opacity parameters in the Blending section of the Properties tab.
To set the text opacity in the HUD
  1. Select the text.

  2. Press F7 (or D) to display the HUD.

  3. Drag the Opacity slider.

    The text opacity is dynamically updated as you drag the slider, and the opacity of the text as a layer is adjusted.

    Figure. Canvas window and HUD showing text object's opacity at 45%.

    The Opacity parameter in the Properties tab of the Text Inspector is updated.

To set the opacity in the Properties tab of the Text Inspector
  1. Select the text.

  2. In the Inspector, click the Properties tab.

  3. In the Blending controls, drag the Opacity slider or enter an opacity value in the field.

    The Opacity parameter in the HUD is updated.

To set the opacity in the Style pane of the Text Inspector
  1. Select the text.

  2. In the Inspector, click the open the Style pane of the Text tab.

  3. In the Face controls, drag the Opacity slider or enter an opacity value in the field.

Changing Text Softness

Use the Blur parameter in the Style pane of the Text Inspector to adjust the softness of the text.

To adjust the softness in the Inspector
  1. Select the text.

  2. In the Inspector, open the Style pane of the Text tab.

  3. In the Face controls, drag the Blur slider, or enter a blur amount in the value slider.

    Figure. Blur parameter of the Style pane in the Text tab.

    The text softness is dynamically updated as you drag the slider.

Resetting the Text Face Controls

You can reset the text to its original fill, opacity, and blur using the Inspector.

To reset the text face parameters
  • Click the reset button in the Face parameter row.

    Figure. Reset button for the Face section of the Style pane.

Text Texture-Related Tasks

Use the Texture controls in the Style pane to apply and edit texture effects.

Using the Texture Image Well

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

To apply a texture to text
  1. Select the text.

  2. In the Inspector, open the Style pane of the Text Inspector.

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

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

  4. Click the Texture disclosure triangle.

    Figure. Inspector window with Text Face "Fill with" parameter set to Texture, revealing image well.

    By default, no texture is applied to the text.

  5. In the Layers tab or Media tab (of the Project pane), drag the image you want to use for the texture to the Image well.

    Figure. Image being dragged to Texture image well in Inspector.

    The image appears in the well and is applied to the text. 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 Applying a Continuous Texture to a Text Layer.

    Important: When selecting an image to put into the Image 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.

To replace a texture
  1. Select the text and display the expanded Texture controls in the Style pane.

  2. In the Layers tab or Media tab, drag the image you want to use to replace the existing texture to the Image well.

    Figure. Image being dragged to Texture image well in inspector, replacing existing image.

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

    Note: When an image (or a movie clip) is replaced in the Layers tab or Media tab, and that image is used as a texture source, the texture for the text is replaced with the new image.

To remove a texture
Do one of the following:
  • Click the Texture parameter reset button.

    Figure. Inspector window showing reset button for Texture parameter.
  • Drag the image out of the well, then release the mouse button. The image disappears with a “poof.”

    Figure. Inspector window showing image being dragged out of Texture image well.

Changing the Position of a Texture

You can adjust the position of a texture to fit the needs of your project.

To change the position of a texture
  • In the Texture controls, do one of the following:

    • Press Command, then drag in the Image well.

      The image moves in the well and is offset in the text in the Canvas.

    • Adjust the Offset values. The left value slider represents the X position values; the right value slider represents the Y position values. Click the disclosure triangle to display the labeled X and Y value sliders.

      Note: You can adjust the position of a texture for a single glyph by selecting the glyph with the Text tool or by using the Adjust Glyph tool. For more information on working with glyphs, see Working with Text Glyphs.

Animating a Texture

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.”

Figure. Canvas window showing original text layer and texture source.
To animate the texture offset
  1. Apply a texture to the text.

    For instructions on how to apply a texture to text, see Using the Texture Image Well.

  2. Move the playhead to the frame where you want the texture animation to begin.

  3. Enable Record (press A).

    Figure. Canvas window playback controls with Record button enabled.

    Note: Keep in mind that when Record 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:

    • Press Command, then drag in the Image well.

      Figure. Inspector window showing image in Texture image well being repostioned.
    • 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.

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

  6. Move the texture to the new position.

    Figure. Canvas window showing text with texture repositioned.
  7. Go to frame 1 (or the start frame of your animation) and play the clip.

    The texture offset is animated.

  8. Disable Record.

    Note: You can also use the Animation menu in the Inspector to manually set keyframes without enabling Record. For more information, see Keyframes and Curves.

Using a Layer with Behaviors and Filters As a Texture Source

You can use a layer (image, movie, image sequence, shape, replicator, particle system, group, or other text layer) that has applied behaviors and filters as a texture source for text. The effect of the filters appears in the texture, but any animation effects do not appear in the texture.

When using a layer with an applied filter as a texture source:

  • To use the layer with the effect of the filter, use the steps in Using the Texture Image Well.

  • If the layer is an image or image sequence, you can use the layer without the effect of the filters by dragging the image from the Media tab to the Texture Image well, rather than from the Layers tab.

  • To use a layer without the effect of the applied filter, make a copy of the layer in the Layers tab, remove the filters from the layer, then turn the layer off. You can then drag the layer from the Layers tab to the Image well.

When using a layer with an applied behavior or active transforms (for example, rotate) as a texture source:

Applying a Continuous Texture to a Text Layer

When you apply an image (or any layer) as the texture for text, the texture is applied to each text character. To use the image as a continuous texture throughout the text, use the text as a mask.

To use text to mask an image
  1. In the Layers tab or Canvas, select the layer you want to use as the texture.

    Figure. Canvas showing text object atop image of prowler kitty.
  2. Choose Object > Add Image Mask (or press Command-Shift-M).

    A blank image mask layer is added to the image.

    Figure. Layers tab showing a blank image mask layer added to the ProwlerKitty layer.
  3. Drag the text that you want to use as a mask to one of the following:

    • The Mask Source well in the Image Mask HUD

      Figure. HUD window showing Mask Source well.
    • The Image Mask layer in the Layers tab

    • The Image well in the Image Mask tab of the Inspector

      The text masks the image.

      Figure. Canvas window showing text masking image.

      For more information, see Using Shapes, Masks, and Paint Strokes.

Text Outline-Related Tasks

These tasks are useful when editing text Outline parameters, including outline color, softness, opacity, and layer order.

Adding a Text Outline

To create a text outline, select the Outline checkbox in the Style pane of the Text Inspector.

To create an outline for text
  1. Select the text.

  2. In the Inspector, open the Style pane of the Text tab.

  3. In the Outline controls, select the Outline checkbox.

    The default outline color is red, with a width of one point.

    Figure. Canvas window showing text with outline applied.

    Note: Turn off the Face checkbox to display a text outline with no fill.

Editing Text Outlines

Use the Outline controls to soften the opacity or blur of a text outline, change the width of an outline, or to set and edit the fill of an outline.

For more information about adjusting text outlines using onscreen controls, see Working with Text Glyphs.

Note: The Outline fill controls—Color, Gradient, and Texture—are equivalent to the controls for the Face parameters. For information on using these controls, see Text Face Controls in the Style Pane.

To change the color of a text outline
  • Click the color well, then select a color from the Colors window.

To adjust the opacity of a text outline
  • Use the Opacity slider or value field to change the opacity of the outline.

To adjust the blur of a text outline
  • Use the Blur slider or value slider to change the blur of the outline.

To change the width of a text outline
  • Use the Width slider or value slider to change the width of the outline.

To set the layer order of a text outline
  • Make a choice from the Layer Order pop-up menu:

    • Choose Under Face to place the outline behind the text face.

    • Choose Over Face to place the outline in front of the text face.

To reset the text outline parameters
  • Click the reset button in the Outline parameter row.

Text Glow-Related Tasks

These tasks are useful when editing text Glow parameters, including glow color, softness, opacity, radius, scale, and position.

Adding a Text Glow

To create a text glow, select the Glow checkbox in the Style pane of the Text Inspector.

To create a glow for text
  1. Select the text.

  2. In the Inspector, open the Style pane of the Text tab.

  3. Select the Glow checkbox.

    The default glow is yellow, with Scale and Opacity set to 100%, and Radius set to 1.

    Figure. Canvas window showing text with glow applied.

    Note: You can display just the text glow by deselecting the Face parameter checkbox (and any other active parameters).

Editing Text Glow

Use the Glow controls to soften the opacity or blur of the text glow, to change the size of the glow, or to set and edit the fill of a glow.

For more information about adjusting text glows using onscreen controls, see Working with Text Glyphs.

Note: The Glow “Fill with” options—Color, Gradient, and Texture—are equivalent to the controls for the Face parameters. For information on using these controls, see Text Face Controls in the Style Pane.

To change the color of the glow
  • Click the color well and select a color from the Colors window.

To adjust the opacity of the glow
  • Use the Opacity slider or value slider to change the opacity of the glow.

To adjust the blur of the glow
  • Use the Blur slider or value slider to change the softness of the glow.

To adjust the radius of the glow
  • Use the Radius slider or value slider to adjust the radius of the glow.

To adjust the scale of the glow
  • Use the Scale slider or value slider to proportionally scale the glow. To scale in X or Y dimensions individually, click the Scale disclosure triangle and adjust the X or Y slider.

To adjust the position of the glow
  • Use the Offset value sliders to change the position of the glow. The left value slider adjusts the X axis, and the right value slider adjusts the Y axis. To display the individual X or Y offset fields, click the Offset disclosure triangle.

To set the layer order of the glow
  • Choose an item from the Layer Order pop-up menu:

    • Choose Under Face to place the glow behind the text face.

    • Choose Over Face to place the glow in front of the text face.

To reset the text glow parameters
  • Click the reset button in the Glow parameter row.

Text Drop Shadow-Related Tasks

These tasks are useful when editing text Drop Shadow parameters, including shadow color, softness, opacity, distance, and angle.

Adding a Drop Shadow

To create a text drop shadow, select the Drop Shadow checkbox in the Style pane of the Text Inspector.

To add a drop shadow
  1. Select the text.

  2. In the Inspector, open the Style pane in the Text tab.

  3. In the Drop Shadow parameters, select the Drop Shadow checkbox.

    The default black drop shadow is applied to the text.

Figure. Canvas window showing text with drop shadow applied.

Adjusting the Drop Shadow Parameters

Use the Drop Shadow controls to change the color or opacity of the shadow and to adjust the softness of the shadow. You can also change the distance the shadow is offset from the text, and adjust its angle.

For more information about adjusting text drop shadows using onscreen controls, see Working with Text Glyphs.

Note: The Shadow “Fill with” options—Color, Gradient, and Texture—are equivalent to the controls for the Face parameters. For information on using these controls, see Text Face Controls in the Style Pane.

To adjust the color of the drop shadow
  • Click the color well and use the Colors window to set a new color.

To adjust the opacity of the drop shadow
  • In the Opacity parameter, drag the slider or use the value slider.

To adjust the softness of the drop shadow
  • Use the Blur slider or value slider to change the softness of the shadow.

To change the scale of the drop shadow
  • Use the Scale slider or value slider to proportionally scale the drop shadow. To scale in X or Y dimensions individually, click the Scale disclosure triangle and adjust the X or Y slider.

To change the distance of the shadow from the text
  • In the Distance parameter, drag the slider or use the value slider. The distance the shadow is offset is represented in pixels.

To change the angle of the shadow from the text
  • Drag the Angle dial in a circular motion or use the value slider.

To reset the text drop shadow parameters
  • Click the reset button in the Drop Shadow parameter row.