Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Animate font to look as it is being written

  • Animate font to look as it is being written

    Posted by Bryan Edwards on February 6, 2008 at 5:43 pm

    I have seen the tutorial before in animating a signature to make it look like it is being written, but is it also possible to do that for a font to look as it is being written? THanks.

    Steve Roberts replied 17 years, 4 months ago 4 Members · 4 Replies
  • 4 Replies
  • Jeremy Allen

    February 6, 2008 at 5:46 pm

    yes

  • Steve Roberts

    February 6, 2008 at 6:04 pm

    Signature or font, it’s the same technique.

    There is no information contained within a font or typeface that allows us to write it on any other way. That would be nice, but face it, the biggest buyers of fonts (print designers) don’t need to write them on.

    We AE folk have to approach the type as a graphic, manually using the write-on effect, or drawing masks and applying the Stroke effect … as indicated in the various tutorials. No shortcut, sorry.

  • Angie Nguyen

    April 22, 2009 at 10:17 pm

    What program would you suggest to use to animate a font?
    can you briefly describe what animating Chinese calligraphy would entail? or if there is a tutorial I can refer to?
    THANKS AE folks!

  • Steve Roberts

    April 23, 2009 at 2:41 am

    Use After Effects.

    Look for the “signature” tutorial here on the COW. The process for Chines calligraphy would the same as for Roman text: it’s all about revealing the strokes.

    Apply the Stroke effect to the text layer and draw an open mask (a line, straight or curved) along the center of a stroke. Set the Stroke effect to “reveal original” and animate its end parameter from 0 to 100. This should reveal the stroke — adjust the stroke width.
    Repeat for the other strokes in the text.

    If you have a lot of text on a layer, you have a lot of work ahead of you. As I wrote, there’s no automated way to do it, since fonts do not contain any information on how to animate their strokes.

    If you have a lot of text, consider faking it by using the Gradient Wipe effect, using an image of a fractal noise pattern or a precomposed layer with Fractal Noise applied. Animate the transition completion to reveal the text.

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