Adobe Edge disponible en Adobe Labs.Adobe Edge disponible en Adobe Labs.
Escrito por Revista NeoPixel Lunes, 01 de Agosto de 2011 08:31
Como parte del esfuerzo que realiza Adobe en el desarrollo de herramientas para la creación de de contenido basado en estándares web, es que da a conocer en su sitio de Adobe Labs, Adobe Edge Preview.
Adobe Edge Preview es una herramienta para animación e interactividad en web que presentó Adobe desde MAX 2010 y que ahora se encuentra ya disponible para su prueba en Adobe Labs. Esta herramienta permitirá a los diseñadores integrar contenido animado utilizando estándares web como HTML5, Javascript y CSS3.
Hay que recordar que también Adobe lanzó hace no mucho tiempo Wallaby, una aplicación que de igual manera daba salida a animaciones en HTML5 pero desde archivos FLA, es decir creados en Flash.
Esta version de Edge se centra en agregar contenido gráfico dinámico, animación y movimiento a nuestros proyectos HTML a fin de que corran sin ningún problema en desktops (o computadoras de escritorio) y dispositivos móviles.
Entre sus características encontramos:
• Herramientas de texto y dibujo para la creación de composiciones.
• Capacidad de importar gráficos con formatos SVG, PNG, JPG y GIF.
• Capacidad para animar posición, tamaño, color, forma, rotación y más características al nivel de propiedades mediante un editor de línea de tiempo.
• Más de 25 efectos y transiciones ya incluídas por default.
La interfaz es muy intuitiva, similar a los programas de animación que ya conocemos (como Flash y After Effects), encontrando el "stage" o área de trabajo, la línea de tiempo y paneles de herramientas y de propiedades. La animación la podemos controlar por medio de la línea de tiempo, mediante keyframes que agregamos manualmente o mediante la opción "Auto-Keyframe". Al igual que en After Effects tenemos la opción de animar cada uno de los atributos activando los "keyframes" del atributo en el panel de propiedades o en la misma línea de tiempo.
Una de las ventajas (al igual que en Flash) es que podemos copiar y pegar las transiciones o animaciones y pegarlas en otro elemento u objeto y así ahorrarnos el trabajo de tener que hacer una animación 2 o más veces. También las opciones de Easing que nos da el software son muy completas, lo cual nos facilita algunos detalles en la animación.
Como toda herramienta nueva habría que darle tiempo para ver su evolución y mejoras que se le vayan implementando así como la adopción que tengan los usuarios de ella. También hay que toma en cuenta que es una versión "Preview" o de prueba por lo que de momento es muy limitada a diferencia de otro software como Flash o After que son muy completos y nos permiten lograr resultados de gran calidad.
Puedes buscar más información y/o descargar Adobe Edge desde el sitio de Adobe Labs: http://labs.adobe.com/technologies/edge/
Algunos ejemplos de animaciones con Adobe Edge: Ver Ejemplo 1, Ver Ejemplo 2, Ver Ejemplo 3.
RSS feed Comments
