http://www.elmundo.es/elecciones/elecciones-generales/resultados/

Como es habitual en las últimas noches electorales, el equipo de Vídeos de elmundo.es realizados la cobertura de la noche electoral del 20 de noviembre, preparando, por un lado, un compendio de resultados a grandes rasgos, y un resumen visual de las instantáneas del día, por otro.

Para realizar el resumen gráfico, apostamos por la idea de contar cuatro o cinco grandes ideas para invitar al lector a recorrer los gráficos interactivos que los compañeros habían preparado. De esa manera, grabamos en set virual este recorrido dividido en los bloques temáticos: a) reparto de escaños para el nuevo partido gobernante; b) dimensión histórica del resultado, con imágenes de archivo de las elecciones de 1977 y 2000; c) reparto de votos en contraste con el reparto de escaños; d) participación, voto blanco y nulo, en relación con el reparto de escaños; e) reparto de escaños y caras nuevas en el Congreso, así como posibilidades de formar grupo parlamentario.

Este esquema fue elegido por presentarse unas elecciones en que uno de los temas de campña venía siendo la crítica al bipartidismo, por parte de unos partidos minoritarios que contaban con posibilidades reales de tener una subida importante en número de votos, como así fue.

Desde el punto de vista técnico, la grabación fue realizada en plató con mini chroma, con una EOS 5D. La gráfica partió de plantillas que se habían dejado preparadas en Cinema 4D, donde se creó el escenario virtual. El resto se animó con After Effects. En este caso, todos los archivos tuvieron que se optimizados para minimizar el tiempo de render. La pieza debía estar colgada esa misma noche.

Para la segunda parte del vídeo, dejamos el repaso a las secuencias que habían marcado la jornada, en este caso con un montaje musical por el que apostó D. Izeddin.

http://www.elmundo.es/especiales/2011/10/ciencia/poblacion/radiografia.html

Dentro del Especial sobre el nacimiento del habitante número 7.000 millones del mundo, G. Piantadosi y yo preparamos una breve narración gráfica con algunas de las concusiones del informe de Naciones Unidas publicado en tan conmemoración. En lugar de realizar un vídeo reportaje clásico, y teniendo en cuenta el gran número de secciones y ángulos desde los que se abordaba el tema en el Especial, decidimos apostar por una síntesis visual. A medio camino entre la infografía, la crónica sonora y el reportaje en vídeo, simplificamos los grandes titulares en iconos conceptuales.

Durante un día, nos tuvimos que estudiar las grades conclusiones recogidas en el informe. De ahí partió un guión narrativo. Ese guión se redujo posteriormente a conceptos y los conceptos, a iconos. Obviamente no tuvimos que diseñarlos uno a uno. Existen bibliotecas libres de iconos en internet. Nos interesó especialmente la colaborativa The Noun Project, cuyos contenidos se distribuyen bajo licencia CC.

A partir de algunos de ellos, fuimos creando los elementos gráficos, uno a uno, en Illustrator. Y, de ahí, a la animación en After Effects, donde predomina el flujo izquierda-derecha, atrás-adelante, etc. propio de narraciones secuenciales.

Para reforzar esa idea icónica y puramente conceptual, trabajamos solo con dos colores, tres dimensiones y figuras planas. Siguiendo con la tendencia a reforzar ideas mediante texto, incluimos titulare, permitiéndonos aclarar y jugar con la estética de la tipografía, una Oswald que se mantiene en todo el Especial, y que es de libre distribución a través del catálogo de Google Fonts.

En cuanto a la selección musical, estuve rebuscando entre el catálogo libre instrumental libre de Jamendo. Descubrí a la francesa Grace Valhalla, una DJ y compositora que juega con sonidos clásicos a los que añade sintetizadores, creando atmósferas como la que ofrece en ‘Undo’, dentro de su álbum Wire. Quizás sea éste el tema más minimalista de esta edición. Los ritmos sincopados y el tono neutro y misterioso pareció ideal para retratar cifras asépticas traducidas en realidades humanas, a la vez tristes y esperanzadoras.

Nota para desarrolladores:

Seguro que ya lo conocíais, pero nosotros lo hemos usado sistemáticamente por primera vez. Este código de acción permite esos movimientos de rebote elástico en los elementos, cada vez que dan un giro, suben, bajan, etc:

//applyTo: position
// Inertial Easing (reacción elástica)
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}
}
if (n == 0){
t = 0;
}else{
t = time - key(n).time;
}

if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
amp = .02;
freq = 3.0;
decay = 5.0;
value + v*amp*Math.sin(freq*t*2*Math.
PI)/Math.exp(decay*t);
}else{
value;
}

//applyTo: rotation
// Inertial Easing (reacciona según la vel. de la animación)
n = 0;
if (numKeys > 0) {
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}
}
if (n == 0) {
t = 0;
} else {
t = time - key(n).time;
}

if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
amp = 8;
freq = 2.0;
decay = 3.0;
value + (v/100)*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{
value;
}

http://www.elmundo.es/especiales/2011/10/cultura/guernica/teorias.html

Coincidiendo con el 30 aniversario de la llegada a Madrid y traslado al museo del Prado del Guernica de Picasso, planteamos la realización de un especial sobre el tema. El eje y punto de partida, sin embargo, no iba a ser tanto ese retorno del cuadro, como algunas teorías sobre su origen poco conocidas por el público.

Todo partió en sendas conversaciones con el montador de cine Alfonso Santacana y el director de fotografía José Luis Alcaine. Ambos habían estado trabajando en teorías sobre en qué pudo inspirarse Picasso para crear el Guernica. En el primero de los casos, un cuadro de Rubens invertido. En el segundo, una película de 1932.

Para poder ver el paralelismo entre los cuadros de Picasso y Rubens, creímos que lo mejor sería realizar un interactivo. De esta manera, podría haber un vídeo introductorio invitando al lector a “jugar” con el cuadro para desvelar cada referencia.

Todo se grabó en plató para, en postproducción, incluir los cuadros. Cada explicación requirió una toma en la que mi figura debía quedar recortada para incrustarla, después, en el interactivo. Así que usamos secuencias de vídeo flv con canal alfa de fondo. Las sobras y luces también se construyeron en postproducción, en Flash.

En esta captura de vídeo, se puede ver la pantalla de After Effects en la que, secuencialmente, vemos aparecer las distintas capas que componen el escenario final para la incrustación, a partir de la grabación sobre fondo verde (ver foto inferior derecha):

Para explicar el paralelismo con la película, citamos a José Luis Alcaine en el Museo Reina Sofía en la mañana de un lunes. Con el museo cerrado, realizamos una entrevista que, por un lado, serviría de introducción general para el tema y, por otro, permitiría analizar cada uno de los elementos que aparecen en el filme y el cuadro.

Además, pedimos que nos explicasen el proceso de restauración y conservación del cuadro a través de uno de sus responsables, con lo que pudimos añadir un reportaje más y un álbum fotográfico.

http://www.elmundo.es/elmundo/2011/10/06/navegante/1317914499.html

Además:

Varios profesionales hablamos sobre Apple y la imagen

Descargar

http://www.elmundo.es/especiales/internacional/2011/11-S/asi-fue/index.html

Con motivo del décimo aniversario de los atentados de ll de septiembre de 2001 en Estados Unidos, ELMUNDO.es propuso el despliegue de un especial con gran importancia en el ámbito multimedia. Hay dos ejes fundamentales en el encargo: una reconstrucción de los acontecimientos, a partir del informe oficial y de los últimos detalles revelados sobre lo ocurrido. (…sigue)

Además:

Desde NY: Víctimas, también 10 años después

…

Making of

En las reuniones preliminares, quedó claro que era necesario trazar una perspectiva global de lo ocurrido a lo largo de todo el día 11 en cada uno de los cuatro aviones que se estrellaron. Aún una década después, mucha gente no tenía clara la secuencia de los acontecimientos, sustituida en la memoria colectiva por el impacto emocional de las repetidas imágenes de las Torres Gemelas atravesadas por los aviones y su posterior desplome. Se encontró que la solución era trazar una línea de tiempo, pero una lína de tiempo dinámica, con ‘cámaras que las sobrevolasen’ para tener distintas perpectivas y dirigir el foco y la atención del espectador. Para ello se descartó realizar un gráfico interactivo clásico, para convertirlo en un vídeo con una mínima interacción.

Narrativa gráfica

Se planteó entonces dar un tratamiento puramente infográfico a la línea de acontecimientos. Se optó por un modelado en tres dimensiones, con los aviones avanzando en el tiempo en cuatro líneas paralelas, dos de las cuales convergerían en Nueva York.

J. J. Barriocanal se encargó de las maquetas con un diseño muy limpio, con el “blanco-plástico” como predominante. Cada trazado o estela dejada por cada avión se identificaría con un color.  No sin poco debate y pruebas, se optó por que las líneas fuesen discontínuas, para evitar ser identificadas con rutas de metro y, por tanto, recordar a los atentados de Londres de 2005.

El guión de los acontecimientos se extrajo del informe oficial de la investigación y, sobre él, se fueron renderizando cámaras en Cinema 4D para ofrecer distintas perspectivas de los aviones.

Hipervídeo

El vídeo debía ser eminentemente una línea de tiempo y eso limitaba informativamente aspectos clave: los embarques de los terroristas y la manera en que secuestraron los vuelos. Así, se decidió convertir esta pieza en un “hipervídeo”, o un vídeo interactivo en que esos acontecimientos de la línea de tiempo fueran pinchables y, por tanto, tener una ampliación informativa que, dentro del vídeo principal, apenas se esbozaba.

Dentro de la película Flash en que se incluye el vídeo, se crearon tres escenas estáticas, a modo de infografía clásica, con los detalles de los embarques, el sistema de control en el aeropuerto, las conexiones de los terroristas, el modo en que se hacen con el control de los aparatos, las grabaciones de las conversaciones con los controladores de Boston y los detalles técnicos de los Boeing 767.

Todos estos datos, dentro del vídeo, hubieran alargado su duración, además de romper con la sensación de simultaneidad de los eventos. Con todo, se optó por mantener en todo momento, un mapa de referencia, en una ventana a la derecha, con las cuatro líneas de tiempo, barridas por un cursor móvil. Esta ventana, que representa el tiempo, es alternable con otra que representa el espacio, es decir, dónde está en cada momento cada avión en un mapa.

Con estos cuatro elementos se completa la primera parte del multimedia que juega con la multipantalla, al modo en que hacen los videojuegos.  Y se añaden elementos ‘hipermedia’ o botones que aparecen a lo largo de esa secuencia para ampliar la información que se está contando en el vídeo.

Nueva York, reconstruyendo la zona cero

Esta primera parte concluye con la aproximación de dos aviones a Nueva York. En ese momento entra la segunda parte del vídeo, ya en la ciudad. Aquí se abandona la infografía pura, para apostar por la mezcla de imagen real presente, pasada y reconstrucción en 3D por ordenador.

La Jefa de Especiales y yo acudimos a Nueva York como enviados especiales. La propuesta era simple. Presentar ante cámara qué ocurrió, como si estuvieran allí las torres. Se tomó como referencia el famoso documental de los hermanos Naudet, los primeros el filmar el primer impacto. Y fuimos a las localizaciones exactas desde la que fueron grabadas las tomas clave.

Se grabaron las entradillas en cada uno de esos lugares para realizar después un montaje a pantalla partida en que se pudiera ver el mismo lugar en 2001 y en 2001. Obviamente, no había torres delante de las que hablar ni explicar nada. Es aquí donde se apostó por reconstruirlas para cada plano en 3d y animarlas con la técnica del ‘tracking’, es decir, que los modelados respondan en el ordenador a los movimientos exactos de la cámara que ha grabado en Nueva York la escena.

Con ello se crea la sensación de que los elementos se han insertado de manera natural en cada escenario: Las dos torres, un trozo de motor de avión y una flecha. Cada uno de ellos se modeló independientemente. Con el programa de ‘tracking’, se procesaron las secuencias originales, sin las torres. Una vez reconocidos los movientos de cámara y de la escena, se insertan los modelados (las torres, por ejemplo). Su moviento, ahora, responde a los de la cámara original en la secuencia grabada en Nueva York. En ese momento se procesa una secuencia nueva con las torres solamente, sin el fondo.

Posteriormente, y en After Effects, se insertron las secuencias modeladas (con tansparencia de fondo) y se ajustaron manualmente, cuadro por cuadro, mediante máscaras y distintos métodos de fusión por luninosidad, para poder crear los distintos planos. Esto es, que mi imagen estuviera siempre delante de las torres.

Una vez más, resultaba especialmente complicado trasladar de manera clara la simultaneidad de los acontecimientos. Una vez más, se opta por la pantalla partida, en este caso para explicar, por un lado, lo que está ocurriendo en la ciudad de Nueva York mientras, en la segunda pantalla, se sucede el ataque al Pentágono o la caída del avión en Pensilvania.

http://www.elmundo.es/especiales/internacional/2011/11-S/10-anios-despues/ny-hoy.html

Montaje musical hiperpanorámico con tomas grabadas en Nueva York en mayo de 2011, incrustando algunos de los datos estadísticos que retratan la ciudad hoy. Publicado dentro del especial sobre el 11-S publicado en ELMUNDO.es.

Se usó una Canon EOS 5D MkII, con los objetivos: 24-105mm; 12-24mm; 100-300mm. La incrustación es manual a través de After Effects, usando máscaras y ‘tracking’ y retoque cuadro a cuadro.

]]> http://equipoveinte.com/blogmariov/2011/09/nueva-york-en-cifras/feed/ 0 http://equipoveinte.com/blogmariov/2011/08/ms-dos-modernidad-liquida-y-tecnologia-en-la-rosa-de-los-vientos/ http://equipoveinte.com/blogmariov/2011/08/ms-dos-modernidad-liquida-y-tecnologia-en-la-rosa-de-los-vientos/#comments Tue, 02 Aug 2011 16:30:56 +0000 Mario V http://equipoveinte.com/blogmariov/?p=855 Repasamos en este primer espacio de la temporada veraniega los acontecimientos más destacados del año en el mundo de las redes. Prestamos especial atención a los nuevos modelos de organización de las protestas y la política en red, a partir de fenómenos como la llamda ‘Primavera Árabe’ o el ’11-M’, así como el concepto de Modernidad Líquida. También hacemos una parada en el 30 aniversario del MS-DOS.

Además…(otros podcast del mes):

La era del PC

Cine y redes. Narraciones que se anticiparon

Nuevo saber diital y Wikipedia

Linux, ante su aniversario

Ver en http://larosadelosvientosporsecciones.blogspot.com/
Ver en la web de Onda Cero

http://www.elmundo.es/especiales/espana/guerra-civil/cifras.html

http://www.elmundo.es/especiales/internacional/nelson-mandela/historia.html

Respaso histórico a las secuencias de la vida del activista sudafricano, a partir de imágenes de archivo, con complemento de grafismo para recalcar algunos de sus episodios clave.