Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Expressions Computer type write effect

  • Computer type write effect

    Posted by Paulo Mateus on November 22, 2006 at 6:33 pm

    Hello

    I’m trying to create some sort of a computer type write effect, but not like the typewiter preset that ships with After Effects, because I need it that the text has the cursor after which letter, you know like: w_ wo_ wor_ word_

    I know that image lounge plugin has this kind of effect, but I’m trying to do it without any extra plugins.

    There’s anyone how can help me, please?

    Thanks
    Paulo Mateus

    Barry Suydam replied 15 years, 1 month ago 8 Members · 8 Replies
  • 8 Replies
  • Todd Morgan

    November 22, 2006 at 8:00 pm

    Just a thought… duplicate your text layer, replace all the text with “_” making sure you set the same number of characters. Set your range to the first letter and animate the range moving down the way so it is offset from your animated text reveal in the other layer.

    Todd Morgan
    morgancreative

  • Tom Hepburn

    November 22, 2006 at 8:10 pm

    I might be missing the question a bit, but what I would do is:

    Create a blinking cursor in a comp (as long as you need for the “master comp”)
    Then I would just create the whole text/sentence with glow or whatever you want ot simulate the look
    bring both into a “master Comp:”
    animate a mask to reveal the computer text.
    animate the cursor’s position or anchor to follow the revealing type.

    As I say I might be misunderstanding the question, but that is what I would do.

    T

  • Mike

    November 22, 2006 at 8:33 pm

    This is what I’ve done to achieve this effect before:

    1. Create a layer with your type.
    2. Create a grey solid and make a thin rectangular mask in the shape you want for the cursor.
    3. Create a white solid and make a rectangular mask that starts just to the left of your cursor and has enough width and height to cover up all of your text (you are going to use this as a track matte to reveal your text)
    4. Parent the white solid to the cursor.
    5. Move the cursor layer (which now has the white solid parented to it) to the beginning of your text line.
    6. Create position keyframes for the cursor just after each letter of text and space the keyframes to whatever length of time feels good to you to have the line typed.
    7. Turn each keyframe into a hold keyframe so that After Effects won’t interpolate any of the inbetween movement, but will just snap the cursor layer to each keyframe position.
    8. Lastly – place your white solid layer above your text layer and turn on alpha matte for the text layer.

    Since the text will be revealed by the white track matte layer and each of your keyframes are set to hold keyframes for your cursor layer, this gives the illusion that each layer is popping up just to the left of the cursor – as would happen in the “real world”. You can also keyframe the opacity of your cursor layer if you’d like to create any blinking effects. I have used this numberous times for type and it works out great. Good luck!

  • Paulo Mateus

    November 22, 2006 at 8:45 pm

    Very good ways for doing it, you really helped me a lot.

    Thanks to you all guys!

    Paulo Mateus

  • Terry Coolidge

    November 22, 2006 at 10:08 pm

    What version of After Effects do you have? Do you have a version since the introduction of text animation presets? Under “Mechanical text animation presets” there is one called “Underscore” that behaves in a way very similar to what you are describing. I’ve actually used this one on several different occasions to get the effect you seem to be looking for.

  • Tyler Paul

    November 24, 2006 at 2:01 pm

    When I was into qbasic programming there was a very useful command that allowed you to look at just the first, last, or middle charecters of a string. Is this available in Java, or AE for that matter? It would be great for creating the typing effect via expressions.

  • Gimmel

    February 1, 2007 at 2:24 pm

    Put the following code into the Sourcetext expression. Use a slider to animate n.
    Isn’t that easy?

    n=8;
    showtext=text.sourceText.substr(0,n)+”_”;

  • Barry Suydam

    March 18, 2011 at 3:15 pm

    n=8;
    showtext=text.sourceText.substr(0,n)+”_”;

    I used this code and it on accident gave me exactly what i needed. Thanks. What I was looking for was to have text type on inversely to normal. Usually you type in a linear fashion…what I was looking for was for each letter to push the previous letters index away from the words anchor point. so if a word is right justified it types out to the left but from its right justified anchor point. Confused yet? Sorry

    Your code did this perfectly, however when doing the exact opposite the text types on like usual.(Left justified typed out one letter after the other…unwanted) Any way to duplicate the wanted behavior would be much appreciated.

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