Ey! Una pregunta para seguir mejorando en el blog: ¿Qué temas te gustaría encontrar aquí?

Narrativa visual dinámica - Los elementos y su valoración • Parte 1

Este es un trabajo en progreso (WIP, work in progress) que estoy realizando para el proyecto de la tesina de diseño de la comunicación visual, cuyo tema es la narrativa infográfica dinámica. En este post muestro algunos gráficos que estoy elaborando, aunque, posteriormente, le he hecho algunas pequeñas modificaciones y le he agregado algunas partes más.
La narrativa visual es la capacidad que tienen las imágenes visuales de contar una historia. Así, el cine es un tipo de narrativa visual, ya que en él se narran unos acontecimientos causales (plano del contenido) por medios visuales y sonoros (plano de la expresión).

Gráfico de los componentes narrativos
Este gráfico es una síntesis de las dimensiones y elementos que intervienen en la narrativa visual dinámica o en movimiento. El objetivo de este diagrama es el de permitir ver las relaciones entre las distintas partes que integran la narrativa visual.

diseno grafico, concepcion del uruguay, vuelo 213, benjamin casanova, infografia

diseno grafico, concepcion del uruguay, vuelo 213, benjamin casanova, infografia


Gráfico de los valores de la narrativa
En este gráfico se muestran las relaciones entre los conceptos desarrollado por los cuatro autores con los cuales estoy trabajando (Donis Dondis, Joan Costa, Italo Calvino y Otl Aicher). Cada uno de estos autores presentan en sus libros pares de términos opuestos o valores polares (levedad/peso, equilibrio/inestabilidad, análisis/síntesis, información/redundancia...) pertenecientes a una variable o concepto. A partir de esos valores, que pertenecen al plano semántico, se buscan dimensiones e indicadores para cada una de las variables, con el fin de analizar la narrativa visual en términos dicotómicos.

diseno grafico, concepcion del uruguay, vuelo 213, benjamin casanova, infografia

diseno grafico, concepcion del uruguay, vuelo 213, benjamin casanova, infografia

Las fuentes que usé para elaborar estos gráficos son:
Para el gráfico de arriba:
• Bruce Block, Narrativa visual
• David Bordwell, La narración en el cine de ficción
• David Bordwell y Kristin Thompson, El arte cinematográfico
• Jacques Aumont, Alain Bergala, Michel Marie y Marc Vernet, Estética del cine

Para el gráfico de abajo (el circular): 
• Donis Dondis, La sintaxis de la imagen
• Joan Costa, La esquemática
• Italo Calvino, Seis propuestas para el próximo milenio
• Otl Aicher, Analógico y digital
• Richard Saul Wurman, Angustia informativa

Continuará...

 
 

Temas Condensados • Parte 3

Llega la tercera entrega de la serie de Temas Condensados con tres nuevas pacas informativas.


Así pues, empecemos:

Forma y Contenido
Donis A. Dondis
La sintaxis de la imagen

diseño grafico, dondis, martine joly, otl aicher, motion graphics

En su manifestación visual, la forma está compuesta de elementos, y del carácter y la disposición de éstos, así como de la energía que provocan en el observador. La elección de los elementos básicos a emplear en un diseño y de la manera de utilizarlos está relacionada tanto con la forma como con la dirección de la energía liberada por la forma que da lugar al contenido. Si la «forma sigue a la función», como ha proclamado Luis Sullivan, habría una prolongación lógica de su aforismo que sería «la forma sigue al contenido». Un aeroplano tiene un aspecto acorde a lo que hace. Su forma está gobernada y conformada por lo que ese objeto hace. Lo mismo debería ocurrir con el cartel anunciador de una feria parroquial veraniega. Habría que darle una forma que dependiera no tanto de su función en sentido mecánico, como de su función de contenido. ¿Expresa ese cartel el fin para el que ha sido hecho? Debería ser brillante y alegre, ajetreado y divertido. Debería representar y manifestar su propósito. Y no ya mediante palabras o símbolos sino a través de la composición total.


Color Cultural y Color Luz
Martine Joly
La imagen fija

diseño grafico, dondis, martine joly, otl aicher, motion graphics

Sabemos que la percepción del color es cultural. El historiador Michel Pastoureau en su reciente Dictionnaire des couleurs de notre temps, Symbolique et société le da la razón a Goethe y no a Newton. Demuestra que el descubrimiento del prisma de los colores que hizo Newton no da cuenta de la percepción de los colores a través de los siglos y de los distintos países. Según él, y así lo demuestra, «el único discurso posible sobre el color es antropológico». La organización del orden de los colores del arco iris no era, en la Edad Media, la misma que la del prisma físico de Newton.
¿Qué evoca el verde profundo en personas nacidas en países desérticos o glaciares, qué decir del blanco cuando se sabe que es precisamente el color del duelo y de la aflicción en el Lejano Oriente?
Lo que hay que retener de los trabajos de Pastoureau es que nos incita a la observación y al buen sentido: no hay una clave única para la percepción de los colores sino sensibilidad al entorno, a la propia cultura, a la propia historia, como a la de los demás.

«El primer color en el desarrollo histórico, nos recuerda el operador Henri Alekan, es el rojo (grutas en Australia, pinturas rupestres de los pueblos del África negra, Altamira, los primeros pintores griegos según Plinio e incluso hoy en los pueblos primitivos). Etimológicamente ‘rojo’ significa ‘luz’ en sánscrito.»


Analógico y Digital
Otl Aicher
Analógico y digital

diseño grafico, dondis, martine joly, otl aicher, motion graphics

El pensar concluyente, que saca conclusiones, es algo distinto del pensar contemplativo. Podemos tomar conciencia de ello incluso en aspectos concretos. Cuando, en el pensar, nos involucramos en conclusiones, decimos que debemos concentrarnos. Así, concentrar significa desconectar todos los mecanismos del pensar que podrían influenciar o sobreponerse a la conclusión lineal. Sólo admitimos una forma del pensar, dejamos en blanco otras formas y apagamos la luz de otras funciones de nuestro cerebro. A esto lo llamamos concentrar. Pero hay otras formas de pensar.
El cerebro opera por regla general como una orquesta con muchos instrumentos. A veces le atribuimos importancia al son de un solo instrumento. ¿Qué es analógico, qué es digital?

1. Dividamos una hoja de papel. O bien medimos la distancia con una regla y tomamos la mitad del valor. O bien doblamos el papel y fijamos con una ligera presión el lugar de la división. Lo uno es digital, lo otro analógico. Digital significa trabajar con cifras; analógico, con comparaciones.

2. De las agujas que guarda en un costurero, una mujer quiere tomar las dos más largas. O bien las mide todas, o bien las esparce sobre la mesa y saca las más largas. El procedimiento digital aprehende cantidades, el analógico muestra la calidad, y lo hace, además, a primera vista.

3. El reloj digital indica solamente un valor numérico; el analógico, una posición de las manecillas.


:: Ver Parte 1, Parte 2::

 
 

Motion graphics infinito

Hoy comparto otro motion graphics, tanto en versión gif animado como en formato de video, titulado Entra en la imagen.

motion graphics, diseño grafico, diseño en movimiento, animation, benjamin casanova, concepcion del uruguay

La particularidad de esta pieza animada es que posee una estructura visual circular, lo que significa que el final coincide con el punto de partida, con el lugar donde empieza la acción. También puede decirse que es infinito, ya que no tiene inicio ni final.
En cuanto a la continuidad espacio-temporal, el desarrollo de la acción se presenta como un montaje continuo.
En este motion graphics apliqué la cinemática inversa (IK, inverse kinematics) para animar algunos componentes (las "compuestas" y las dos cadenas que se unen). Todo el trabajo fue hecho íntegramente en After Effects.



motion graphics, diseño grafico, diseño en movimiento, animation, benjamin casanova, concepcion del uruguay

 
 

Logo 200 años Independencia Argentina (1816-2016)

El 9 de julio de este año 2016 se conmemora el bicentenario de la Declaración de la Independencia Argentina ocurrida en 1816. A causa de este hecho, desarrollé un isologo y un motion graphics para celebrar tal acontecimiento histórico ocurrido hace ya 200 años.

logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay

[Gif animado]
logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay

logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay


En movimiento
Posteriormente, al logo le di movimiento, lo que acabó en un motion graphics:



logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay

Algunos fotogramas:

logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay

logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay

logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay

[Gif animado]
logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay


Proceso
Durante el proceso de desarrollo, el aspecto del número 2 fue la principal variación que sufrió el logo. Otra cuestión fue la inclusión de las ondas dentro del número 0 (cero), lo que provoca mayor intensidad visual y actuá como punto de interés.

logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay

logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay


Retícula
La forma del isologo se circuncribe a un cuadrado perfecto. Dentro de este hay 9 círculos entrelazados que sirven de estructura compositiva.

logo bicentenario independencia argentina 200, motion graphics, concepcion del uruguay


::Contenido relacionado: Logo Argentina Bicentenario Revolución de mayo::

---
Desarrollado: junio/julio 2016
Formato original: 1080HD
Relación de aspecto del video: 16:9
Relación de aspecto del encuadre: 2.21:1

---
::¿Te gustaría ponerte en contacto conmigo?::

 
 

Cinemática inversa (IK)

He aquí una serie de cadenas de articulaciones que adquieren movimiento mediante la técnica de la cinemática inversa (IK, kinematic inverse).
[Gif animados]

inverse kinematic, cinematica inversa after effects animacion, diseño grafico concepcion del uruguay

inverse kinematic, cinematica inversa after effects animacion, diseño grafico concepcion del uruguay

inverse kinematic, cinematica inversa after effects animacion, diseño grafico concepcion del uruguay

inverse kinematic, cinematica inversa after effects animacion, diseño grafico concepcion del uruguay