Los componentes visuales

Nuevo post. Nuevo motion graphics. Nuevo gif.
En esta ocasión veremos algunas cuestiones que tienen que ver con los componentes visuales básicos que se encuentran en todas las imágenes: espacio, líneas y formas, tono, color, movimiento y ritmo. Dedicaré algunas líneas a los componentes “movimiento”, “espacio visual” en pantalla y “forma” de los objetos.

[Gif animado]

motion graphics gif animacion diseño grafico concepcion del uruguay

Los componentes visuales se analizan según el principio de contraste y afinidad (o armonía).

Movimiento
Objetos móviles / Objetos inmóviles
Los movimientos en el mundo en pantalla se pueden generar de diversas manera:
1) por medio del movimiento de un objeto,  
2) mediante el desplazamiento de la cámara y  
3) variando el punto de interés del observador cuando mira la pantalla.
Para el primer caso hay que distinguir entre los objetos móviles e inmóviles. En este ejemplo, hay dos tipos de objetos móviles: uno hace referencia a los objetos que cruzan la pantalla y otro al situado en el centro del eje horizontal (el animal). Ambos están en movimiento con respecto a los márgenes del marco visual. Sin embargo, la diferencia entre ambos es que los objetos del primer tipo entran y salen de pantalla, mientras que el objeto perteneciente al segundo tipo permanece en ella durante todo el tiempo.

motion graphics gif animacion diseño grafico concepcion del uruguay

Objetos móviles: dirección del movimiento
Así que existen dos direcciones del movimiento que se da en pantalla. Una dirección horizontal en sentido derecha-izquierda y otra en dirección vertical en sentido arriba-abajo-arriba.

motion graphics gif animacion diseño grafico concepcion del uruguay


Espacio
El espacio en pantalla es profundo; esto quiere decir que a nivel visual se consigue el efecto de la tercera dimensión (eje Z) dentro del plano de la imagen (pantalla, marco). En el ejemplo, los indicios de profundidad dentro de la pantalla bidimensional son varios. Uno de ellos es el uso de la perspectiva, que hace que el patrón lineal del suelo tiendan a converger en el centro del marco. Otro indicio lo proporciona el cambio de forma de los cilindros, lo que produce el efecto de tridimensionalidad. El solapamiento de objetos es otro factor que sugiere la tercera dimensión del espacio, y si a estos objetos se les añade un movimiento paralelo al plano de la imagen (en dirección horizontal) y un movimiento de cámara (travelling lateral), se genera la sensación de un espacio que tiene profundidad.




Forma
Hay una afinidad entre las formas de los objetos que componen los elementos visuales. Las terminaciones redondeadas de los objetos, el uso de los motivos lineales y el efecto visual de volumen, son cualidades que contribuyen a que entre todos ellos haya una coherencia visual que los mantiene unidos dentro de un mismo conjunto.
Las formas tridimensionales crean el efecto de profundidad, de espacio profundo. La técnica visual para simular la dimensión o representación volumétrica de las formas dentro de un espacio profundo, es el uso de luces y sombras (manipulación tonal del claroscuro) que se encuentran presente en el cuerpo del animal, en las partículas flotantes y en el suelo (sombras).
Por todo lo mencionado, se establece una afinidad visual entre los componentes visuales forma y espacio: el espacio es profundo; las formas tienen profundidad.

motion graphics gif animacion diseño grafico concepcion del uruguay

motion graphics gif animacion diseño grafico concepcion del uruguay

:: Fuentes ::
Bruce Block, Narrativa visual
Donis Dondis, La sintaxis de la imagen

 
 

Proyecto animado - Escena: la plaza

En esta ocasión presento un fragmento animado de una de las varias escenas del proyecto de motion graphics que estoy realizando para la ciudad de Concepción del Uruguay. La escena en cuestión corresponde a la de la plaza principal de la ciudad.
[Gif animado:]

concepcion del uruguay, vuelo 213, benjamin casanova, motion graphics, diseno grafico

Grilla
El campo visual se estructura mediante una grilla compuesta de ocho secciones en el eje vertical. A su vez, dentro de cada una de estas hay submódulos. Esta estructura modular subyacente guía la composición de las formas dentro del soporte. De este modo, los elementos visuales (calle, vereda, nubes, textos) tienen dimensiones que coinciden con las líneas guías de la retícula.

concepcion del uruguay, vuelo 213, benjamin casanova, motion graphics, diseno grafico

concepcion del uruguay, vuelo 213, benjamin casanova, motion graphics, diseno grafico

Hasta ahora había publicado una serie de gif animados de los elementos icónicos que integran las escenas de este proyecto de manera aislados: las personas, los monumentos, los pasajeros, los autos y los fuegos artificiales.

 
 

The big ship

Un nuevo gif animado estreno hoy.
Ahora también podemos conectarnos en dribbble.

gif animado, motion graphics vuelo 213 animation, illustration animated, diseño grafico concepcion del uruguay

[Gif animado:]
gif animado, motion graphics vuelo 213 animation, illustration animated, diseño grafico concepcion del uruguay

gif animado, motion graphics vuelo 213 animation, illustration animated, diseño grafico concepcion del uruguay

 
 

Transición líquida

Hoy traigo dos nuevos gif animados que se caracterizan por presentar un estilo de animación basado en transiciones y uniones líquidas.

gif animado, transicion liquida, motion graphics, santa fe animacion, animation

gif animado, transicion liquida, motion graphics, santa fe animacion, animation

 
 

Temas Condensados • Parte 2

Después de publicar la primera parte de los especiales de Temas Condensados, hoy continuamos con la segunda entrega.

placa informativa 01 vuelo 213

Comencemos:


Estilos artísticos y Estilos de vida (1)
E. H. Gombrich
Los usos de las imágenes

placa informativa 01 vuelo 213 Gombrich

Solemos decir que ambas imágenes representan perfectamente el espíritu de sus respectivas épocas. Éste es un estereotipo que siempre me ha preocupado. No he visto nunca un espíritu y siento una aversión instintiva por todas las formas de colectivismo, ya se llamen racismo, nacionalismo o espíritu de la época.
Me ocuparé de dos interpretaciones opuestas del fenómeno del estilo. La primera, la de que el estilo es la expresión de una época, se ha convertido en un lugar común en Occidente. Europa oriental está, o estaba hasta hace poco, dominada por la convicción opuesta, la creencia en que las consecuencias del arte son tan poderosas que requieren el control y la censura centralizados en todos los medios.
Usando una metáfora tomada de la medicina, podríamos calificar a la visión occidental de que el estilo es una manifestación o síntoma de la época como aproximación «diagnóstica». La doctrina opuesta, que subraya los efectos del arte, ya sea como estímulo o como sedante, podría apodarse como interpretación «farmacológica».

No puedo creer que seamos sólo marionetas bailando de los hilos movidos por un marionetista invisible que represente el espíritu de la época o, quizá, la lucha de clases. He llegado a preguntarme si tenemos que postular semejante marionetista como si fuera un Súper artista que creara el estilo o los estilos de una época en sus diferentes medios. ¿No podría ser más bien al revés? ¿No podrían el arte y los artistas haber al menos contribuido en la creación de lo que denominamos el espíritu de la época?


Estilos artísticos y Estilos de vida (2)
E. H. Gombrich
Los usos de las imágenes

placa informativa 01 vuelo 213 Gombrich

Ha quedado demostrado que surge una mezcla aún más explosiva si la interpretación «farmacológica» del arte se fusiona con la visión del arte como síntoma. Esto es precisamente lo que sucedió en las dictaduras totalitarias de Alemania, Italia, Rusia y China.
Nadie necesita que se le recuerde el hecho de que en la Alemania nacional-socialista los movimientos modernos fueron prohibidos y calificados como «arte degenerado». Lo que era tan trágico fue que muchos de los líderes de estos movimientos se inspiraban en la convicción de que al rechazar los estilos y convenciones del siglo XIX y volver la espalda al estudio de la naturaleza estaban preparando el terreno para una nueva época de espiritualidad pura. Esto es aplicable a Emil Nolde, quien coqueteó con el nacionalsocialismo, y en menor medida a Wassily Kandinsky, cuyo libro sobre De lo espiritual en el arte es un manifiesto de mesianismo. En su lugar, por supuesto, el nuevo Mesías en la persona de Adolf Hitler decretó que era sólo él quien decidía cómo debería ser el futuro y el hombre nuevo del siguiente milenio.

En Rusia, en no menor medida que en Alemania o China, aquellos que detentaban los resortes del poder tenían sus propias ideas acerca de la utopía del futuro y demandaban un arte que era casi indistinguible del de la Alemania nazi. Sin embargo, por muy estrechamente que se vigilaran las fronteras, las imágenes y perspectivas alternativas no podían mantenerse completamente a raya. Era precisamente el tipo de arte que estaba prohibido el que parecía encarar un estilo de vida infinitamente más deseable que aquel al que estaba condenado la mayoría.


Relación: Signo y Objeto
Enric jardí
Pensar con imágenes

placa informativa 03 vuelo 213 Enric-Jardi

Una de las aportaciones de Peirce al campo de la semántica (el estudio de los significados) fue la clasificación de los signos por tipos. En función de la relación existente entre signo y objeto, Peirce definió tres tipos de signos: íconos, indicios y símbolos.
El sistema gráfico de las señales de tráfico se compone de diferentes subcódigos de formas y colores. Está compuesto por imágenes indicativas, como las flechas; de símbolos, como la cruz roja; y de íconos, como la vaca. A veces se entienden de forma indistinta pero otras veces en necesario haber aprendido antes su significado para poder interpretarlos. Las señales de tráfico se pueden considerar indicios puesto que están colocadas cerca de aquello que comunican, mantienen una relación física con ello.
Este sistema tiene incongruencias y excepciones. Por ejemplo, ¿por qué la señal de stop es la única octogonal y describe con un texto la acción a realizar? Reformularlo podría significar un problema mayor que dejarlo tal cual está.

:: Ver Parte 1 ::