Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects How to make this text distortion effect?

  • How to make this text distortion effect?

    Posted by Ryan Gibbs on July 18, 2016 at 2:56 pm

    Trying to do something similar, figured the technique for this effect could come in handy for future projects.
    Any help appreciated! Cheers.

    Example: https://vimeo.com/104438354

    Some contents or functionalities here are not available due to your cookie preferences!

    This happens because the functionality/content marked as “Vimeo framework” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

    Joe Clay replied 9 years, 9 months ago 3 Members · 4 Replies
  • 4 Replies
  • Kalleheikki Kannisto

    July 18, 2016 at 6:51 pm

    A good collection of low-bit-depth displacement maps sorted from simple to complex (or less displacement to more displacement) would get you pretty far. Some parts appear to be hand-animated for more accuracy.

  • Ryan Gibbs

    July 19, 2016 at 10:13 am

    Ah, I see! Thank you very much indeed!

  • Joe Clay

    July 22, 2016 at 5:00 am

    Something like this aep works. It’s not exact, but it’s pretty close, and pretty repeatable. Change the random seed of the Text animator and you’re all set.

    https://www.dropbox.com/s/0z2wkr7btg5o5hf/TextEffect.aep?dl=0

    If you’re wondering what the ruler is for, you can scale the text from one side by changing the Grouping Alignment under More Options but when you modify the tracking, it expands in both directions so I used the ruler to make sure the text is always moving to the right as it stretches that way. :/

    Feel free to layer up groups that stretch the text (Animator 1).

    As Kalle noted, some displacement maps would work as well, but this stretches the boundaries of the letters in a more repeatable way. It renders quicker too. It also depends on the font you choose. I originally tried it with Trade Gothic, but I changed it to Helvetica since you’re more likely to have that. But play around with the font to get a better look. If you can get letters like E, T, and L to stretch, it’ll look better since they’ll become boxy. I happened to luck out that all of those letters got selected by the random range.

    I make weekly tutorials, so this will probably be the one I do for this week. Thanks for bringing it up!

    Joe Clay
    Workbench.tv

  • Joe Clay

    July 23, 2016 at 12:17 am

    Link to tutorial:

    https://workbench.tv/tutorials/2016-07-22_GlitchText/

    Joe Clay
    Workbench.tv

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