Los vídeos del blog como la mayoría de los "contenidos" son una recopilación de medios de divulgación externos y desconozco si los mismos tienen contratos de cesión de derechos para reproducirlos, alojarlos o permitir su descarga... Agradecemos su colaboración por informar de enlaces rotos para poder actualizarlos. Este sitio está adaptado sólo para Google Chrome y Microsoft Edge - We appreciate your help by reporting broken links to update. This site is accessible only to Google Chrome and Microsoft Edge browsers.

Curso de Adobe Edge Animate para principiantes


Adobe Edge Animate es una aplicación gratuita y de de código abierto 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á ganado la batalla a Flash y poco a poco se está consolidando como la tecnología elegida en diferentes dispositivos. Los desarrolladores de Adobe se dieron cuenta del cambio y decidieron crear una aplicación para animar contenidos que se centra en la tecnología HTML5.

Para instalar Adobe Edge Animate tendrás que dirigirte a su enlace oficial y registrarte en la página y luego instalarte "Adobe Aplication Manager" que es un gestor de descargas que te permitirá descargarte ésta y otras aplicaciones de Adobe.

Comencemos el curso





Características principales de Adobe Edge Animate

Adobe Edge Animate cuenta con una guía de inicio rápido "Primeros pasos", que 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, colocar capas dentro de una página web pudiendo colocar 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 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.

Crear animaciones HTML5 para web con Adobe Edge Animate

En el inicio verás un icono "Crear nuevo" pulsando en él se habilitará el editor para crear contenido. 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 Adobe y debajo el editor de los elementos, conocidos con el nombre de "capas" en otras aplicaciones de Adobe.

Para crear un elemento te dirigirás al menú que se encuentra en la parte superior eligiendo la figura para dibujar (el elemento y 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 (esta es la parte más complicada de dominar de Adobe Edge Animate pero con los tutoriales de Adobe y los correspondientes a este curso podrás hacerlo en poco tiempo) podrás hacer animaciones y diferentes efectos.
Textos del post: Neoteo
Fuente del curso: Illasaron

No hay comentarios :