Tutorial para crear Tipografía Cinética

A continuación algunos pasos báscios de utilidad para generar una animación con tipografía Kinética.Paso 1 : Crear el Layout

Toda animación debe comenzar con una hoja de papel en blanco. Planea todos los movimientos y formas complejas que estarán en la animación. Para que puedas manipular mejor los elementos procura que todos ellos sean vectores.

La hoja de papel digital que vas a crear debe tener la medida que tendrá tu escenario (por ejemplo: 1024 x 768 pixels) y debe estar trabajada en color RGB (Colores de monitor)

Usando la herramienta de texto empieza a colocar el texto.

Para conseguir mejores resultados separa cada texto en diferentes layers.

Tip Avanzado: Si tu audio contiene más de una persona hablando, es una buena idea que asignes una tipografía diferente para cada personaje. Esto le indica al usuario que hay más de una persona hablando y que se trata de una conversación.

Paso 2: Moviendo las palabras a sus propios layers.

Desde que vamos a animar todas las palabras individualmente, ella deben estar en distintos layers. No tengas miedo de esto, el resultado valdrá la pena.

Con todas las letras en distintos layers, acomódalas girándolas, agrandándolas, cambiándolas de color, etc, deacuerdo a lo que estas planeando hacer con la animación.

Algunos ejemplos de movimientos interesantes, deacuerdo al significado de las palabras:

http://johnnylee.net/kt/video/early_demos_final.mov

http://johnnylee.net/kt/video/tech_demos_final.mov

http://johnnylee.net/kt/video/hopin4_final.mov

http://johnnylee.net/kt/video/lol-full-7.mov

Paso 3: Animando y sincronizando audio

La característica fundamental de la animación de tipografía kinetica es que la tipografía se sincroniza perfectamente con el audio que esta oyéndose. Algo sucede ( la tipografía se centra, se agranda, etc) con una palabra especifica al mismo tiempo que se escucha algún sonido. Así tendrás una sincronización interesante con el audio y un evento que sucede en el audio.

Tip: La animación es más interesante aun si consigues un fondo texturado o con degrades.

Ejemplos de tipografía kinetica: