Rive 101 logoRive 101
β„Ή AboutπŸ“‹ ChangelogδΈ­
0%
Progress0/90
4.4

Text Modifiers

6m 53s
Rive 101 - Text Modifiers

β–Ά Watch on YouTube β†—

πŸ“Œ Key Points

Add modifiers to Runs: opacity, position, rotation, scale.

πŸ“ TutorialAvailable

Summary

Text Modifiers provide advanced options for animating text runs by allowing you to modify specific properties (like position, opacity, or font weight) across a defined range of text. By combining ranges, fall-offs, and offsets, you can create complex effects like waves, bounces, or highlights that move dynamically through your text.

Step by Step

  1. 00:12
    Adding Properties
    Select a text modifier group and click the + icon to add properties such as Position, Opacity, Rotation, or Scale.
  2. 01:10
    Defining Range
    Adjust the Range start and end percentages to specify which part of the text run is affected by the modifier.
  3. 01:48
    Applying Fall-off
    Set the Fall-off start and end values to create a gradient-like transition, making the effect fade in and out at the edges of the range.
  4. 02:18
    Using Offset
    Animate the Offset value to slide the entire modifier range along the text run, which is ideal for creating wave or scanning effects.
  5. 04:23
    Changing Range Type
    Switch the Range Type from Percentage to Index to count specific character counts instead of proportional distances.
  6. 05:13
    Targeting Units
    Change the modifier target from individual Characters to Words or Lines to affect larger blocks of text at once.
  7. 05:46
    Run Selector
    Use the Run Selector to restrict the modifier to a specific text run or apply it to "All" runs within the text object.

Notes About Current Rive

  • Visual Guides: You can hide the blue modifier range bars in the View menu if they become distracting while designing.
  • Variable Font Synergy: If using a variable font, you can add "Weight" or "Slant" as modified properties, allowing for smooth, animatable typography changes.
  • Stacking Modifiers: You can add multiple properties to a single modifier or stack multiple modifiers to create layered, sophisticated animations.

πŸ“ Notes

Markdown supported
0 chars