Planes que incluyen esta característica: todos los planes

Consigue que tus contenidos llamen la atención dando vida a tus recursos con animaciones. El movimiento atrapa la mirada, es inevitable. En Genially puedes enriquecer tu contenido con espectaculares efectos de movimiento que engancharán a tu audiencia, y convertir tus creaciones en contenidos animados con solo unos pocos clics. ¡Esto sí que es un efecto WOW!

 

Este artículo abarca los siguientes aspectos:

  • Qué tipos de animaciones existen
  • Cómo aplicar animaciones a un elemento
  • Qué aspectos de una animación puedes personalizar
  • Cómo copiar y pegar la animación de un elemento a otro
  • Cómo saber si se han aplicado efectos de animación a un elemento
  • Cómo eliminar una o todas las animaciones de un elemento


Qué tipos de animaciones existen

Para ver los tipos de animaciones disponibles, selecciona cualquier elemento haciendo clic en él y después sobre el icono ‘Animación’ que aparece arriba. Se abrirá una pestaña a la derecha con todas las opciones de animación.


Cómo ver el botón de animación en cualquier elemento


Los tipos de animación disponibles son:

  • Animación de entrada: el efecto de animación se mostrará cuando el elemento animado entre en pantalla.
  • Animación de salida: se mostrará la animación justo antes de que el elemento desaparezca del lienzo. Este tipo de animación se puede utilizar para retirar recursos cuando solo quieres que tu audiencia los vea por un tiempo limitado.
  • Animación continua: se muestra en todo momento mientras el elemento está en pantalla, y solo se detiene al pasar de página. Suele utilizarse para mostrar qué elementos de tu genially tienen interactividad.
  • Animación ratón encima: se activa solo al pasar el ratón sobre el elemento. Permite esconder y mostrar elementos. Puedes hacer que un elemento solo sea visible a tu audiencia mientras está interactuando con él. 


Cómo aplicar animaciones a un elemento

 Para animar un elemento:


1. Selecciona el elemento al que deseas dar vida con animación.

 

2. Haz clic en el icono ‘Animación’ que aparece justo encima del elemento.

 

3. Elige el tipo de animación: entrada, salida, continuo o ratón encima. Ten en cuenta que pueden aplicarse los 4 tipos de animación a la vez sobre el mismo elemento.

 

4. Personaliza tu animación: existen también distintas opciones para llevar tus animaciones a un próximo nivel. Te enseñamos más sobre esto en la siguiente sección.

 

NOTA: Las animaciones también se pueden aplicar sobre una multiselección o agrupación de elementos.

 

Pasos para aplicar animaciones a un elemento


Qué aspectos de una animación puedes personalizar

Los aspectos personalizables de una animación son:

  • La dirección: para definir en qué sentido se moverá el elemento. Puede quedarse en su posición o moverse en sentido tanto horizontal como vertical.
  • El efecto: puedes elegir entre muchos estilos de animación. Los efectos disponibles varían según la dirección que elijas. Pasa el ratón sobre cada opción para previsualizar la animación en el lienzo, ¡así es mucho más fácil elegir!
  • El inicio: edítala si quieres marcar el momento en que se activa la animación, empezando a contar cuando el elemento entra en pantalla.Poder editar el inicio del efecto permite opciones muy útiles. Por ejemplo, el orden de entrada de los elementos de un genially.
  • La velocidad: puedes definir si quieres que la animación se reproduzca más rápido o más despacio. La velocidad mínima es de 4 segundos y la máxima es de 0.5 segundos.


TIP: Para conseguir el mejor resultado, elige siempre la dirección de la animación antes que el efecto, porque cada tipo de dirección tiene efectos disponibles diferentes.


Aspectos personalizables de una animación

Cómo copiar y pegar la animación de un elemento a otro

 Si quieres que varios elementos tengan los mismos efectos de animación, no necesitas editarlos uno a uno. Solo necesitas un par de clics para copiar y pegar las animaciones de un elemento a otro. Los pasos a seguir son:

1. Selecciona el elemento que tiene las animaciones que desees replicar y haz clic sobre el icono 'Animación'.


2. En el menú de animación, haz clic en el icono de ‘Copiar’ que aparece en la parte superior.


3. Selecciona el elemento al que deseas aplicar las animaciones.


4. En el menú de animación, haz clic en el icono de ‘Pegar’ que aparece en la parte superior.


Pasos para copiar y pegar la animación de un elemento a otro


Cómo saber si se han aplicado efectos de animación a un elemento

Haz clic sobre el elemento y observa el icono de animación. Si es de color gris, no hay animaciones aplicadas. Pero si el icono está destacado en color azul, el elemento tiene animaciones aplicadas.

 

Haz clic para mostrar el menú de animaciones y ver qué tipos de animación se han aplicado sobre él. Podrás identificarlas fácilmente: cuando la animación está activa, hay un punto amarillo junto al tipo de animación. 


Cómo eliminar una o todas las animaciones de un elemento

Para eliminar una animación, haz clic sobre el tipo de animación que deseas eliminar y luego selecciona la opción ‘Ninguno’ en el apartado ‘Efectos’.


Pasos para eliminar una sola animación de un elemento

Para eliminar todas las animaciones de golpe, haz clic sobre el icono ‘Papelera’ que aparece en la parte superior del menú de animaciones.


Pasos para eliminar todas las animaciones de un elemento