Touching Typography – Case 3: Stair Cube

In this tutorial series we are exploring certain ways of animating text using Touchdesigner. Where our multiple tutorial series ‘Kinetic Typography’ focuses on building an actual text tool for iterating typographic animations quickly, this series is more focused on examples from the field. Unfortunately, a lot of these typographic animations are pre baked. We’re rebuilding the animation in Touchdesigner and will add a real-time element to it.

This rotating-cube-shape-staircase animation is highly inspired by the work of DIA Studio, one of the biggest names regarding branding with kinetictypography. We’ll be using a combination of Blender and Touchdesigner. Blender is more suitable for creative UV unwrapping which is the key element regarding the animation.

We’ll be using the animationCOMP again, FBX import, render Camera and layoutTOP to form a not to complex patch in Touchdesigner.

table of contents:

intro 00:00

blender settings 00:25

blender modeling 01:34

UV unwrapping 08:04

geometry into Touchdesigner 13:17

render setup 14:46

texturing 17:21

set up orbit camera 20:53

set up adjustment sliders 29:53

animationCOMP 46:35

outro 58:40

Please like and subscribe to stay up to date!
Instagram: http://www.instagram.com/daily.typo
Facebook: https://www.facebook.com/Factory-Settings-2043471125951100/

Have a look at our Patreon website for more tutorials, the workfiles and several other gadgets and tools! http://www.patreon.com/factorysettings