Adobe Edge Animate CC: 6 funciones que interactúan y se adaptan

  1. Software
  2. Adobe
  3. Adobe Edge Animate
  4. Adobe Edge Animate CC: 6 funciones que interactúan y se adaptan

Libro Relacionado

Adobe Edge Animate CC para tontos

Por Michael Rohde

Adobe Edge Animate CC es mucho más que mover elementos por la pantalla. Puede utilizar muchas de sus funciones para crear interactividad para su público, y ajustar muchas más para configurar el software de acuerdo con sus preferencias:

  • Interactividad: Puede crear animaciones totalmente interactivas con controles y acciones como botones, enlaces y bucles.
  • Símbolos: Puede guardar los elementos que cree (como botones) y utilizarlos de nuevo en una animación diferente.
  • Diseño web con capacidad de respuesta: Edge Animate le permite crear una composición que responda a los tamaños de ventana del navegador y del dispositivo.
  • Múltiples opciones de publicación: Edge Animate ofrece numerosas formas de publicar su animación para utilizarla en diferentes aplicaciones, como diferentes navegadores web e iBooks, o puede importar su animación de Adobe Edge en diferentes productos de Adobe, como InDesign o Muse.
  • Opciones de fuentes: Edge Animate ofrece una multitud de opciones de fuentes. Si eres quisquilloso con determinadas fuentes, la buena noticia es que si puedes encontrar una fuente en la web, lo más probable es que la puedas usar en tu animación.
  • Elija su idioma: Si el inglés no es tu lengua materna y prefieres trabajar en (digamos) alemán, español, francés o japonés, entonces Edge Animate te tiene cubierto.

Implementación inteligente de la interactividad

Adobe Edge Animate CC le permite hacer mucho más que simplemente dibujar y animar elementos. También puede hacer que esos elementos sean interactivos, lo que permite a su audiencia hacer clic en los elementos para que se lleven a cabo diferentes acciones.

Por ejemplo, puede hacer botones Detener, Reproducir y Pausar para una presentación de diapositivas interactiva. También puede crear un menú añadiendo enlaces que permitan a su audiencia navegar a diferentes partes de sus animaciones – o a páginas web completamente diferentes.

Cuando la audiencia mueve el cursor alrededor de la animación, puede realizar diferentes acciones cuando el cursor se mueve sobre áreas específicas. Este tipo de movimiento del cursor se denomina mouseover. O, si su audiencia está usando tabletas o teléfonos inteligentes para ver su animación, puede permitir que simplemente toque un elemento para provocar una acción.

Uso de símbolos para hacer objetos reutilizables

Al principio, el uso de los Símbolos puede resultar un poco desalentador, pero después de adquirir experiencia trabajando con ellos, se vuelven indispensables.

Entonces, ¿qué es exactamente un Símbolo? Es esencialmente una animación anidada que usted crea que tiene su propia línea de tiempo independiente y capacidades interactivas. Por ejemplo, digamos que te encuentras creando el mismo elemento con las mismas acciones una y otra vez para muchos proyectos diferentes. Al guardar ese elemento recurrente como Símbolo, puede reutilizarlo y sus acciones asociadas para cualquier proyecto.

Un buen ejemplo de un Símbolo es un botón. Si se encuentra recreando el mismo botón – digamos, un botón Reproducir para una presentación de diapositivas – puede que desee guardar ese botón Reproducir como un Símbolo para reutilizarlo más tarde.

Puede encontrar sus Símbolos en el panel Biblioteca, como se muestra.

Incorporación de un diseño web receptivo

Junto con HTML5, el diseño web sensible es la última terminología de moda cuando se trata de desarrollo web. Un diseño web con capacidad de respuesta permite que su animación cambie de tamaño de manera apropiada dependiendo del tamaño de la ventana del navegador.

Esto puede significar muchas cosas. Digamos, por ejemplo, que alguien está viendo su animación en una computadora de escritorio. Si el usuario cambia el tamaño de la ventana del navegador para hacerla más grande o más pequeña, los elementos de la animación cambian su tamaño de forma apropiada, con los nuevos tamaños basados en porcentajes.

Por ejemplo, si la ventana del navegador se maximiza al 100%, las imágenes y demás elementos de la animación aparecerán al 100%. Si la ventana del navegador se reduce al 50% de su tamaño, entonces sus imágenes también se reducen al 50% de su tamaño normal.

Esta es una característica muy poderosa porque hay una gran variedad de tamaños de pantalla en estos días. Nunca se sabe si la audiencia está viendo la animación en una pantalla de 60 pulgadas, un iPhone de 4 pulgadas o algo intermedio. Las tabletas aumentan la diversidad de tamaños de pantalla.

Contando sus múltiples opciones de publicación

Tiene más de una forma de publicar animaciones en estos días, y Adobe Edge Animate CC lo tiene cubierto, ofreciendo una multitud de opciones (como se muestra en esta figura). Puede publicar su animación como una página web independiente o puede incrustarla en una página web existente.

También encontrarás opciones que te permiten exportar tu animación para usarla en un iBook. Incluso puede publicar su animación como una página HTML estática para su uso en navegadores web antiguos que no soportan HTML5 o animaciones.

Fuentes en Adobe Edge Animate

Puede utilizar una multitud de fuentes en la Web y Adobe Edge Animate CC se encarga de todo. Además de una lista estándar por defecto de fuentes disponibles (véase la figura), Edge Animate también te permite importar fuentes de toda la Web.

Si ninguna de estas fuentes satisface tus necesidades, puedes importar fuentes de muchas fuentes diferentes, incluidas las fuentes web de Google. También puede utilizar las fuentes web de Adobe Edge, que están integradas en Animate. Y si está familiarizado con Typekit (otra herramienta de fuentes gratuita), puede celebrar que esa herramienta también funciona con Edge Animate.

Trabajar en el idioma de su elección

Adobe Edge Animate CC es global en muchos aspectos, incluido el idioma que aparece en los menús y paneles. Si te sientes más cómodo trabajando en un idioma que no sea el inglés, Edge Animate te facilita cambiar el idioma utilizado en el software a uno de los muchos idiomas populares.

En el menú Ayuda, como se muestra en esta figura, puede elegir entre varios idiomas diferentes. Cuando elige un idioma en el menú Ayuda, ese idioma aparece en el software. Los idiomas entre los que puede elegir incluyen alemán, inglés, español, francés y japonés.

Si elige otro idioma, deberá cerrar y reiniciar Edge Animate para que el cambio surta efecto. Después de seleccionar el idioma que desea, la interfaz no se actualiza automáticamente, simplemente cierre el programa y vuelva a abrirlo para ver el idioma que acaba de seleccionar.

Leave a Reply