¿Recuerdas aquellos gifs animados horribles que se usaban de banners publicitarios o las chillantes imágenes con movimiento de los sitios web de hace ya muchos años? Yo los recuerdo muy bien.

Lo bueno es que no tardo mucho tiempo en el que se desecharon de la web.

A finales de 1996 vio la luz al mundo el famoso CSS (Cascading Style Sheets) de la mano de la W3C; el lenguaje utilizado para darle presentación, estilo y un diseño agradable al código HTML de los sitios web.

Pero la verdad es que no fue sino hasta por allá del 2000 - 2003 que los diseñadores gráficos entraron en escena a construir sitios web más agradables a la vista, entre otras cosas, gracias a las hojas de estilo CSS. Venimos a desplazar mal diseño de la web gracias a esas tecnologías.

Logramos destruir por completo esos horribles gifs y más recientemente desechar sitios web completamente construidos con Flash (disculpen, voy a vomitar, regreso)...

Pero (siempre hay un pero), desde el 2011 estamos reviviendo a esos gifs animados, sólo que esta vez se le está dando un mejor uso y uno de verdad muy superior.

¿Qué es un Cinemagraph?

Un Cinemagraph™ es una imagen que contiene dentro de sí un momento de vida que permite a una visión de tiempo ser experimentada y conservada sin fin.

~ Jamie Beck & Kevin Burg

En sí, se trata de fotografías en formato gif con algunos elementos de toda la composición animados infinitamente. Es una combinación de fotografía fija y animación en una misma imagen.

Sus creadores son el Artista Gráfico Visual Kevin Burg y la Fotógrafa Jamie Beck.

En lo personal creo que son un producto de diseño de alto impacto. Hasta el momento sólo he podido ver excelentes aplicaciones de carácter publicitario y también aplicaciones puramente artísticas.

Ejemplos de Kevin y Jamie en Cinemagraph.com

Ermilio Bow Cinemagraph

Newspaper Subway Cinemagraph

Hot Dog Cinemagraph

Sólo hace falta que más estudiosos y expertos de la imagen, o sea diseñadores gráficos, empiecen a experimentar y buscar más usos para los Cinemagraphs.


¿Cómo experimentar con Cinemagraphs ahora mismo?

Los Cinemagraphs serios se hacen a partir de buena fotografía, ya sea de foto fija o de video realmente muy corto. El software utilizado puede ser el Photoshop de toda la vida, pero hoy te mostraré una forma más sencilla para que experimentes justo ahora.

Cinemagram – El Instagram para gifs cinemáticos
Una forma divertida y bella de animar tus fotos.

Disponible para dispositivos móviles de Apple (iPod, iPhone, iPad). El Cinemagram está disponible en la App Store.

Cinemagram Logo

De los pocos experimentos y pensamientos que he realizado sobre los cinemagraphs, creo que necesitas una forma de pensamiento muy distinta y entrenar tu ojo para “notar” las situaciones en las que puede surgir un gif cinemático interesante.

Te muestro un par que he realizado con Cinemagram de calidad muy cutre por la cámara del iPad 2 y para nada comparables con los ya mostrados.

Machinactivity Cinemagram

Not Fail Cinemagram

Algunos más de otras personas que son muy buenos:

cinemagram

Para lograr un Cinemagraph decente:

He notado que para obtener el encanto característico que produce un buen cinemagraph, la imagen debe tener una parte explícitamente estática y por supuesto la parte que está en el loop infinito de movimiento.

No es fácil en un principio, por eso te invito a que veas lo que la gente está haciendo en Cinemagram y que publiques acá en los comentarios los links a los Cinemagraphs  o Cinemagrams que hayas creado.


Más referencias

Puedes ver Cinemagraphs muy profesionales en el sitio de sus creadores, más otros enlaces sobre éstos: