text Archives - WPXTen
Summer Sale 50% OFF! Ends in:
Special Offer Buy Everything for 1018$ $99

How to create a dynamic text box?

    1. Create a text layer and rename it to textLayer.
    2. Create a rectangular shape.
    3. Alt-click on the Size property and paste the expression below.

    1. Alt-click on the Position property and paste the expression below.

How to make a box round?
Open Roundness property of the shape box and increase the value.

How to change padding?
Change horizontalPadding and verticalPadding in the first expression.

How to highlight the first word in your text layer automatically?

  1. Create a text layer.
  2. Press Animate – Fill Color – RGB.
  3. Expand Advanced property and change Units to Index.
  4. Alt-click on the End property and paste an expression below.

How does it work?

The regular expression look for special characters like space, semicolon, enter, etc. and separates the match from the rest of the text.

How to highlight only the first letter?

Remove expression from End property and set the value to 1.

How to create a text typewriter with a cursor in After Effects?

      1. Create a text layer.
      2. Add a Slider Control to the text layer and rename it to Text.
      3. Add a Checkbox Control to the text layer and rename it to On/Off.
      4. Alt-click on the Source Text property and paste the expression below.

    1. Turn on the On/Off checkbox.

    How does it work?

    Animate Text slider (a 1st keyframe must have 0 value, a 2nd keyframe – your text’s length or bigger value).

    Animate On/Off checkbox to start or stop the blinking cursor.

    Adjust blinking speed by changing the blinkInterval variable value in the expression (the lesser the value the faster is the blinking).

    You can also change the blinking sign by replacing the sign variable.

    How to erase text?

    Animate Text slider backward.

    How to make cursor to blink once the type out animation has finished?

    Animate the On/Off checkbox (a 1st keyframe will be 1, a 2nd keyframe will be 0).

    How to change the cursor’s color?

      1. Press Animate – Fill Color – RGB.
      2. Expand Range Selector 1.
      3. Alt-click on the Start property and paste an expression below.

      1. Alt-click on the End property and paste an expression below.

    1. Expand Advanced property and change Units to Index

Hope you enjoyed this tutorial on how to create a type on text preset. Leave a comment if you have any questions.

Welcome to WPXTen Points
Become a member
With more ways to unlock exciting perks, this is your all access pass to exclusive rewards.
Already have an account? Sign in
WPXTen Points
Earn more WPXTen Points for different actions, and turn those points into awesome rewards!
Give your friends a reward and claim your own when they make a purchase.
They get
$15 off discount
You get
$15 off discount
WPXTen Points
Share on Facebook
3 Points
Like on Facebook
1 Point
Follow on Instagram
1 Point
Place an order
1 Point for every $10 spent
Celebrate a birthday
2 Points
Ways to spend
Use at checkout
1 Point = $1
Use your points at checkout with any purchase. Points will not expire.

Latest Updates

And other things