After Effects Text Animation – Display Words one after another

[Jimmy Corrigan]

thank you very much for your quick answer.

do you by any chance know how the preset is called or where exactly i would be able to find it?

I am no native English speaker – I really have a hard time finding it.

[Walter Soyka]

Add the Typewriter animation preset, then customize it.

Twirl your text layer open, then twirl open the animator, then twirl open the range selector, then twirl open Advanced. Change the Units to Index, and changed Based On to Words.

Walter Soyka
Designer & Mad Scientist at Keen Live [link]
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
@keenlive   |   RenderBreak [blog]   |   Profile [LinkedIn]

[Jimmy Corrigan]

Allright, I think I didn’t specify my problem in the right way.

The thing is don’t need some kind of typewriter style text reveal. I was looking for something like this:

in the middle of the screen there is the word “SUPER”. font size 16pt, font helvetica.
2seconds later the word “SUPER” will be replaced by the word “POWER” (same font style)
another two seconds later the word “POWER” will be replaced by the word “AWESOME”…
(transitions are not necessary. hard cuts would be enough)

and so on and so on.

sorry for the trouble.

[Jimmy Corrigan]

Took a look a Pop Buzz Word and it’ the thing I was looking for.

Thank you very much. No way I would have thought of looking for “pop buzz word” ?

Cheers!

[Walter Soyka]

[Jimmy Corrigan] “in the middle of the screen there is the word “SUPER”. font size 16pt, font helvetica.
2seconds later the word “SUPER” will be replaced by the word “POWER” (same font style)
another two seconds later the word “POWER” will be replaced by the word “AWESOME”…
(transitions are not necessary. hard cuts would be enough)”

Sorry, I misunderstood.

Add a Slider Control effect to your text layer. In the Effects Control Panel, rename it “Word”.

Twirl open the text layer’s Text property, then alt+click the Source Text stopwatch. Paste this expression:
t = value.split(" ");
i = Math.floor(effect("Word")("Slider"))-1;
if (i<0) i = 0;
if (i>=t.length) i = t.length-1;
t[i];

Now you can animate the the Word slider control to reveal the word you want.

Walter Soyka
Designer & Mad Scientist at Keen Live [link]
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
@keenlive   |   RenderBreak [blog]   |   Profile [LinkedIn]

[Vadym Vadym]

Is there any way to improve your expression to make next word appear without dissapearance of the previous? Reveal the sentence by word, basically. For some reasons I can’t use Typewriter or any other presets. Thanks.

[Walter Soyka]

You could use this expression:

t = value.split(" ");
myText = "";
for (var i = 0; i < Math.floor(effect("Word")("Slider")); i++) {
if (i > 0) myText += " ";
myText += t[i];
}
myText;

But really, text animators are the way to do this. Why can’t you use presets? What happens when you try?

Walter Soyka
Designer & Mad Scientist at Keen Live [link]
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
@keenlive   |   RenderBreak [blog]   |   Profile [LinkedIn]

[Vadym Vadym]

Dude, you are truly lifesaver! Thank you so much! It works perfectly!
The reason I can’t use Typewriter is shape below my text. It changes size according to the size of my text box. But Typewriter isn’t affect size of the shape, it stays the same from the very beginning. But your expressions fixes it. Thanks again 🙂

[Tom Savage]

Hey Brother,

I am working on a video project where I need to do exactly this process of one word after the other word as outlined in the previous post by Jimmy Corrigan:

“I was looking for something like this:
in the middle of the screen there is the word “SUPER”. font size 16pt, font helvetica.
2seconds later the word “SUPER” will be replaced by the word “POWER” (same font style)
another two seconds later the word “POWER” will be replaced by the word “AWESOME”…
(transitions are not necessary. hard cuts would be enough) and so on and so on.”

The issue I am having is that I don’t know a dam thing about expressions so I’m not sure where to plug and play the information within the expression you provided.

t = value.split(” “);
myText = “”;
for (var i = 0; i < Math.floor(effect(“Word”)(“Slider”)); i++) {
if (i > 0) myText += ” “;
myText += t[i];
}
myText;

This is the paragraph of text I need to display words one after another theoretically with a 0.25 second length of time for each word:
“What is meant for me will come to me effortlessly I accept what comes and what goes I practice non-attachment because I know what is meant to be will be”

Would there be anyway you could possibly walk me through the process of using this awesome expression you created!?

[Walter Soyka]

Really, I think you should use a text animator to do this, like I outlined below in this post [link].

Walter Soyka
Designer & Mad Scientist at Keen Live [link]
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
@keenlive   |   RenderBreak [blog]   |   Profile [LinkedIn]