La originalidad y la eficacia son dos pilares esenciales a la hora de crear contenidos que emocionan a nuestro cerebro. Gracias a la interactividad y la animación cumplir estos objetivos es rápido y fácil. Muy fácil. En Genially es posible configurar animaciones al hacer clic en un elemento, imagen o texto.
Para ello:
- Selecciona el elemento, imagen o texto que quieras animar.
- Haz clic sobre el icono de animación.
- En el menú lateral derecho, selecciona la animación Hacer clic y elige el efecto deseado.
La animación Hacer clic se reproduce una sola vez al pulsar sobre el elemento en cuestión, es como una estrella fugaz, así que aprovecha su potencial. Por supuesto, puedes combinar el resto de animaciones e interactividades con este nuevo tipo de animación y así, ¡crear efectos increíbles! ¿Conoces otros tipos de animaciones? Te lo contamos en este tutorial.
Combinar animaciones al hacer clic con otras animaciones
Veamos qué sucede con cada una de las animaciones cuando se usan junto a la nueva animación Hacer clic:
- Animación Entrada: si un elemento tiene aplicada animación de entrada y, además, le agregas la animación Hacer clic, tienes que esperar a que la animación de Entrada se ejecute para poder hacer clic y accionar la animación.
- Animación Salida: en este caso, podrás activar la animación Hacer clic antes de que comience la animación de Salida.
Ojo: una animación de Salida necesita un tiempo de inicio para que el elemento no desaparezca inmediatamente, por eso, sólo podrás hacer uso de la animación Hacer clic durante esa franja de tiempo, ya que el elemento desaparecerá al llegar el tiempo de inicio fijado en la animación de Salida.
Por ejemplo, si eliges la animación Salida, con efecto Desaparecer y el tiempo de inicio es de 3 segundos solo tendrías esos 3 segundos para activar la animación Hacer clic, antes de que la animación Salida se ejecute.
Animación Continua: si usas esta animación combinada con Hacer clic, al pulsar en el elemento, se iniciará la animación aplicada al hacer clic, y una vez que acabe, seguirá ejecutándose la animación continua.
Animación Ratón encima: se trata de una combinación muy interesante. Al activar Hacer clic y Ratón encima, las animaciones se reproducen a la vez. Si pasas el ratón por encima del elemento verás la animación Ratón encima y al pulsarlo verás la animación Al clic, ¡la combinación definitiva!
Configurar el tiempo entre animaciones
Una gran idea al combinar animaciones es utilizar un efecto de Entrada y combinarlo con uno de Salida. Para ello, tienes que calcular cuándo se ejecuta la animación Entrada (por ejemplo, comienza a los 3 segundos) y cuándo la de Salida (por ejemplo, a los 6 segundos).
¿Y si le agregamos la nueva animación Hacer clic? Psss, Pss… ¡queda genial! Pero ten en cuenta que tu audiencia solo tendrá 3 segundos para pulsar en el elemento porque luego desaparecerá.
Por ello, tienes que dar cierto margen de tiempo al espectador de cara a que pueda hacer uso de la animación clic.
¿Te interesa este tema? Puedes seguir aprendiendo en Genially Academy
