Workbench

Tutorial 158: Noise Fields and Text

Added 2019-01-07 13:30:12 +0000 UTC

Sev's had a lot to deal with over the past few weeks, including me on a roadtrip, so our last two tutorials were out later than we hoped. But I'm back, and I had some time over the weekend to get this one out! I also kind of have to because 2019 us starting off like 2018 ended—busy. I'll also be beginning prep for my sessions at the Keyframes Conference in Orlando. I should have a code for that for you all soon if you'll want to join in!

This week, inspired by Kyle Hamrick’s #textperiments on twitter, we explore using noise() for randomization within text animators. Unlike traditional randomization like the Wiggly Selector, using noise() allows us to keep the randomization of nearby elements similar—sort of like the Noise effect versus the Fractal Noise effect.

With this technique, we can get really interesting movement and reveals—especially when combined with the range selector. You can expand on this technique by using more graphical characters, custom fonts, and even icon fonts so, as always, I encourage you to experiment. We’ve only scratched the surface in this tutorial.

Check out the tutorial page to grab code that you can copy/paste along with some additional code examples. And make sure to check out Tutorial 34, 35, and 36 for more information on the Expression Selector.