Cómo añadir acciones a los elementos de borde animado

Una característica especial de gran alcance de Adobe Edge Animate CC es la capacidad de añadir acciones, disparadores, las etiquetas y los atributos del cursor a su composición. Estas herramientas son lo que se utiliza para hacer su animación interactiva para que el público puede participar en lo que está haciendo su animación en lugar de tener que sentarse allí y ver de forma pasiva.

Una de las acciones que puede que desee añadir a un elemento en su proyecto Edge Animate es tener que abrir una nueva URL. Esta capacidad es útil para la creación de menús o la construcción de enlaces a otros contenidos relevantes. Usted puede seguir este mismo procedimiento básico para la mayoría de las otras acciones también.

Para comenzar a agregar acciones a un elemento, primero debe crear un elemento. Con un elemento del escenario, siga estos pasos:

Video: Cómo añadir textos/créditos a un vídeo con Filmora│Tutorial Básico

  1. Seleccionar un elemento, haga clic derecho y seleccione Acciones abierto para (como se muestra).

    Después de que haga clic en Acciones Abrir en el menú, un espacio en blanco caja de codificación (El lugar donde se escribe en sus comandos) se abre.

    derecha, haga clic en un elemento para abrir un menú grande.
    derecha, haga clic en un elemento para abrir un menú grande.
  2. Desde el menú de la derecha, seleccione Abrir dirección URL.

    Video: Como poner sprays "Animados" en TF2 paso a paso y ademas con "transparencia" :D

    Edge Animate rellena el cuadro de código, como se muestra.

    Por defecto, Adobe Edge Animate CC utiliza la URL para adobe.com al hacer clic en Abrir dirección URL. Si otro destino para el enlace adapte a su propósito mejor, simplemente reemplazar la adobe.com URL con una dirección URL que va a donde quiere enviar a su público.

    Puede utilizar varias acciones en un elemento:

  3. Para añadir una acción a un elemento, con las acciones de codificación caja abierta, haga clic en el signo + en la esquina superior izquierda, como se indica en la figura.

  4. Para eliminar una acción de un elemento, haga clic en el -.

  5. Cuando se tiene más de una acción asociada a un solo elemento, a continuación, Edge Animate muestra todas las acciones en una vista de pestaña (como se muestra en esta figura). Simplemente haga clic en las fichas para mostrar el código correspondiente a cada acción.

    El cuadro de codificación de acciones se parece a esto con código en él.
    El cuadro de codificación de acciones se parece a esto con código en él.
    Usted puede tener más de una acción por cada elemento.
    Usted puede tener más de una acción por cada elemento.
  6. Desde el menú de la derecha, seleccione Abrir dirección URL.

  7. Actualizar la dirección URL en el cuadro de código, que se destaca en el texto de color naranja.

  8. Cierre el cuadro de codificación para guardar su trabajo.

  9. Previsualizar la animación en un navegador para probar su trabajo.

Para poner a prueba para asegurarse de que su enlace funciona, haga clic en el enlace con el ratón.

En la mayoría de los sitios web, cuando se coloca el puntero del ratón sobre un enlace, el cursor cambia de una flecha a una mano. Utilizando los procedimientos descritos en este capítulo, se puede establecer el cursor atributos para proporcionar pistas visuales para su público para indicar, por ejemplo, donde los enlaces son o para mostrar si puede seleccionar un elemento.

¡Felicitaciones! Ahora tiene un bucle dentro de su animación.

Si un elemento ya tiene una acción asociada con él, a continuación, al hacer clic en acciones abiertas, Edge Animate abre inmediatamente el cuadro de codificación en lugar del menú mostrado. Cuando eso sucede, y desea agregar una segunda acción a ese elemento, a continuación, haga clic en el signo + (como se muestra).

Artículos Relacionados