Edge Animate CC (3.0)

Audio
Hágase oír con sus proyectos de Animate gracias a la nueva posibilidad de añadir audio a sus composiciones. Mediante las nuevas API de audio HTML5 nativas disponibles en todos los navegadores actuales, puede asociar eventos de audio a la línea de tiempo, añadir acciones de audio a sus elementos y crear transiciones de audio para obtener efectos de sonido únicos.

Para obtener más información sobre cómo comenzar a trabajar con audio, consulte Adición de audio a animaciones.

Escala con respuesta
Realizar proyectos interactivos de Animate ahora es tan sencillo como hacer clic en un botón. Cuando está activada, esta opción le permite ampliar o reducir su escenario de Animate mientras se mantiene la proporción de aspecto según las dimensiones de la ventana del navegador o del contenedor principal.

Carga de scripts
Añada sus bibliotecas de JavaScript favoritas para ampliar los proyectos de Animate con el nuevo panel de carga de scripts. Las bibliotecas se pueden importar desde fuentes locales y en línea para guardarlas con la composición y empaquetarlas con archivos publicados.

Escala + Rotación del trazado de movimiento
Se han realizado mejoras en la edición de rutas de movimiento que le permiten escalar fácilmente el tamaño de una ruta de movimiento y girarla con respecto al origen de la transformación. Coloque el ratón sobre un trazado de movimiento para ver los nuevos comandos o pulse H para cerrar la capa.

Nuevos comandos de distribución
Existen nuevos comandos de distribución en el menú de modificación para ayudarle con la alineación y la ubicación de los elementos del escenario. Seleccione dos o más objetos y, a continuación, Modificar > Distribuir en el menú para acceder a varias opciones de distribución.

Centrado del escenario
Puede centrar el escenario de Animate con una ventana del navegador o con cualquier contenedor principal en el que se encuentre. Puede elegir centrar el escenario en horizontal, en vertical o de ambas formas con solo seleccionar una casilla de verificación en las propiedades del escenario.

Imagen de póster transparente para OAM
Ahora tiene la opción al publicar un archivo OAM de guardar la imagen de póster como un PNG transparente. Utilice este contenido incrustado de Animate dentro de InDesign o Muse si desea que un escenario transparente se superponga al contenido del diseño de su documento. Nota: Cuando utilice esta opción en una aplicación que admite archivos OAM, el archivo colocado aparecerá en blanco debido a la transparencia.

Actualmente, esta función no es compatible con publicaciones en PDF cuando se publica en DPS. Para utilizar una imagen de póster transparente, seleccione los tipos de publicación automática, PNG o JPG.

Publicación de CDN para OAM
Benefíciese de una carga de proyectos de Animate más rápida gracias al almacenamiento en caché, ahora disponible con la publicación de OAM. Active esta opción si está creando contenido de Animate para uso en línea (Muse, Dreamweaver o plugin de carga de terceros).

­

Nuevas lecciones
Están disponibles dos nuevas lecciones (diseño y audio interactivos) que sirven de introducción para las características disponibles en esta versión. Consulte “Introducción” en la pantalla de bienvenida o en Ventana > Lecciones para ver el panel de lecciones.

Actualización de jQuery
Animate ahora utiliza la versión jQuery 2.0.3, actualizada a partir de jQuery 1.7.1.

Compatibilidad con mapas de origen
Ahora, al depurar composiciones de Animate con la vista previa en el navegador o en el CDN, podrá analizar el código disminuido de las bibliotecas de jQuery y Animate cuando utiliza un navegador que admita mapas de origen como Google Chrome.

 

Edge Animate CC (2.0.1)

Esta actualización de Edge Animate CC soluciona problemas de compatibilidad con Internet Explorer 11 y está recomendada para todos los usuarios. El contenido producido con versiones anteriores de Animate no se podrá ejecutar en IE11 y esta actualización es necesaria para la compatibilidad.

Para actualizar los proyectos, instale la actualización de Animate CC disponible aquí y vuelva a guardarlos. Para obtener más información sobre problemas relacionados con las direcciones de esta actualización, visite Animate Team Blog aquí.

Edge Animate CC (2.0)

Rutas de movimiento

La incorporación de rutas de movimiento le permitirá agregar movimientos muy expresivos a elementos que siguen un trazado personalizado en línea curva. Esto hace posible que se puedan emular situaciones del mundo real mediante movimientos fluidos basados en la física que no se podrían conseguir a través de un movimiento lineal.

El método predeterminado para controlar la posición sigue siendo la traslación de x/y. Para controlar el movimiento con las rutas de movimiento en cada elemento, seleccione el botón de opción “Rutas de movimiento” en el panel Propiedades. Para establecer las rutas de movimiento como método predeterminado de movimiento para elementos nuevos en la composición, seleccione “Rutas de movimiento” en la configuración predeterminada del diseño.

Aplique rutas de movimiento al objeto y cree una transición tal y como lo haría con los fotogramas clave o el pin. Ahora verá una ruta de movimiento en el escenario, entre los dos puntos de ancla, ya preparada para modificarse con curvas. Los puntos de ancla a los extremos se representan mediante triángulos que apuntan en la dirección del movimiento del objeto.

Para controlar la duración de una ruta de movimiento, añada un fotograma clave de ubicación a la transición de ubicación en la línea de tiempo. De esta forma, se crearán dos rutas independientes con velocidad también independiente. Asimismo, puede añadir aceleración a la ruta para controlar la aceleración y desaceleración real del movimiento.

Marque la casilla de verificación Orientación automática para rotar automáticamente los elementos cuando se muevan por la ruta.

Gestos de barrido

Ahora podrá enlazar barridos de izquierda y derecha en elementos para lograr efectos centrados en el movimiento. El barrido se puede vincular a cualquier elemento de la composición. Asigne una acción a un evento de barrido, de igual forma que lo haría para un clic, doble clic, etc. con el botón Agregar acciones para un elemento.

Publicación optimizada con el host de CDN

Saque partido a la rapidez de descarga incrementada y a la gestión de resultados más sencilla con el alojamiento en tiempo de ejecución que ofrece Adobe a través de los servidores de Akamai. Desactive esta opción si el contenido se debe ejecutar sin conexión o si prefiere utilizar su propio alojamiento.

Plantillas

Ahora podrá cargar, guardar y volver a utilizar las plantillas que se encuentran en una galería de plantillas. De esta forma, podrá cargar una composición de Animate para patrones de archivo comunes.

Acceda al menú de las plantillas desde la pantalla de bienvenida (“Crear con plantilla”) o desde el menú Archivo. Desde la galería de plantillas puede importar, eliminar y crear una composición nueva a partir de una plantilla.

Cuando se guarda una plantilla, se creará un archivo .antmpl que se puede distribuir libremente y puede ubicarse en cualquier parte del sistema de archivos. Las plantillas pueden capturar imágenes, texto, símbolos, fuentes y cualquier modificación personalizada que haya efectuado en la composición actual. Puede cargar plantillas desde el cargador de plantillas visuales.

Explorar los paneles Elementos y Línea de tiempo

Ahora, se puede desplazar por los paneles Elementos y Línea de tiempo para mostrar los elementos seleccionados si el panel se está moviendo.

Herramienta Cuentagotas

La nueva herramienta cuentagotas se encuentra en la ventana emergente Selector de color. Seleccione el icono de cuentagotas en la ventana emergente Color para probar colores del escenario.

Elementos y código de colores de la línea de tiempo

Si hace clic en la asignación de color de un elemento, tanto en el panel Elementos como en el panel Línea de tiempo, podrá asignar un color, lo que facilitará la segmentación de color de los objetos. De esta forma, podrá cambiar la asignación de color en las transiciones de elementos y de línea de tiempo.

Otros niveles de zoom para el escenario

Ahora podrá controlar el nivel de zoom del escenario entre el 10 % y el 400 % para tener una mejor perspectiva general de los proyectos.

Edge Animate 1.5

Compatibilidad con filtros de CSS

Las avanzadas capacidades de CSS han hecho su aparición en Edge Animate.

Las siguientes funciones presentan compatibilidad con filtros de CSS:

  • Invertir
  • Rotación de matiz
  • Contraste
  • Saturación
  • Sepia
  • Escala de grises
  • Desenfoque
  • Shadow

Todas ellas están disponibles en el panel de propiedades como efectos animables. Tenga en cuenta que los filtros de CSS se acaban de incorporar a las especificaciones de CSS, por lo que solo están disponibles en Chrome 18 y versiones posteriores, Safari 6, iOS Safari 6 y Blackberry 10.

Degradados
Aplique a sus elementos estilos de degradado de tipo radial y lineal con la nueva herramienta de degradado. La nueva característica de degradados permite hacer lo siguiente:

  • Añadir varios delimitadores de degradado a los elementos.
  • Crear interpolaciones de animación para colores y posiciones de degradado.
  • Repetir degradados de forma infinita en función de los delimitadores de color definidos.
  • Los tipos de transiciones de degradado disponibles son lineal y radial (tenga en cuenta que ambos no pueden combinarse).
  • Especificar propiedades de CSS para degradados radiales, como el diseño elíptico hasta la esquina más alejada, el circular hasta la esquina más alejada, etc.
  • Control de la posición de degradado en grados de rotación, en el caso de degradación lineal, y en porcentajes x/y en el caso de la radial.

Tipografía avanzada con Edge Web Fonts

Ahora puede examinar la biblioteca Edge Web Fonts de Edge Animate y aplicar las fuentes de la colección a sus composiciones. Es posible buscar las fuentes por estilo y agregarlas a la biblioteca de fuentes en el documento.

Nuevo selector de color
Nuestro selector de color se ha actualizado para facilitar la edición de color.

Nuevos modos de color
Ahora es posible definir los colores tanto en los degradados como en los propios colores mediante RGBa, HSLa y HEX.

Reguladores de color
Es posible controlar y aplicar fácilmente el color gracias a los nuevos reguladores de color disponibles en los paneles de color y de degradado.

Muestras reutilizables
Las muestras se pueden guardar y volver a utilizar en el documento tanto en degradados como en colores.

Atenuación de elementos bloqueados
Los elementos bloqueados aparecen ahora atenuados tanto en el Panel Elementos como en el panel Línea de tiempo para distinguirlos con claridad frente a los objetos editables.

Precargadores de Iframe fáciles de utilizar
La precarga se ha optimizado para trabajar en Iframes con el fin de cargar los recursos de forma coordinada. Así, las composiciones de Animate incluidas en iframes pueden esperar a que se cargue el documento antes de que se indique la ejecución de la composición, lo que permite disfrutar de una carga previa normal en la publicidad.

Conservación del modo de edición de símbolos durante la vista previa
La composición de Animate ya no regresa al escenario al usar la vista previa en el navegador. Animate mantendrá el estado de edición actual en cada vista previa.

Edge Animate 1.0.1

Esta actualización incluye la posibilidad de informar sobre datos anónimos relativos al uso de funciones específicas en Edge Animate. Está dirigido a comprender mejor las funciones más relevantes para los usuarios de Edge Animate. Con esta información, el equipo de Edge Animate podrá tomar decisiones con mayor conocimiento de causa que le permitirán priorizar y centrarse en características particulares. El equipo de Edge Animate colaboró estrechamente con sus usuarios durante el desarrollo de la versión 1.0. Sus comentarios influyeron enormemente en el producto. Gracias a esta actualización podrá comunicarse con Adobe a través de sus acciones en la aplicación.

Asimismo, Adobe se ha encargado de diversos temas importantes del producto:

  • Se ha agregado compatibilidad con Edge Web Fonts.
  • Se ha mejorado el rendimiento en el contenido publicado.
  • Se ha incluido una corrección en iOS 6 para múltiples composiciones incrustadas a través de iframe y Adobe DPS.
  • Se han aplicado varios parches para mejorar la estabilidad de la aplicación.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea