Si la interactividad hace que tu contenido sea inteligente, la animación le da vida. Las animaciones en Genially son un recurso poderoso para atraer la atención del público hacia elementos específicos y hacer que tu historia fluya de manera más dinámica.
Para animar cualquier elemento, primero debes seleccionarlo en el lienzo. Al hacerlo, verás un icono de un cohete 🚀 en la parte superior del editor. Haz clic en él y se abrirá el panel de animación.
Este panel te permite añadir cuatro tipos de animación a cada objeto:
Entrada (Entrance):
¿Qué es? Un efecto que se aplica a un elemento cuando este aparece en la pantalla. Es perfecto para introducir nuevos objetos o ideas de manera sutil o impactante.
¿Cómo se usa? Selecciona un elemento, haz clic en el cohete y elige la pestaña Entrada. Verás una lista de efectos (como "Aparecer", "Zoom", "Desplazar desde la derecha"). Puedes elegir la dirección del efecto y el tiempo de aparición.
Ejemplo: Puedes hacer que el título de tu presentación aparezca desde arriba o que una imagen se deslice desde un lado.
Salida (Exit):
¿Qué es? Un efecto que se aplica a un elemento cuando este desaparece de la pantalla. Es útil para limpiar la diapositiva o para transicionar a la siguiente sección.
¿Cómo se usa? Similar a la animación de entrada, selecciona el elemento, haz clic en el cohete y elige la pestaña Salida.
Ejemplo: Puedes hacer que un texto se desvanezca o que un gráfico se deslice hacia abajo al cambiar de página.
Continuo (Continuous):
¿Qué es? Un efecto que se repite constantemente mientras el usuario está en la página. Es ideal para elementos que deben mantener la atención del público.
¿Cómo se usa? Selecciona un elemento, haz clic en el cohete y elige la pestaña Continuo. Aquí encontrarás efectos como "Pulsar", "Parpadear" o "Girar".
Ejemplo: Utiliza el efecto "Pulsar" en un botón de llamada a la acción o el efecto "Girar" en un icono de engranaje para simular movimiento.
Ratón encima (Mouseover):
¿Qué es? Un efecto que se activa cuando el usuario pasa el ratón sobre un elemento, sin necesidad de hacer clic.
¿Cómo se usa? Selecciona el elemento, haz clic en el cohete y elige la pestaña Ratón encima.
Ejemplo: Puedes hacer que un icono se agrande o cambie de color cuando el cursor se sitúa sobre él, indicando que es un elemento interactivo.
Consejo de experto: Para un diseño profesional, usa las animaciones con moderación. Un exceso de movimiento puede ser abrumador y distraer del mensaje principal. Es mejor animar solo los elementos clave para guiar la vista de tu audiencia.
Ahora que sabes cómo hacer que tus elementos se muevan, en la próxima actividad, combinarás la interactividad y la animación para crear un proyecto más completo.