Adobe Edge Animate: Crea contenido animado en HTML5 para páginas web

Adobe Edge Animate es un software libre de código abierto que nos ofrece una interfaz minimalista. Cuando inicies la aplicación te mostrará un menú con todas sus funciones; puedes, desde animar con ayuda y diseños preestablecidos, cambiar tamaño, ampliar, reutilizar (donde encontrarás animaciones preestablecidas) o crear un nuevo proyecto: comenzarás un trabajo HTML5 desde cero.

Características principales de Adobe Edge Animate

Adobe Edge Animate cuenta con una guía de inicio rápido “Primeros pasos”, la cual te ayudará a familiarizarte con la aplicación, con ella podrás desarrollar animaciones con las últimas tecnologías HTML5, CSS3 y JavaScript, dibujar elementos (rectángulos redondeados y estándar), añadir textos y colocar capas dentro de una página web, pudiendo incorporar en ellas diferentes elementos.

Y una de sus herramientas más utilizadas es su editor con el cual podrás desarrollar elementos animados para páginas web. La interfaz de dicho editor sigue el diseño de las ya conocidas aplicaciones de Adobe, como Adobe Motions Graphics. Si tienes experiencia trabajando en ellas, te será muy fácil manejarte en el editor de Adobe Edge Animate. En la opción “Características principales” encontrarás un texto con las funciones esenciales de Adobe Edge Animate. En “Recursos” hallarás tutoriales, vídeos, la API de JavaScript y a la comunidad, entre otras funciones.

Estas son algunas herramientas de Adobe Edge Animate que, pese a contar con muchas más funcionalidades, en futuras actualizaciones veremos nuevos parámetros, ya que la aplicación es una herramienta novedosa. Adobe la ha lanzado al mercado como software libre y, gracias a esta política, cuenta con una gran comunidad que favorecerá un mejor desarrollo en el futuro.

Crear animaciones HTML5 para web con Adobe Edge Animate

En el inicio verás un icono “Crear nuevo”; pincha en él y se habilitará el editor para crear contenido. Como observarás, su editor es realmente intuitivo y sencillo: a la derecha de la interfaz encontrarás los elementos y la biblioteca, mientras que a la izquierda estarán las herramientas y las opciones para cambiar el tamaño del objeto y editar su posición. La ventana de vista previa se sitúa en el centro de la aplicación, al igual que en todas las aplicaciones de Adobe, y debajo se encuentra el editor de elementos, conocidos como “capas” en otras herramientas de Adobe.
Para crear un elemento, dirígete al menú superior y elige la figura para dibujar el elemento; podrás escribir el texto en cualquier parte del cuadro. También podrás manipular los colores, entre otras funciones.
En la parte inferior, donde se encuentra el editor, podrás realizar animaciones y aplicar diferentes efectos. Aquí entran en juego tus conocimientos y creatividad para utilizar el editor; esta es la parte más complicada de dominar de Adobe Edge Animate, pero con los tutoriales de Adobe podrás aprender rápidamente.

Para instalar Adobe Edge Animate tendrás que dirigirte al enlace que te damos abajo y registrarte en la página. Luego, instala “Adobe Aplication Manager”, un gestor de descargas que te permitirá obtener esta y otras aplicaciones de Adobe.

Si quieres comenzar a desarrollar en HTML5, realmente Adobe Edge Animate es la herramienta que estás buscando; con ella podrás desarrollar animaciones en HTML5 para páginas web o crear elementos.