1

en movimiento

Actualidad del uso de la animación tipográficaJaume Estruch - IDEP

www.jaumeestruch.com

ÍNDICE

INTRODUCCIÓNREFERENTEELEMENTOS LEGIBILIDAD CINÉTICA SECUENCIA RECURSOS EXPRESIVOSOBJETIVOS IDENTIFICAR INFORMAR CONTAR HISTORIAS VIAJAR OTRAS APLICACIONES ILUSTRATIVO VIDEOCLIPS ANIMACIÓN DE DIALOGOSPROYECTO PERSONALBIBLIOGRAFIA

45

6789

10111213

1415161718

Tipografia: f. Impr. Procedimimento de composición con tipos movibles, y de impresión con formas o áreas que están en relieve.

Diccionario de la Lengua española. Ed. Plaza Janés

En la definición aparece el término “tipos movibles”.Este proyecto se basa precisamente en eso, en el estudio y análisis de tipografias que se mueven de una forma u otra y que son idoneas para ser vistas en pantalla.

La historia de la tipografía es importante sobre todo por dos razones. La primera es el disfrute: hay un inacabable acervo de realizaciones de artistas y de diseñadores del pasado esperando ser descubierto

en libros, bibliotecas, museos y colecciones de toda índole diseminadas por el mundo. La segunda razón es la calidad. En música, en vinos, en dibujo o en tipografía términos como «bueno», «muy bueno» o «soberbio» no significan nada hasta que quien los utiliza no posee cierta experiencia de lo mejor que

existe; por ejemplo, hasta que no ha escuchado a (digamos) Beethoven, paladeado un Mouton Rothschild, contemplado a Durero o admirado una impresión de Jenson, Whittingham o Bruce Rogers

Ruari McLean, Manual de tipografía

45

6789

10111213

1415161718

4

INTRODUCCIÓN

Maestros de la tipografía como William Morris, Paul Renner o Erik Spiekermann han trabajado hasta el mínimo detalle sus tipos, cuidando su modulación, compensando los trazos, controlando, los pesos... el resultado son tipografías impecables, totalmente equilibradas y proporcionadas. Legibles a cuerpos pequeños o contundentes en cuerpos grandes.Lo que estos maestros jamás pudieron imaginar, es que con la llegada de la tecnología digital, sus creaciones cogerían vida.

A lo que nos surgen preguntas como:

¿Quienes son los precusores?, ¿Qué hay que tener en cuenta en el momento de animar una tipografía?, ¿De qué recursos disponemos?...

Saul Bass

5

REFERENTESAUL BASS (1920-1996)

Créditos de The Man with the Golden Arm

Saul Bass

Créditos de Anatomy of a Murder

Si hablamos de tipografía en movimiento, hay que hablar de Saul Bass. Saul Bass fué un diseñador gráfico estadounidense reconocido sobretodo por su labor en la creación de títulos para la industria del cine y en diseño de la identidad corporativa de algunas de las empresas más importantes de EEUU.Su aportación al diseño gráfico, y sobretodo a la tipografía en pantalla, todavia no tiene comparación con ningún otro autor.Los diseños de créditos para películas de Saul Bass fueron una revolución en la industria del cine, que hasta entonces, si bien ya se utilizaba la tipografia como elemento de crédito, no lo hacia como elemento propio del film, dotándola de vida y carácter propio, llegando incluso a tener la misma importancia que la película en general.Un buen ejemplo de ello son los créditos de “The Man with the Golden Arm” o de “Anatomy of a Murder”, por citar algunas obras de Bass.

Créditos de Godfellas

6

La tipografía es un conductor de mensajes, por lo tanto debe ser bien percibida por el espectador para que estos lleguen. El nivel de percepción del tipo se llama Legibilidad. Hay que tener en cuenta el tamaño o cuerpo de los carácteres. Por ejemplo: en televisión se trabaja con cuerpos grandes, ya que el tipo se ve afectado por múltiples factores como la definición de pantalla, la posición del espectador, o por el mismo movimiento óptico. Todo ello hace que la legibilidad en televisión sea algo muy relativo. Hay que evitar cuerpos demasiado pequeños o demasiado grandes.El peso del carácter define el grosor de su trazo.

Tipografías de cuerpo modulado en trazo pequeños suelen verse afectadas por el fondo que se come los trazos más finos.Es recomendable usar tipos de caja baja antes que los de caja alta, pues la variedad aque aportan los ascendentes y descendentes ayudan a la lectura en determinadas ocasiones.

El interletrado debe estar equilibrado porque jugar con este elemento permite reforzar la expresividad de la palabra.Ej:

fuerte t r a n q u i l oEl interlineado es un elemento que no suele aparecer en pantalla aunque hay que controlarlo y tenerlo en cuenta como recurso.

El contraste fondo/figura debe ser óptimo por lo que se usan recursos como el color, aureolas, sombras, filetes o pastillas. Los efectos de distrorsión aplicados al tipo pueden afectar seriamente la legibilidad, por ello la distorsión suele ser un efecto de transición.

El espacio de tiempo en que el tipo aparece en la pantalla debe estar controlado, si es demasiado lento la lectura será aburrida, en cambio si es muy rápido el espectador no podrá leer el texto.

ELEMENTOSLEGIBILIDAD

7

La cinética define las acciones que implican al movimiento. Es un concepto imprescindible para animar la tipografía. El cambio de escala es un recurso básico que permite jerarquizar los elementos de una frase además que permite crear efectos de acercamiento y alejamiento. La dirección de lectura marca el recorrido de la mirada al leer una palabra. La orientación es el movimiento de ésta. Hay que tener en cuenta estos dos conceptos para mejorar la lectura y mover el ojo del espectador donde interese. La rotación es un recurso básico aunque útil y de gran nivel expresivo. Las composiciones tipográficas son efímeras, por lo que se debe saber como se formaran y como desaparecerán. Se deben controlar las transiciones.

ELEMENTOSCINÉTICA

8

El diseño para televisión utiliza los recursos cinematográficos. La secuencia es la base para entender como se narra una historia. Es importante saber que el tiempo que la tipografía aparece en la pantalla tiene 3 etapas: la entrada, la lectura y la salida.El tipo debe fluir entre las notas, es decir, en un videoclip por ejemplo, debe bailar con la música.

ELEMENTOSSECUENCIA

9

Hay muchos recursos que aportan expresividad, que ayudan a la lectura y facilitan la comprensión de los mensajes. Las palabras deben ser el concepto al cual representan, por ejemplo, la caida de la palabra ligereza nunca será la misma que la palabra PESO

Si hay una voz en off, es importante relacionar la entonación de esta con la entonación tipográfica. Los sonidos enriquecen y hacen más creibles los efectos tipográficos. Hay que intentar complementar los movimientos de las tipos con sonidos, que aportan materialidad.

Elementos como flechas, signos de entonación, números, lineas o puntos son comunes en television, ayudan a mejorar la composición y facilitan las transiciones.

ELEMENTOSRECURSOS EXPRESIVOS

10

OBJETIVOSIDENTIFICAR

El objetivo de una imagen de marca es causar impresión en el público, de modo que este identifique el producto, el servicio o la compañia en cuestión.

Ejemplo:

Animación corporativa de Harley Davidson para programa de televisión de Discovery Channel, dirigido y diseñado por Joel Markus y producido por M+MOTIVE

11

OBJETIVOSINFORMAR

Otro objetivo de la tipografía en movimiento es la transmisión de información sobre un producto, un servicio o un acontecimiento.El medio (la tipografía), crea un mensaje que puede ser reforzado, además, por la imagen y el sonido.

Ejemplo:

Anuncio promocional para CocaCola, producido por las productoras Stink/Smuggler y diseñado y animado por FOREIGN OFFICE

12

OBJETIVOSCONTAR HISTORIAS

En los titulos de crédito de las películas y los programas de televisión, la tipografía resulta especialmente visible como medio narrativo, al unir la palabra, la imagen y el sonido para crear historia y establecer un contexto.Asi, podemos encontrar poesía cinética, documental emocional o interacción juguetona, donde el diseñador crea las condiciones y el contexto para que se cuente la historia, pero es el espectador quien realmente genera (e incluso se vuelve parte de) la narrativa.

Ejemplo:

Títulos de crédito para el documental “Daughter from Danang”, dirigido y diseñado por James Kenney.

13

OBJETIVOSVIAJAR

Ell término “viajar” sitúa al usuario en el asiento del conductor, tanto si el viaje se trata de una página web o en utilizar un software para moverse por internet, como si se trata de un desplazamiento físico de un lugar a otro con al ayuda de un dispositivo electrónico. Los numerosos ejemplos de nuevos sistemas de navegación digital y páginas web hacen un amplio uso de la tipografía en movimiento.

Ejemplo:

Animación digital interactiva, proyecto personal del diseñador e ingeniero Yuko Nakamura. A través de la web, los visitantes tienen la posibilidad de dar vida a la tipografia.

14

OTRAS APLICACIONESILUSTRATIVO

La tipografía en movimiento también puede servir como elemento ilustrativo, creando figuras y formas con las tipos, variando de tamaño y posición, aquí tenemos algunos ejemplos que podemos encontrar en internet, animaciones tipográficas que bailan con una canción a la vez que forman una ilustración:

Arriba, la tipografía Baskerville va formando la cara del fallecido rapero norteamericano Notorius Big, a la vez que suena una de sus canciones. Las letras no están elegidas al azar: forman la letra de la canción.A la derecha, letras de la familia de la Helvética, forman el nombre de la propia tipo.

15

OTRASAPLICACIONESVIDEOCLIPS

Cada vez son más los artistas que incluyen tipografia en movimiento en sus videoclips. Esta crea una atención especial en la pantalla en el que seguramente sería un videoclip como cualquier otro. La mayoria son bastante recientes, pero estan ya consideradas como obras de arte, tipográficamente hablando.

Algunos ejemplos:

Arriba y a la derecha, el videoclip del grupo de rock uruguayo “El cuarteto de nos”, está realizado por tipografia en movimiento, combinada a la perfección con elementos ilustrativos y personajes reales.Realizado por el estudio Milagrito Films.

Abajo, videoclip del grupo francés de música electrónica “Justice”, donde cada animación tipográfica es una pequeña obra maestra en este campo. Dirigido por Machine Molle.

16

OTRASAPLICACIONESANIMACIÓN DE DIÁLOGOS

Es muy frecuente encontrar en internet animaciones de tipografía en movimiento donde las letras refuerzan el significado de algun fragmento de una película, dotándole de mayor fuerza, o también de explicaciones o tutoriales sobre tipografia donde es la propia tipografia la protagonista de su explicación.

Ejemplos:

Abajo, animación tipográfica donde se explica el uso de la propia tipografía mediante el uso de diferentes tipos, jerarquias y animaciones en las letras.A la derecha, y en secuencia descendente, ejemplo de semantización tipográfica, donde se le da vida a un fragmento de la película Pulp Fiction, reforzando el significado de las frases jugando con la velocidad de las palabras y el sonido de la própia película. En este tipo de proyectos es importante conocer con detalles los recursos de efectos de la gráfica en movimiento para que junto con el guión se integren en una narrativa visual y sonora consistente.

17

PROYECTO PERSONALREFUERZO SEMÁNTICO

Aprovecho un trabajo realizado en la asignatura de tipografía en IDEP, supervisado por Eduardo Manso para incluirlo como parte del proyecto de investigación.

El trabajo es una animación tipográfica donde refuerza los diálogos de la introducción de una canción, la cual su videoclip, dirigido por Alberto Blanco, también tiene tipografia animada (pero no la introducción).

Arriba y la derecha, videoclip original: “Sangre”, del rapero español Shotta. A la izquierda y abajo, animación tipográfica realizada en IDEP.

18

BIBLIOGRAFIA

Para realizar este proyecto de investigación, se ha realizado una búsqueda de material e información en diferentes lugares.

Bibliografia impresa:- Libro Tipografía en movimiento, de Matt Woolman. Ed. GG.

- Libro Arte en la tipografía y tipografía en el arte, de Enric Satué. Ed. Siruela

- Libro Historia del diseño gráfico de Philip B-Meggs.

Ed. McGrawHill.

Bibliografia web general:http://www.mfdp.net/movies_within_movies/

http://rudeworks.com/blog/tipografia-en-movimiento/

http://planetoideblanco.blogspot.com/2007/05/mucha-tipografia-en-movimiento.html

Bibliografia web- enlaces a videos:Títulos de crédito Anatomy of Murder (pag 5) - http://www.youtube.com/watch?v=Xbgb3E7l_KY

Títulos de crédito Goodfellas (pag 5) - http://www.youtube.com/watch?v=2JUwHlC_nDw

Títulos de crédito The Man with golden arm (pag 5) - http://www.youtube.com/watch?v=eGnpJ_KdqZE

Ilustraciones tipográficas animadas (pag 14) - http://www.ni9e.com

Videoclip Cuarteto de Nos (pag 15) - http://www.youtube.com/watch?v=-CyPixDcNzk

Videoclip Justice (pag 15) - http://www.fubiz.net/blog/index.php?2008/03/01/1466-justice-dvno

Animación dialogo Pulp Fiction (pag 16) - http://www.youtube.com/watch?v=HePWBNcugf8

Videoclip Shotta (pag 17) - http://www.myspace.com/shottifer

Trabajo tipografía IDEP - http://underfriki.deviantart.com/art/Type-in-motion-Shotta-Sangre-87714679