Adobe Edge

Adobe Edge es un conjunto de herramientas de desarrollo web hechas por Adobe Systems la cual mejora las capacidades de sus otras aplicaciones, como Adobe Dreamweaver.

Al pasar de los años, Adobe Edge fue cambiando y así llegó a crear un grupo de herramientas y servicios que complementarían este programa como:

  • Edge Animate
  • Edge Code
  • Edge Impact, entre otros.

Es una aplicación gratuita con la cual se podrá crear contenido o animar elementos en HTML5, CSS3 y Javascript para páginas web. También cuenta con un editor HTML5 que vendría a ser como un heredero de la plataforma Flash.

Espacio de Trabajo de Adobe Edge AnimatePodríamos decir que es un IDE para desarrollar aplicaciones web. Nos ofrece las herramientas básicas para maquetear visualmente una página web, es decir, insertar rectángulos (<divs>), textos e imágenes; y modificar algunas de sus propiedades mediante CSS3. Nos permite trabajar de manera intuitiva con estos elementos, ordenables por capas, y organizables en librerías y símbolos (para reutilizar elementos, así como movie clip en flash).

Además, este software nos permite implementar interacción a las animaciones utilizando código Javascript, jQuery y una derivación de este último (muy similar por lo demás), lo que extiende sus posibilidades casi al infinito. Desde allí, podremos cargar cualquier librería javascript, elemento html, o generar funcionalidades nuevas.

Características

Una de sus características es que posee un espacio de trabajo muy similar al de Adobe After Effects y Adobe Flash.

Las herramientas que usa este software varían mucho como las de Flash, por ejemplo, en la parte superior solo se encuentran las herramientas:

  • Selección
  • Transformar
  • Recortar
  • Rectángulo
  • Rectángulo Redondeado
  • Elipse
  • Texto

Mientras que en Flash uno al colocar los objetos como cuadrados o círculos, éstos se fusionaban si eran del mismo color y se cortaban si eran de otro color, en el caso de Edge, me permite colocar los mismos objetos sin que se fusionen o se corten entre sí.

Herramientas como Recortar tiene una función en particular la cual es de actuar como una máscara, solo con mover el borde de selección, podemos elegir qué parte de la imagen queremos que nomás se visualice.

 

 

Otras características de Adobe Edge es que a la hora de animar e insertar fotogramas claves, es que en el menú Línea de Tiempo ya están definidos el tipo de fotograma respecto al tipo de animación que queremos realizar. Por ejemplo: si dibujamos un cuadrado y queremos realizar una interpolación de movimiento y de forma, podemos insertar un fotograma clave ya sea de alto y/o ancho, movimiento en XY o en este caso de ambos.

Una característica especial que posee la herramienta Texto es que permite la modificación del texto pero desde otra ventana, o sea, en lugar de borrar y cambiar palabras en la misma mesa de trabajo, se abre una ventana aparte, solo para el ingreso de texto.

Otra de las funciones que caracterizan a Adobe Edge son las importaciones de archivos, símbolos y hasta fuentes de texto desde la ventana de Biblioteca.

 

Junto a la mesa de trabajo, hay una ventana la cual nos permite el ingreso de códigos para cada elemento  mediante una acción que escojamos y así programar cada uno de los elementos en el escenario.

 

En la parte derecha del espacio de trabajo, existe una ventana la cual nos facilitará la interacción con el software. Se trata de la ventana Lecciones, la misma que proporciona ayuda a los usuarios mediante lecciones y pasos a seguir para así conocer cada una de las herramientas y funciones que posee Adobe Edge.

Conclusiones

Adobe Edge es una herramienta que facilita la creación de aplicaciones web que usa un espacio de trabajo similar al de Flash y After Effects. Posee ciertas herramientas y funciones que no se ven en Flash, pero están distribuidas de manera de que la interfaz, presentada de una manera minimalista, sea mucho más amigable con el usuario.

A diferencia de Adobe Flash, Adobe Edge posee múltiples funciones y comandos lo cual permite un mejor rendimiento para el desarrollo de animaciones y aplicaciones web.

Recomendaciones

Para crear contenido animado para páginas web, por lo general se usa Adobe Flash, pero desafortunadamente, con el avance de la tecnología, casi todas de las aplicaciones creadas en Flash no pueden ser ejecutadas o aplicadas para dispositivos móviles, por lo que los desarrolladores han optado en el uso de Adobe Edge debido a que éste cuenta con un editor de HTML5, tecnología usada en casi todos los dispositivos, por lo tanto es muy recomendable el uso de este software si queremos que nuestras animaciones o aplicaciones puedan ser visualizadas en diferentes dispositivos.

Ambos softwares son importantes, pero en lo que respecta a la adaptación de dispositivos y a una forma más fácil y accesible de acceder a cada herramienta para la creación de aplicaciones web para HTML5, Adobe Edge es la mejor opción, sin quitarle importancia al Adobe Flash.

 

 

Bibliografía

Edgardo Fernández: Adobe Edge Animate: Crea contenido animado en HTML5 para páginas web. http://www.neoteo.com/adobe-edge-animate-crea-contenido-animado-en-html5

¿Qué es Adobe Edge Animate? http://edge-animate.com/2013/01/que-es-adobe-edge-animate/

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *



Ir a la barra de herramientas