Cómo crear animaciones en html5 para revistas digitales iPad, Android

Cómo crear animaciones en html5 para nuestra revista digital

Emma Llensa 20 agosto, 2013 Edición digital, Magplus (plugin de InDesign) 1 minute

Cuando diseñamos una revista digital tenemos la oportunidad de añadir ‘widgets’ en html5. Estos widgets pueden contener programación a medida (javascript+html) o pueden contener una animación realizada sin necesidad de programar. Las animaciones nos sirven para añadir movimiento a nuestras revistas digitales. Hablamos de dinamismo, jugar con el lector, ofrecer anuncios en movimiento que se camuflen con el contenido y, evidentemente, se nos abren muchas otras posibilidades en cuanto a narrativa interactiva.

Existen varias soluciones para crear animaciones en html5 de una manera ágil. La que más nos gusta es el programa Tumult Hype. Este programa nos permite crear contenido en html5 muy interactivo y con animaciones que funcionan tanto en ordenadores de sobremesa, dispositivos móviles y tabletas. La ventaja es que no hace falta saber programar para diseñar estas animaciones. Por lo tanto, podemos centrarnos en diseñar en vez de centrarnos en programar.

Tutorial «Cómo crear una infografía animada con Tumult Hype» en español

Hemos publicado un tutorial para que aprendas a crear desde cero una infografía animada con Tumult Hype. El tutorial está en español y contiene todos los recursos necesarios: los gráficos, el documento Hype que puedes usar como plantilla… Además de instrucciones paso a paso súper detalladas (incluso en vídeos) para que aprendas a crear una infografía animada con Hype.

Puedes ver el tutorial aquí.

Scrawl Magazine: una revista llena de animaciones

Scrawl Magazine, una revista digital para iPad que hemos mencionado más de una vez en este blog, utiliza de una manera genial el recurso de las animaciones en html5.