ADOBE AFTER EFFECTS: Forum Expressions Tutorials Creative Cloud

How to make this text distortion effect?

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Ryan Gibbs
How to make this text distortion effect?
on Jul 18, 2016 at 2:56:30 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


Return to posts index

Kalle Kannisto
Re: How to make this text distortion effect?
on Jul 18, 2016 at 6:51:33 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.


Return to posts index

Ryan Gibbs
Re: How to make this text distortion effect?
on Jul 19, 2016 at 10:13:15 am

Ah, I see! Thank you very much indeed!


Return to posts index


Joe Clay
Re: How to make this text distortion effect?
on Jul 22, 2016 at 5:00:48 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


Return to posts index

Joe Clay
Re: How to make this text distortion effect?
on Jul 23, 2016 at 12:17:49 am

Link to tutorial:

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

Joe Clay
Workbench.tv


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]