In the last years i’ve observed a new tendency in typography and graphic design which has been made possible by the rise of affordable animation-software like Adobe After Effects, variable fonts and more accessible tools in Creative Coding: Kinetic Typography is the new kid in town, an umbrella term for moving, flexible typographic systems.

Some good examples: The whole work by DIA studio and the crazy cool AR-app “Weird Type” by Zach Lieberman.

In this tutorial i wanna show you a fancy approach on animating type. Our application will segment a simple lettering into rectangular pieces and shift each snippet slightly different on the horizontal axis. To do so, we will utilize a two-dimensional grid and put a sine-wave into it. Ready? Let’s go!

Here's the text-version of this tutorial with many additional infos:
[ Ссылка ]

And here you'll find all files:
[ Ссылка ]

Please share your work! And of course i would love to see a little credit. ;-)

#codingwithtim

свернуть