Adobe Edge Animate es una aplicación gratuita con la cual podrás crear contenido o animar elementos en HTML5, CSS3 y JavaScript para páginas web. Adobe Edge Animate cuenta con un editor HTML5 que es el llamado heredero de la plataforma Flash. HTML5 cada día le está ganando la batalla a Flash y poco a poco se está consolidando como la tecnología elegida en diferentes dispositivos. Los desarrolladores de Adobe se están dando cuenta del cambio y decidieron crear una aplicación para animar contenidos que se centra en la tecnología HTML5.
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 animar con ayuda y diseños preestablecidos, cambiar tamaño, ampliar, reutilizar, donde encontrarás animaciones preestablecidas, o crear un nuevo proyecto, con el que 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 colocar en ellas diferentes elementos.
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 principales funciones de Adobe Edge Animate. En “Recursos” encontrarás tutoriales, vídeos, API de JavaScript, tendrás acceso a la comunidad, entre otras funciones.
Estas son algunas herramientas de Adobe Edge Animate, aunque realmente cuenta con muchísimas más. En futuras actualizaciones veremos nuevos parámetros, ya que la aplicación es una herramienta nueva que Adobe ha lanzado al mercado como software libre. Gracias a esta política de la empresa, la herramienta cuenta con toda una gran comunidad para un mejor desarrollo en el futuro.
Crear animaciones HTML5 para web con Adobe Edge Animate
- En el inicio verás un icono “Crear nuevo”; pinchas en él y se te habilitará el editor para crear contenido. Como observarás, su editor es realmente intuitivo y sencillo. En el lado derecho de su interfaz encontrarás los elementos y la biblioteca; en la izquierda, las herramientas, las opciones para cambiar el tamaño del objeto y editar su posición. La ventana de vista previa la encontrarás en el centro de la aplicación, como en todas las aplicaciones de Adobe, y debajo, el editor de los elementos, conocidos con el nombre de “capas” en otras aplicaciones de Adobe.
- Para crear un elemento te diriges al menú que se encuentra en la parte superior y eliges la figura para dibujar el elemento; el texto lo puedes escribir en cualquier parte del cuadro. También puedes manipular los colores, entre otras tantas funciones.
- En la parte inferior, donde encontrarás el editor, podrás hacer animaciones y diferentes efectos. Aquí entran tus conocimientos y tu creatividad para crear en el editor. Esta es la parte más complicada de dominar de Adobe Edge Animate, pero con los tutoriales de Adobe puedes tomarle la mano en poco tiempo.
Para instalar Adobe Edge Animate tendrás que dirigirte a los enlaces que te damos abajo, registrarte en la página y luego instalar “Adobe Aplication Manager”, que es un gestor de descargas que te permitirá descargarte esta y otras aplicaciones de Adobe.
Si quieres comenzar a desarrollar en HTML5, realmente Adobe Edge Animate es la herramienta que estás buscando: podrás desarrollar animaciones en HTML5 para páginas web o crear elementos.
Más información y Más información
