Sequence Text Behavior

The Sequence Text behavior allows you to animate text attributes, such as scale, position, color, opacity, and glow in sequence through the text characters. For example, you can create a sequence in which the text characters fall vertically into place as they scale down, fade in, and rotate.

After applying the Sequence Text behavior to a text object, you must designate the parameters of the text you want to animate. You do this in the Behaviors Inspector. After you link the text parameters to the behavior, you can use the Sequence Text controls to adjust the animation’s direction, speed, number of loops, and other qualities.

Tip: Using the Transform Glyph tool, you can modify individual text characters independently of the influence of the applied sequence text behavior. For information on using the Transform Glyph tool, see Working with Text Glyphs.

Using the Sequence Text Behavior

Applying and activating a Sequence Text behavior is a two-step process: First, you add the Sequence Text behavior to a text object. Second, you assign the parameters of the text you want to animate, in the Behaviors Inspector or by manipulating the text object with the onscreen controls. After you link the text parameters to the behavior, you can use the Sequence Text controls in the Behaviors inspector to adjust the animation’s direction, speed, number of loops, and other qualities.

To apply the Sequence Text behavior
  • Select the text object to be animated, then choose Text Animation > Sequence Text from the Add Behavior pop-up menu.

    The behavior is applied, and the first character of text is selected with the Adjust Item tool.

    Figure. Canvas showing onscreen controls for individual text sequence animation.

    Important: Unless you use onscreen controls (via the Adjust Item tool) to create a sequence, you must add at least one parameter to the behavior in the Inspector before animation can occur. Until a parameter is added, adjustments made in the HUD have no effect.

To create a sequence animation using the Inspector
  1. With the Sequence Text behavior selected, display the Behaviors pane in the Inspector.

    The upper area of the Sequence Text controls contains Add and Remove pop-up menus, which are used to select text parameters to be sequenced, or to remove parameters after they are added. The second group of parameters are sequence controls, which include options for setting the direction and speed of the animation, whether the animation is applied per character, per word, per text object, and so on.

    Figure. Inspector showing Sequence Text behavior settings.

    In this simple example, Opacity, Scale, and Glow scale are sequenced.

  2. In the Parameter row, choose Format > Opacity from the Add pop-up menu.

    Figure. Inspector showing Add Parameter pop-up menu.

    The Opacity parameter is added in the Behaviors Inspector above the Add and Remove menus.

  3. In the Inspector, set Opacity to 0 and play the project (press Space bar).

    Because the Sequencing parameter is set to From by default, the opacity sequences from the value set in the behavior (0%) to original value of the text (100%).

  4. In the Behaviors Inspector, choose To from the Sequencing pop-up menu.

    Now when you play the project from the beginning, the opacity fades to the value set in the behavior (0%) from the original value of the text (100%).

    Figure. Canvas showing Sequence Text behavior animating over time.
  5. Choose Format > Scale from the Add pop-up menu, then choose Glow > Scale from the same menu.

    The Scale and Glow Scale parameters are added to the Behaviors Inspector.

  6. In the Behaviors Inspector, set Scale to 250%, set Glow Scale to 250%, then set Spread (in the Controls group) to 4.

    The opacity sequences to the values defined in the behavior from the original values. The increased spread value softens the sequence between the characters.

    Figure. Canvas showing Sequence Text behavior with glow setting adjusted.

    Note: Although the style effects created in the Sequence Text behavior (Face, Outline, Glow, and Drop Shadow) are independent of parameters in the Style pane of the Text Inspector (Face, Outline, Glow, and Drop Shadow), changes made in the Style pane affect the sequenced text. For example, if you select the Glow checkbox in the Style pane after adding Glow to the Sequence Text behavior, the appearance of the glow may alter. This is because the Glow settings in the Style pane are additive to the sequence behavior (the glow may appear brighter or more blurred). In the following illustration, the glow is scaled and offset in the Style pane.

    Figure. Canvas showing Sequence Text behavior with glow settings scaled and offset.

    The above example covers only a portion of the options in the Sequence Text behavior. Using the behavior’s parameters, you can create a nearly endless variety of sequences. You can define the speed in which the sequence moves through the text, as well as whether the sequence moves through the text per character, word, or line. You can also change the direction of the sequence and define the number of times the sequence loops over its duration. Variance and randomization can also be added to values defined in the behavior. For more information on these controls, see Sequence Text Controls.

To create a sequence animation using onscreen controls
  1. With the Sequence Text behavior applied and the first letter (glyph) selected (with the Adjust Item tool), do one of the following:

    • To sequence the position of the text, drag the character in the Canvas to a new position.

      Figure. Canvas showing Sequence Text behavior onscreen controls for individual glyphs.

      In the Behaviors Inspector, the Position parameter is added to the Format category (above the Add and Remove pop-up menus). The values in the Position parameter can be modified in the Inspector (using the Position value sliders) as well as in the Canvas (by dragging the glyphs of the text object).

      Figure. Inspector showing the Position control added to the Sequence Text parameters.
    • To sequence the rotation of the text, rotate the selected glyph in the Canvas. To display the rotation controls, hold the Command key down. For more information on using onscreen transform controls, see 3D Transform Onscreen Controls.

      Figure. Canvas showing Sequence Text behavior with onscreen rotation controls.

      In this example, the text is rotated on its Y axis. In the Behaviors Inspector, the Rotation parameter is added to the Format category (above the Add and Remove pop-up menus).

    • To sequence the scale of the text, scale the selected glyph in the Canvas by dragging a scale handle. (To scale the text uniformly, press Shift while dragging the scale handle in the Canvas.)

      Figure. Canvas showing Sequence Text behavior onscreen scaling controls.

      In the Behaviors Inspector, the Scale parameter is added to the Format category (above the Add and Remove pop-up menus).

  2. Play the project (press Space bar).

    Note that in the Controls section of the Behaviors Inspector, the Sequencing pop-up menu is set to From, the default setting. As a result, upon playback, the text in your project moves from the value in the Position parameter to the original value (the position of the text before you dragged it in the Canvas).

    For more information on Sequence Text parameters, see Sequence Text Controls.

    Note: When using the Sequence Text behavior, glyphs are selected with the Adjust Item tool rather than the Transform Glyph tool. For more information on the Transform Glyph tool, see Working with Text Glyphs.

    When a glyph is selected with the Adjust Item tool, a section of the Timeline becomes highlighted. This area shows when the selected glyph is affected by the sequence behavior.

    Figure. Timeline showing Sequence Text behavior bar with a highlighted area indicating the animation location of the selected glyph.
To remove a parameter from the sequence behavior
  • In the Parameter row of the Behaviors Inspector, choose a parameter from the Remove pop-up menu.

    The parameter is removed from the behavior.

To create a softer transition between each text unit
  • In the Behaviors Inspector, drag the Spread slider to the right (or click the value field, type a number, then press Return).

    Figure. Canvas showing Sequence Text behavior with Spread value set to 0, and set to 11.

Using the Text Style Pane with the Sequence Text Behavior

Parameters you want to include in a sequence animation are assigned in the Sequence Text behavior. Attributes modified in the Style pane of the Text Inspector (Face, Glow, Outline, or Drop Shadow) do not sequence. Therefore, to modify a parameter but keep it unchanged over the course of a sequence animation, modify that parameter in the Style pane of the Text Inspector. For example, you can create a sequence in which the text glow scales and fades (by setting Glow > Scale and Glow > Opacity in the Sequence Text behavior), but where the text outline remains constant (by setting the Outline parameters in the Style pane of the Text Inspector).

Note: Because parameters set in the Sequence Text behavior are independent of parameters set in the Style pane, you may see changes in the appearance of some attributes when you select parameter checkboxes in the Style pane. For example, if you create a sequence that animates text glow and then select the Glow checkbox in the Style pane of the Text Inspector, the effect is additive. The glow in the Style pane is added to the glow created in the Sequence Text behavior.

To use the Style pane with the Sequence Text behavior
  1. With a text object selected, open the Style pane in the Text Inspector.

  2. In the Face controls, change the color of the text to something other than white.

    For more information on using color controls, see Color Controls.

  3. Select the Outline checkbox and modify some Outline parameters.

  4. From the Add Behavior pop-up menu in the toolbar, choose Text Animation > Sequence Text.

  5. In the Behaviors Inspector, choose Face > Color from the Add pop-up menu.

    The text turns default white. When the Sequencing pop-up menu is set to the default From, the sequence behavior animates from the values defined in the Sequence Text behavior to the original values of the text. Before you applied the Sequence Text behavior, the text color was defined in the Style pane, so this is considered the original color.

  6. Play the project.

    The text color sequences from the color defined in the Sequence Text behavior to the original color of the text. The outline does not sequence.

Using the Custom Sequencing Option

By choosing Custom from the Sequencing pop-up menu, you can create a sequence by keyframing parameters. The following example creates a position sequence.

To create an animation using the Custom Sequencing option
  1. Select the text object to be animated, then choose Text Animation > Sequence Text from the Add Behavior pop-up menu in the toolbar.

  2. In the Behaviors Inspector, choose Custom from the Sequencing pop-up menu.

  3. Drag the playhead to the frame where you want to begin the animation, then click the Record button (or press A) to turn on keyframing.

    When keyframing is enabled, the values in the Inspector for parameters that can be animated turn red.

    Note: You can also animate parameters by manually adding an initial keyframe. After a keyframe is added to a parameter, any further adjustment to that parameter adds a keyframe at the current playhead position, independent of the Record button state. For more information, see Keyframing Methods.

  4. Do one of the following:

    • In the Behaviors Inspector, choose Format > Position from the Add pop-up menu, then use the Position value sliders to define the beginning (or ending) position of the text.

    • In the Canvas, drag the selected text character to its beginning (or ending) position.

      A keyframe is added to the Position parameter.

  5. Go to the next frame where you want to set a position keyframe, and do one of the following:

    • In the Behaviors Inspector, enter a Position value.

    • In the Canvas, drag selected text to a new position.

      A second position keyframe is created.

      Figure. Canvas showing Sequence Text behavior with position keyframes.
  6. Repeat Step 5 until you add all of your keyframes.

    In the image below, an editable animation path appears in the Canvas. An animation path appears only when Custom is selected from the Sequencing pop-up menu.

    Figure. Canvas showing Sequence Text behavior with an editable animation path.

    For more information on working with animation paths, see Manipulating Animation Paths in the Canvas.

    Note: If you change the Sequencing parameter to another option, such as Through Inverted or To, and then change Sequencing back to Custom, the custom animation path is retained.

Sequencing the Distortion of Style Attributes

In addition to using the value fields and sliders in the Inspector, you can use onscreen controls to sequence the Four Corner parameter, creating warp effects that manipulate the text Face, Outline, Glow, or Drop Shadow parameters. In the following simple examples, text Glow, Outline, and Drop Shadow parameters are sequenced.

To sequence the warping of a text glow effect
  1. Select the text object to be animated, then choose Text Animation > Sequence Text from the Add Behavior pop-up menu in the toolbar.

  2. In the Parameter row of the Behaviors Inspector, choose Glow > Four Corner from the Add pop-up menu.

    In the Inspector, the Glow Four Corner parameter is added to the sequence above the Add and Remove pop-up menus. The Four Corner parameter is used to distort the text’s glow attribute, allowing you to use onscreen controls to pull the glow around the text.

  3. In the lower portion of the Behaviors Inspector, choose Glow from the Attribute pop-up menu.

    Figure. Inspector showing Attribute pop-up menu in Sequence Text behavior.

    The onscreen controls appear. Drag them to distort the attribute.

    Figure. Canvas showing on-screen controls for  sequence text behavior.
  4. Do one of the following:

    • To distort the glow, drag a distort handle.

      Figure. Canvas showing text glow warped.

      Note: Some characters may not appear affected when you drag in the Canvas. However, when you play the project, all characters are affected.

    • To shear the glow, drag a shearing handle.

      Figure. Canvas showing text glow sheared.

      You can also use the value sliders in the Four Corner parameters in the Behaviors Inspector. Click the Four Corner disclosure triangle to show the individual Bottom Left, Bottom Right, Top Right, and Top Left controls.

  5. Play the project.

    The glow distortion is sequenced through the text, based on the settings in the Sequence Text behavior parameters.

    The following task describes an optional workflow in which you can distort text face, glow, outline, or drop shadow using the above steps, but without using the Add pop-up menu.

To sequence the warping of a text glow effect without using the Add pop-up menu
  1. With the Sequence Text behavior applied to a text object, choose Glow from the Attribute pop-up menu In the lower portion of the Behaviors Inspector.

    Onscreen controls appear that allow you to distort the text attribute. No parameters are added to the Inspector (above the Add pop-up menu) until the onscreen controls are adjusted.

  2. Do one of the following:

    • To shear the glow, drag a shearing handle.

    • To distort the glow, drag a corner handle.

      After you adjust a handle, the Four Corner parameter is added to the sequence above the Add and Remove pop-up menus.

      Note: You can also adjust the value sliders in the Four Corner parameter in the Behaviors Inspector. Click the Four Corner disclosure triangle to show the Bottom Left, Bottom Right, Top Right, and Top Left controls.

  3. Play the project.

    The glow distortion is sequenced through the text, based on the settings in the Sequence Text behavior parameters.

Sequence Text Controls

The Sequence Text behavior has the following parameter controls in the Behaviors Inspector.

  • Start: This slider, available when Unit Size is set to Custom, defines the starting point of the selection to be sequenced.
  • End: This slider, available when Unit Size is set to Custom, defines the ending point of the selection to be sequenced.
  • Spread: This slider controls the amount of falloff at the beginning and end of the sequencing. To create a softer transition between each text unit, increase the Spread value.
  • Random Seed: This control, available when Direction is set to Random, allows you to change the current “randomness” (seed number) of the direction of the sequence by typing a new number or clicking the Generate button.
  • Custom Speed: This slider, available when Speed is set to Custom, allows you to keyframe the completion of the sequencing by defining the location of the text where the animation is in effect.
  • Loops: This slider sets the number of times the animation sequences through the text over its duration.
  • End Offset: A slider that offsets the end of the effect of the sequence behavior. By default, the sequence animation is in effect until the end of the behavior. For example, to stop the sequencing 60 frames from the end of the text object (or project), drag the End Offset slider to 60 or enter 60 in the value field. Using this slider to stop the effect, rather than trimming the end of the behavior in the Timeline, freezes the end of the effect for the remaining duration of the object. Trimming the end of the behavior resets the text to its original settings.
  • Variance: This group of controls allows you to randomize the attributes assigned to sequence through the text. For example, if you add variance to a scale sequence, the text scale is randomized rather than moving from the original Scale value to the Scale value defined in the sequence behavior. These sliders control the frequency of the randomness. When sequencing is set to To, From, Through, or Through Inverted, it is useful to see how the Variance numbers affect the randomness. The following image shows a sequence animation in which the Y Position is offset. When a low variance value (frequency) is applied, the randomness is very smooth along the line of text—like the text is riding a very slow and smooth wave.
    Figure. Canvas showing text sequence with Y position offset using a low variance value.

    As the variance is increased, the randomness increases across the line of text. Because the text is riding on very short and frequent waves, the letters are offset in the Y axis with more randomness.

    Figure. Canvas showing text sequence with Y position offset using a high variance value.

    When Custom is chosen from the Sequencing pop-up menu, the same principle applies, so a low variance value causes the text to offset from its animation with a smooth path, while a high variance causes more randomness.

    Note: Because the Variance parameters are sensitive, low values are necessary for smooth animation results.

    • Variance: A slider that allows you to fluctuate the values of the attributes assigned to sequence through the text. For example, if you add variance to an opacity sequence, the text opacity is randomized rather than moving strictly from the original Scale value to the Scale value defined in the sequence behavior.
    • Minimum: A slider that defines the lower boundary of the variance for the sequenced parameter value. For example, if you set Minimum to 25% for a sequence animating text scale, the minimum size that the text unit will scale to is 25% of the Scale value set in the behavior.

      Note: When Custom is selected from the Sequencing pop-up menu, the Minimum and Maximum parameters are replaced with the Amount parameter.

    • Maximum: A slider that defines the upper boundary of the variance for the sequenced parameter value. For example, if you set Maximum to 75% for a sequence animating text scale, the maximum size that the text unit scales to is 75% of the Scale value set in the behavior.

      Note: When Custom is chosen from the Sequencing pop-up menu, the Maximum and Minimum sliders are replaced with the Amount slider.

    • Amount: A slider that becomes available when Custom is chosen from the Sequencing pop-up menu, and defines the maximum amount that the animated parameter can deviate from its animation value. For example, the following image shows a custom animation of a glyph in the positive Y direction. When Amount is set to 50, the glyph deviates no more than 50 pixels to the left or right of the animation path. The bold red line shows the animation path, and the thinner red line displays the randomized path.
      Figure. Canvas showing a glyph deviating less than 50 pixels from the animation path.
    • Noisiness: A slider that adds an additional overlay of random variance. Higher Noisiness values result in more erratic variations in the affected parameter.
    • Seed: Click the Generate button to create an initial random seed for creating randomness in the Variance parameters. To change the randomness results after you click Generate, click the button again or enter a value in the field.