The animated per-character effects can add the visual impact to your scene by bringing the characters in and out of the visible area on the screen. These effects are dynamic, they use the animation features and affect the whole text line.

The following effects are available:

They have the following common parameters:

TextEffects_general_parameters
  • In Progress – specifies the in animation of the text object, as a percentage.

  • Out Progress – specifies the out animation of the text object, as a percentage.

  • Is Absolute – when this option is selected, the speed of the characters appearing will depend on the text length, i.e. if the text is very long, the characters will appear very fast within a fixed period of time. If this option is not selected, characters will appear with the constant speed of 1 character per 10 progress units, independent of text length.

To create an animated text effect, the animation channel should be created for the "In Progress" or "Out Progress" property (or both). The start keyframe should specify the initial position of the text; the end keyframe – the resulting position. To set the text position, start increasing the progress value until you see the needed text position in preview on the canvas. After that you can define additional parameters, specific to each different effect.

Important
Refer to the Creating an Animation Channel paragraph to learn how to create animation channels.

Let us consider a process of dynamic effect creation on the example of the typewriter effect.

Effect Setup

All animated text effects have the common setup parameters. To expand the setup panel, press the "Setup" button. To the right of this button the summary of setup parameters is shown.

Effects_setup
  • Use – defines the way of characters appearing:

    • In – only the "In Progress" value is used to animate the character into the screen.

    • Out – only the "Out Progress" value is used to animate the character out of the screen.

    • In-Out – the characters are animated using the "In Progress" value into the screen at first and afterwards – animated using the "Out-Progress" value out of the screen.

    • Out-In – when the characters are on screen, they can be animated out of the screen using the "Out Progress" value and then animated back into the screen using the "In Progress" value.

  • Direction – specifies the direction of the characters appearance:

    • In – characters appear in the specified writing direction. The writing direction can be specified in the "Geometry" tab.

    • Out – characters appear in reverse direction to the specified writing direction.

    • Center – characters appear starting from the middle of the text line and go simultaneously in left and right directions.

    • Center-Reverse – characters appear starting from the left and right sides and go to the center.

    • Random – characters appear in random order. See the Seed parameter description below for details.

    • All – all characters appear at once.

  • Offset – specifies the amount to offset from the position specified by the "In Progress" and/or "Out Progress" parameters. It is used for shifting two or more effects in time.

  • Range – specifies the number of characters affected by the effect at the same time. It can be useful for smooth transitions.

    E.g. for the alpha effect with "Range" equal to 1 the characters will appear by one at a time. With the "Range" equal to 10, the next character will start to appear when the opacity of the first character changes by 1/10. This means that 10 characters are animated at the same time with different processed values.

  • Seed – this value specifies the random seed, allowing predictable results while still achieving the appearance of randomness. Applies only to the "Random" typing direction.

    E.g. you have 5 text lines in a table. If the same "Seed" value is set for all 5 lines, they will appear in the same random order. If different "Seed" values are set for lines, each of them will appear in different order.

Typewriter

Effect_Typewriter

This effect makes the characters appear as though being typed on a typewriter.

Effect_Typewriter_parameters

To create an animated typewriter effect, follow these steps:

  1. Define the progress direction in the "Use" drop-down list. For example, to create a realistic typewriter effect when characters appear one by one from left to right, select the "In" direction.

  2. Specify the start time position for the effect to begin on the time ruler and create the start keyframe for the "In Progress" parameter. The "0" value instructs the text to start typing from the very first character.

  3. Specify the end time position and create the keyframe for it. Then start to constantly increase the "In progress" value until the whole text is displayed in the canvas preview.

  4. Specify any additional parameters you need for the effect.

  5. Preview your effect in motion by pressing the "Play" button.

To create a combined effect, for example to show characters typing 'in' and then also being removed 'out', a two-point direction such as "In-Out" or "Out-In" can be chosen.

Effect_two-point.png

  1. Set the "Use" parameter to "In-Out". The "In Progress" and "Out Progress" parameters are set to 0%. No text is displayed.

  2. The "In Progress" value begins to animate towards 100%. The "Out Progress" parameter stays at 0% value. The characters begin to type in.

  3. The "In Progress" value continues to animate towards 100%.

  4. The "In Progress" value reaches 100%. The full text is displayed. The "Out Progress" parameter is still on 0% value.

  5. Now the "Out Progress" value begins to animate towards 100%. The "In Progress" parameter stays at 100% value. The characters begin to disappear one by one.

  6. The "Out Progress" value continues to animate towards 100%.

  7. The "Out Progress" value reaches 100%. The text is completely off the screen.

Alpha

Effect_Alpha

This effect allows you to apply various transparency transitions. It has the following parameters:

Effect_Alpha_parameters
  • Start Alpha – specifies the initial transparency value before starting the in animation.

  • Stop Alpha – specifies the final transparency value after completing the out animation.

  • Zero Alpha – specifies the level of transparency in the time after the in and before out animation.

To create the transparency transition, follow these steps:

  1. Define the progress direction in the "Use" drop-down list. To make characters fade in one after another, select the "In" direction.

  2. Specify the start time position for the effect to begin on the time ruler and create the start keyframe for the "In Progress" parameter. The "0" value will instructs the text to start typing from the very first character.

  3. Specify the initial transparency value in the "Start Alpha" field.

  4. Specify the end time position and create the keyframe for it. Then start to constantly increase the "In progress" value until the whole text is displayed in the canvas preview.

  5. Define the maximum transparency value in the "Zero Alpha" field.

  6. For the two-point transition directions also specify the "Stop Alpha" value defining the final transparency value.

  7. Specify any additional parameters you need for the effect.

  8. Preview the transition by pressing the "Play" button.

Position

Effect_Position

This effect animates the position of characters using the following parameters:

Effect_Position_parameters
  • Start – specifies the coordinates of the initial characters position before starting the in animation. This is an offset position to the destination text position on the screen.

  • One Point In – if this option is selected, the characters will appear from one point. It is best visible when making an in animation from the viewers eye point (Z) into the screen. With "One Point In" selected the characters will show up large in the middle of the screen and fly back to the destination position. Without "One Point In" option set, the characters will start from different X positions.

  • Stop – specifies the coordinates of the final characters position after completing the out animation.

  • One Point Out – if this option is selected, the characters will converge in one point.

To animate the position of the characters in the text line, follow these steps:

  1. Define the progress direction in the "Use" drop-down list. To make characters move one by one from left to right, select the "In" direction.

  2. Specify the start time position for the effect to begin on the time ruler and create the start keyframe for the "In Progress" parameter.

  3. Specify the initial position of the characters to start moving from by defining the "Start" coordinates.

  4. Specify the end time position and create the keyframe for it. Then start to constantly increase the "In progress" value until all the characters are placed on their respective positions in the canvas preview.

  5. Specify the target position for the characters by defining the "Stop" coordinates.

  6. Specify any additional parameters you need for the effect.

  7. Preview your effect in motion by pressing the "Play" button.

Rotation

Effect_Rotation

This effect makes characters rotate in a specified manner. It has the following parameters:

Effect_Rotation_parameters
  • Start Angle – specifies the initial angles for the rotation around each axis.

  • Stop Angle – specifies the final angles for the rotation around each axis.

  • Zero Angle – specifies the zero angles for the rotation around each axis.

  • Alignment X – specifies the reference point for the rotation about the X axis.

    • Left – reference point for X axis is the left edge;

    • Center – reference point for X axis is the center point;

    • Right – reference point for X axis is the right edge.

  • Alignment Y – specifies the reference point for the rotation about the Y axis.

    • Top – reference point for Y axis is the top edge;

    • Center – reference point for Y axis is the center point;

    • Baseline – reference point for Y axis is the baseline;

    • Bottom – reference point for Y axis is the bottom edge.

  • Alignment Z – specifies the reference point for the rotation about the Z axis.

    • Front – reference point for Z axis is the front edge;

    • Center – reference point for Z axis is the center point;

    • Back – reference point for Z axis is the back edge.

To make the characters rotate within the text line, follow these steps:

  1. Define the progress direction in the "Use" drop-down list. To make characters rotate one after another from the first to the last, select the "In" direction.

  2. Specify the start time position for the effect to begin on the time ruler and create the start keyframe for the "In Progress" parameter.

  3. Specify the initial angle for the characters to start rotating from by defining the "Start Angle" coordinates.

  4. Specify the end time position and create the keyframe for it. Then start to constantly increase the "In progress" value until all the characters turn to the desired angle in the canvas preview.

  5. Specify the final rotation angle for the characters by defining the "Zero Angle" coordinates.

  6. Specify any additional parameters you need for the effect.

  7. Preview your effect in motion by pressing the "Play" button.

Scale

Effect_Scale

This effect makes the characters change their size. It has the following parameters:

Effect_Scale_parameters
  • Start Scale – specifies the initial scaling factor for each axis.

  • Stop Scale – specifies the final scaling factor for each axis.

  • Zero Scale – specifies the zero scaling factor for each axis.

  • Alignment X – specifies the reference point for the rotation about the X axis.

    • Left – reference point for X axis is the left edge;

    • Center – reference point for X axis is the center point;

    • Right – reference point for X axis is the right edge.

  • Alignment Y – specifies the reference point for the rotation about the Y axis.

    • Top – reference point for Y axis is the top edge;

    • Center – reference point for Y axis is the center point;

    • Baseline – reference point for Y axis is the baseline;

    • Bottom – reference point for Y axis is the bottom edge.

  • Alignment Z – specifies the reference point for the rotation about the Z axis.

    • Front – reference point for Z axis is the front edge;

    • Center – reference point for Z axis is the center point;

    • Back – reference point for Z axis is the back edge.

To make the characters change their size within the text line, follow these steps:

  1. Define the progress direction in the "Use" drop-down list. To make characters to be scaled one after another from the first to the last, select the "In" direction.

  2. Specify the start time position for the effect to begin on the time ruler and create the start keyframe for the "In Progress" parameter.

  3. Specify the initial scaling coefficients for the characters to start scaling from by defining the "Start Scale" coefficients for each axis.

  4. Specify the end time position and create the keyframe for it. Then start to constantly increase the "In progress" value until all the characters are scaled to the desired value in the canvas preview.

  5. Specify the final scaling coefficients for the characters by defining the "Zero Scale" coefficients for each axis.

  6. Specify any additional parameters you need for the effect.

  7. Preview your effect in motion by pressing the "Play" button.

Flash

Effect_Flash

This allows you to apply various entrance or lighting flashes effects, animating the image sequence for each character. A good use for this effect is combining it with Alpha or Typewriter to make the characters appear in the moment when flash image covers the character. The following parameters are available:

Effect_Flash_parameters
  • Effect ID – defines the lighting effect.

  • Image Offset – specifies the flash image offset from the character about each axis.

  • Image Scale – specifies the flash image scaling factor about X and Y axes.

To make a light flash appear for each character of the text line, follow these steps:

  1. Define the progress direction in the "Use" drop-down list. To make the flash image move from left to right, select the "In" direction.

  2. Specify the start time position for the effect to begin on the time ruler and create the start keyframe for the "In Progress" parameter.

  3. Select the type of the flash from the "Effect ID" drop-down list. You can customize the flash effect by specifying the flash image offset, scale and the number of flash images per character in their respective fields.

  4. Specify the end time position and create the keyframe for it. Then start to constantly increase the "In progress" value until the flash image reaches the desired position in the canvas preview.

  5. Specify any additional parameters you need for the effect.

  6. Preview your effect in motion by pressing the "Play" button.

Arrange

Effect_Arrange

This effect makes the characters arrange in the sine curve. It has the following parameters:

Effect_Arrange_parameters
  • Amplitude – specifies the characters displacement amplitude (0..10).

  • Period – specifies the period for the characters displacement pattern (0..10).

  • Offset – specifies the offset from the displacement pattern start point.

  • Value – defines the character displacement value.

To make the characters displace themselves within the text line, follow these steps:

  1. Define the progress direction in the "Use" drop-down list. To make the characters displace themselves one after another from the first to the last, select the "In" direction.

  2. Specify the start time position for the effect to begin on the time ruler and create the start keyframe for the "In Progress" parameter.

  3. Specify the end time position and create the keyframe for it. Then start to constantly increase the "In progress" value until all the characters jump to their respective positions in the canvas preview.

  4. Specify the displacement amplitude in the "Amplitude" field.

  5. Specify any additional parameters you need for the effect.

  6. Preview your effect in motion by pressing the "Play" button.