• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Animate text on an open path

New Here ,
Oct 31, 2023 Oct 31, 2023

Copy link to clipboard

Copied

Hello everyone!

 

I saw this on the social and tried to immitate it, 

I used text on mask path but when I try to animate the text moves away from the path

and If i mask it to hide it it chops on the edges and it looks like I put a mask to hide it.

 

Any ideas? 

 

TOPICS
FAQ , How to

Views

131

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 31, 2023 Oct 31, 2023

Copy link to clipboard

Copied

You need to animate the First Margin so that the text moves to the right precisely one full character and then add a loopOut() expression to the First Margin property. 

 

Then you need to add an Opacity Animator to the text layer, set the Advanced Units to "Index" and "Subtract" the smoothness to Zero (not shown in the screenshot), and then set keyframes at the same time to cut off the last character and turn on the second one. The project looks like this for a single line of text:

RickGerard_0-1698757305180.gif

To reproduce the same video exactly will take two text layers. The second one is for the middle horizontal part of the E.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 01, 2023 Nov 01, 2023

Copy link to clipboard

Copied

LATEST

amazing! thanks a lot!! I knew there must be a simple way to do it but my head got stuck completely

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines