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:
timrodenbroeker.de/processing...
And here you'll find all files:
github.com/timrodenbroeker/tu...
Please share your work! And of course i would love to see a little credit. ;-)
#codingwithtim
Негізгі бет Фильм және анимация Processing-Tutorial: Kinetic Typography 1
Пікірлер: 86