Desde este blog ya advertimos, no tenemos nada en contra de Flash, ni pensamos que vaya a desaparecer ni nada parecido. Pero la web se está moviendo ya desde un tiempo hacia otros territorios, y hay que ir mirando cara a otras opciones que están poco a poco emergiendo. La propia Adobe está migrando sus herramientas hacia HTML5 cada vez más, por algo será…

¿El problema? Que los diseñadores gráficos no cuentan con herramientas visuales para crear interacción y animación HTML5, y eso es un gran freno en la adopción de otras tecnologías que no sean Flash. Desde hace tiempo venimos pensando que el primero que cree una herramienta de ese tipo puede llevarse “el gato al agua”. Y Adobe está tardando mucho (aunque seguro que lo tienen más cercano de lo que nos creemos).

El caso es que nos hemos encontrado ayer mismo con una herramienta online que permitirá hacer maravillas de animación con propiedades CSS3 (estará disponible en breve). Se llama Animatable, y SÍ, creemos que este es el camino que los programas de animación para web deberán de tomar. La pena es que de momento estas propiedades sólo funcionan en navegadores WebKit (Safari y Chrome). Podéis ver esta demo explicativa y “fliparlo”:

Tenéis también una genial demo de animación estilo “Mad Men” realizada con esta herramienta, bajo el nombre MadManimation
(pulsad en la palabra en rojo “Watch” para activarla). Incluso hemos probado en iPhone e iPad y va fluida fluida…
Web de Animatable

Hoy os presentamos estas animaciones televisivas para la franja infantil argentina PakaPaka. Es interesante las técnicas que han combinado, como cuentan ellos:

“Ninguna de las piezas se compone únicamente con stop motion. En todas combinamos con recursos 2D y 3D. El armado de las piezas lo realizamos como si se tratara de una hoja en blanco donde, a la manera de collage, vamos pegando las partes; por un lado los stop motions que hicimos en croma key, luego los dibujos que escaneamos, luego los personajes con alpha que vienen del 3D, algunas cosas que se animan en 2D. Todo se compone en After Effects.”

<

Más información, “making of” y animaciones en la web de ForoAlfa

Para las conferencias de Diseño BROADCAT de la asociación ADG-FAD, hemos visto esta animación, curradísima. Al parecer está hecha con 3D (Cinema4D parece) y renderizada para luego ¡redibujar cada fotograma a mano! No sabía que había gente todavía usando mesa de luz de esta manera, qué cosas. Muy currado; os ponemos el resultado primero y luego el vídeo del making-of ¿Qué os parece?