Adobe animado borde cc: 6 funciones que interactúan y se adaptan

Adobe Edge Animate CC es mucho más que elementos alrededor de la pantalla en movimiento. Puede utilizar muchas de sus características para crear interactividad para su audiencia - y afinar muchos más para configurar el software para adaptarlo a sus preferencias:

  • interactividad: Usted puede crear animaciones totalmente interactivos con tales controles y acciones como botones, enlaces y bucles.

  • símbolos: Puede guardar elementos que se crean (como botones) y utilizarlos de nuevo en una animación diferente.

    Video: CÓMO ENMARCAR UN TEXTO | TUTORIAL PHOTOSHOP CC

  • Diseño web adaptable: Edge Animate le permite construir una composición que responde al navegador y ventanas dispositivo tamaños.

  • múltiples opciones de publicación: Edge Animate ofrece numerosas formas de publicar su animación para su uso en diferentes aplicaciones - como diferentes navegadores web y iBooks - o se puede importar el Adobe Edge Animación en diferentes productos de Adobe, como InDesign o Muse.

  • opciones de fuente: Edge Animate ofrece una multitud de opciones de fuente. Si eres exigente acerca de las fuentes particulares, la buena noticia es que si se puede encontrar una fuente en la web, es muy probable que pueda utilizarlo en su animación.

  • Elige tu idioma: Si el Inglés no es su idioma nativo y prefiere trabajar en (digamos) alemán, español, francés o japonés, a continuación, Edge Animate tiene cubierto.

La implementación de la interactividad con inteligencia

Adobe Edge Animate CC le permite hacer mucho más que simplemente dibujar y animar elementos. También puede hacer que los elementos interactivos, lo que permite a su público a hacer clic en los elementos para hacer diferentes acciones suceden.

Por ejemplo, se puede hacer parada, reproducción, pausa y botones para una presentación interactiva. También puede crear un menú mediante la adición de enlaces que permiten a su público para desplazarse a diferentes partes de sus animaciones - o totalmente diferentes páginas web.

Cuando el público se mueve el cursor por la animación, se pueden hacer diferentes acciones ocurren cuando el cursor se mueve sobre áreas específicas. Este tipo de movimiento del cursor se denomina ratón sobre. O, si su audiencia está usando las tabletas o teléfonos inteligentes para ver la animación, se puede permitir que sólo tienen que tocar un elemento para provocar una acción.

Uso de símbolos para hacer objetos reutilizables

Al principio, el uso de símbolos puede resultar un poco complicado, pero después de que adquiera experiencia de trabajar con ellos, se convierten en indispensables.

Entonces, ¿qué es exactamente una ¿Símbolo? Básicamente se trata de una animación anidada que crear que tiene su propia línea de tiempo independiente y capacidades interactivas. Por ejemplo, digamos que usted se encuentra la creación de un mismo elemento con las mismas acciones una y otra vez para muchos proyectos diferentes. Al ahorrar ese elemento recurrente como un símbolo, se puede reutilizar y sus acciones asociadas para cualquier proyecto.

Un buen ejemplo de un símbolo es un botón. Si usted se encuentra recrear el mismo botón - por ejemplo, un botón de reproducción para una presentación de diapositivas - es posible que desee guardar el botón jugar como un símbolo para su posterior reutilización.

Usted puede encontrar sus símbolos en el panel Biblioteca, como se muestra.

La incorporación de un diseño web adaptable

La derecha junto con HTML5, diseño web adaptable es la última palabra de moda terminología cuando se trata de desarrollo web. Un diseño web de respuesta permite cambiar el tamaño de la animación de manera apropiada dependiendo del tamaño de la ventana del navegador.

Esto puede significar muchas cosas. Digamos, por ejemplo, alguien está viendo la animación en un ordenador de escritorio. Si el usuario cambia el tamaño de la ventana del navegador para hacerlo más grande o más pequeño, los elementos dentro de la animación se redimensionan adecuadamente, con los nuevos tamaños en base a porcentajes.

Por ejemplo, si la ventana del navegador se maximiza al 100%, las imágenes y así sucesivamente en su animación aparecen al 100%. Si la ventana del navegador se redujo a 50% de su tamaño, a continuación, sus imágenes también se reducen a un 50% de su tamaño normal.

Esta es una característica muy poderosa porque no hay tal una amplia variedad de tamaños de pantalla de estos días. Nunca se sabe si su público está viendo la animación en una pantalla de 60 pulgadas, una de 4 pulgadas iPhone, o cualquier otra cosa. Los comprimidos se suman a la diversidad de tamaños de pantalla.

Contando sus múltiples opciones de publicación

Usted tiene más de una manera de publicar animaciones en estos días - y Adobe Edge Animate CC tiene cubierto, que ofrece una multitud de opciones (como se muestra en esta figura). Puede publicar su animación como una página web independiente o se puede incrustar en una página web existente.

Video: ACCIONES AUTOMÁTICAS- Photoshop CC

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

Fuentes en Adobe Edge Animate

Se puede utilizar una gran variedad de fuentes en la web, y Adobe Edge Animate CC tiene cubierto. Además de una lista predeterminada estándar de fuentes que están a su disposición (ver la figura), Edge Animate también le permite importar las fuentes de toda la web.

Si ninguna de estas fuentes satisfagan sus necesidades, puede importar fuentes de muchas fuentes diferentes - incluyendo fuentes web de Google. También puede utilizar Adobe Edge Web Fonts, que está integrado en Animate. Y si usted está familiarizado con TypeKit (otra herramienta libre de la fuente), se puede celebrar sabiendo que la herramienta también funciona con Edge Animate.

Trabajando en el idioma de su elección

Adobe Edge Animate CC es global en muchos aspectos - incluyendo el lenguaje que se ve en los menús y paneles. Si se siente más cómodo trabajando en un idioma que no sea Inglés, Edge Animate hace que sea fácil para usted para cambiar el idioma utilizado en el software de uno de los muchos lenguajes populares.

En el menú Ayuda, como se muestra en esta figura, se puede elegir entre varios idiomas diferentes. Al elegir un idioma en el menú Ayuda, que el lenguaje aparece en el software. Los idiomas que se pueden elegir incluyen Inglés, Alemán, Español, Francés y Japonés.

Si lo hace escoger otro idioma, hay que cerrar y reiniciar Edge Animate a ver el efecto de cambio de toma. Después de seleccionar el idioma que desee, la interfaz no se actualiza automáticamente, basta con cerrar el programa y vuelva a abrirlo para ver el idioma que acaba de seleccionar.

Artículos Relacionados