Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Forums Adobe After Effects After Effects Text Animation – Display Words one after another

  • After Effects Text Animation – Display Words one after another

  • Jimmy Corrigan

    November 21, 2016 at 2:56 pm

    Hi Guys,

    I just can’t figure out a way to do this. Never had anything like it before.

    I actually just want to display the words of a text one after another for a certain time. For example I have like 50 word and every second for 50 seconds the next word of a certain text “shows up”.

    I could do this by hand with text layers but as soon as it gets to like 100 – 200 words I am going to go full retard after something needs to be changed ?

    Can anybody help me?

    Cheers!

  • Jimmy Corrigan

    November 21, 2016 at 3:55 pm

    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

    November 21, 2016 at 7:58 pm

    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 [twitter]   |   RenderBreak [blog]   |   Profile [LinkedIn]

  • Jimmy Corrigan

    November 21, 2016 at 9:10 pm

    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

    November 21, 2016 at 9:19 pm

    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

    November 21, 2016 at 9:39 pm

    [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 [twitter]   |   RenderBreak [blog]   |   Profile [LinkedIn]

  • Vadym Vadym

    April 4, 2018 at 12:31 pm

    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

    April 4, 2018 at 9:54 pm

    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 [twitter]   |   RenderBreak [blog]   |   Profile [LinkedIn]

  • Vadym Vadym

    April 5, 2018 at 6:48 am

    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

    May 27, 2019 at 4:59 am

    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!?

Viewing 1 - 10 of 17 posts

Log in to reply.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy