S26 · Animaciones y transiciones con propósito¶
Datos de la sesión
Fecha: martes 11-ago-2026 · Horario: 20:00 – 22:00 · Duración: 2 h · Sesión: 26 de 47 · Unidad: 3
Una animación bien puesta guía la mirada del espectador y refuerza tu mensaje. Una animación mal puesta distrae, marea y hace que tu presentación parezca un PowerPoint de cumpleaños de 2003. Hoy vas a aprender a controlarlas con precisión quirúrgica: qué aparece, cuándo, en qué orden, y con qué disparador. Y a detectar cuándo una animación sobra y hay que eliminarla.
La regla de oro
Si la animación no refuerza el mensaje, sobra. Cada vez que anímate algo, pregúntate: "¿esto ayuda a entender mejor mi punto, o solo está acá porque se ve bonito?".
Objetivos¶
- Distinguir los tres tipos de animación (entrada, énfasis, salida) y cuándo usar cada uno.
- Manejar el Panel de animación para controlar orden, duración, retraso y sincronización.
- Usar disparadores (triggers) para que una animación se active al hacer clic en un botón, no solo al avanzar.
- Configurar trayectorias de animación personalizadas para mover objetos.
- Diferenciar animación (dentro de una diapositiva) de transición (entre dos diapositivas).
- Simular Morph manualmente con animaciones para quienes no tienen PowerPoint 365/2019/2021.
Contenidos¶
1. Tipos de animación¶
En los tres editores, las animaciones se dividen en tres familias:
| Tipo | Símbolo (PPT) | ¿Cuándo usarla? | Ejemplo |
|---|---|---|---|
| Entrada (verde) | ⬜⭐ | Para revelar elementos uno por uno mientras hablas | Un bullet point que aparece cuando lo mencionas |
| Énfasis (amarillo) | ⬜✨ | Para llamar la atención sobre algo que YA está visible | Un número que palpita, una flecha que gira señalando algo |
| Salida (rojo) | ⬜🚫 | Para quitar de la vista un elemento que ya cumplió su función | Un aviso de "Cargando…" que desaparece cuando muestras el resultado |
| Trayectorias | ⬜➡️ | Para mover un objeto de A a B (o dibujar un recorrido personalizado) | Una flecha que recorre un diagrama, un personaje que "camina" por un mapa |
2. Cómo se hace en cada aplicación¶
| Quiero… | PowerPoint | Google Slides | LibreOffice Impress |
|---|---|---|---|
| Abrir panel de animación | Animaciones → Panel de animación | Ver → Animación (panel lateral) | Ver → Animación |
| Agregar animación a un objeto | Selecciona el objeto → Animaciones → elige una de la galería, o despliega Agregar animación para ver todas | Selecciona el objeto → Insertar → Animación o clic derecho → Animar | Selecciona el objeto → panel Animación → + (Agregar) |
| Cambiar orden de las animaciones | Panel de animación → arrastra hacia arriba/abajo o usa los botones ⬆️⬇️ | Panel de Animación → arrastra hacia arriba/abajo | Panel de Animación → botones ⬆️⬇️ |
| Duración de la animación | Panel → clic derecho en la animación → Intervalos → Duración (en segundos) | Clic en la animación → menú desplegable Velocidad (Lenta/Media/Rápida) | Clic derecho en la animación → Duración |
| Retraso (delay) | Panel → clic derecho → Intervalos → Retraso (en segundos) | Clic en la animación → Retrasar (segundos) | Clic derecho → Retraso |
| Inicio (cuándo se dispara) | Al hacer clic (por defecto) / Con la anterior (simultáneo) / Después de la anterior (en cadena) | Al hacer clic / Después de la anterior / Con la anterior (en el panel) | Al hacer clic / Después de la anterior / Con la anterior |
| Disparador (trigger) — animación se activa al cliquear un objeto específico | Panel de animación → clic derecho → Intervalos → Interruptor → elige el objeto que dispara esta animación | ❌ No nativo (requiere scripts o add-ons) | ❌ No nativo (requiere macros) |
| Trayectoria personalizada | Animaciones → Agregar animación → Trayectorias de animación → Trayectoria personalizada → dibuja el camino con el mouse | ❌ No nativo. Solo trayectorias predefinidas (línea recta) | Animación → + (Agregar) → Trayectorias de movimiento → dibuja la trayectoria |
| Quitar una animación | Panel → clic en la animación → botón derecho → Quitar | Panel → clic en la animación → ✕ (eliminar) | Panel → clic derecho → Eliminar |
| Transición entre diapositivas | Transiciones → elige una (Empujar, Fundido, Morfosis, etc.) | Transición (barra de herramientas) → elige una | Presentación → Transición de diapositivas (panel lateral) |
3. El panel de animación: tu centro de control¶
Sin el panel de animación, estás disparando a ciegas. Con el panel, controlas:
| Control | ¿Qué hace? | ¿Para qué sirve? |
|---|---|---|
| Orden | Secuencia 1, 2, 3… de las animaciones en la diapositiva | Para que los elementos aparezcan en el orden en que los explicas |
| Inicio | Al hacer clic / Con la anterior / Después de la anterior | Para que dos cosas aparezcan juntas (Con la anterior) o en cadena automática (Después de la anterior) |
| Duración | Cuánto tarda la animación (0.25 s a 5 s) | Rápido (0.25–0.5 s) para texto. Más lento (1–3 s) para imágenes o gráficos |
| Retraso | Cuánto espera antes de arrancar (0 s a N s) | Para que un objeto aparezca 1 segundo después que el anterior sin necesidad de clic |
| Disparador | Qué objeto activa esta animación | Para hacer interactiva la diapositiva (clic en botón A → aparece imagen B) |
4. Disparadores: animación bajo demanda¶
Un disparador (trigger) permite que una animación se active al hacer clic en un objeto específico, no solo al avanzar la diapositiva. Es la base de la interactividad (que ampliamos en S27) y sirve para:
- Revelar respuestas en una trivia o quiz en vivo: clic en "Mostrar respuesta" → aparece la respuesta.
- Navegar por pestañas simuladas: 3 botones arriba (Ventas, Costos, Resultados), cada uno revela su gráfico y oculta los otros dos.
- Antes/después: una imagen de "antes" y un botón "Ver resultado" que la transforma en "después".
Configurar un disparador en PowerPoint:
- Anima el objeto que quieres que aparezca (ej. una imagen con Entrada: Fundido).
- En el Panel de animación, clic derecho sobre esa animación → Intervalos → Interruptor.
- Elige Iniciar efecto al hacer clic en: y selecciona el objeto que servirá de botón (ej. un rectángulo con el texto "Mostrar respuesta").
Disparadores solo en PowerPoint
Google Slides y LibreOffice Impress no tienen disparadores nativos. La interactividad en esos editores se logra con hipervínculos a otras diapositivas (lo vemos en S27).
5. Simular Morph con animaciones (para PowerPoint 2016 y anteriores)¶
Si tu PowerPoint no tiene Morph, puedes simularlo con dos animaciones sobre el mismo objeto:
- Trayectoria de animación para moverlo de la posición A a la B.
- Énfasis: Crecer o reducir para cambiarle el tamaño al que tiene en la diapositiva B.
- Ambas animaciones con Inicio: Con la anterior y la misma Duración (ej. 1.5 s).
No es tan elegante como Morph, pero el efecto visual es casi idéntico.
6. Errores comunes (y cómo evitarlos)¶
| Error | Consecuencia | Solución |
|---|---|---|
| Animar todo | El espectador no sabe dónde mirar | Anima solo los 2 o 3 elementos más importantes por diapositiva |
| Duración muy larga | Ritmo lento, el público se aburre | 0.25–0.5 s para texto; 1–2 s para imágenes. Nunca más de 3 s |
| Animación de entrada con sonido (aplauso, máquina de escribir) | Presentación poco profesional | Nunca uses sonidos de animación fuera de un contexto de juego/trivia |
| Distintas animaciones en cada slide | Inconsistencia visual | Elige 2 animaciones (una para texto, otra para imágenes) y usalas en TODA la presentación |
| Transiciones llamativas distintas por slide | Mareo visual | Misma transición (o dos como máximo) para toda la presentación |
Actividad en clase · Animaciones con propósito (45 min)¶
Hazlo en el editor que uses.
Parte A — Secuencia básica (15 min)¶
- Crea una diapositiva con 3 elementos: un título, una imagen y un cuadro de texto con 3 viñetas.
- Anima cada viñeta para que aparezca una por vez, al hacer clic (Entrada: Fundido o similar).
- Anima la imagen para que aparezca automáticamente 0.5 s después de la última viñeta (Inicio: Después de la anterior, Retraso: 0.5 s).
- Prueba con Shift+F5: las viñetas aparecen una por clic, la imagen entra sola después de la tercera viñeta.
Parte B — Disparador (15 min) — solo PowerPoint¶
- Inserta un rectángulo con el texto "Mostrar resultado".
- Inserta una imagen o cuadro de texto que diga "¡Correcto!"
- Anima la imagen con Entrada: Zoom o similar.
- Configura un disparador: la animación se activa al hacer clic en el rectángulo.
- En Slides/Impress: en vez de disparador, crea una diapositiva aparte y vincula el botón con un hipervínculo (esto adelanta S27).
Parte C — Para tu PA3 (15 min)¶
- Abre tu presentación PA3 y elige 2 diapositivas de contenido.
- En cada una, anímate solo los elementos que se beneficien de aparecer progresivamente.
- Verifica en el Panel de animación que el orden coincida con tu explicación.
- Aplica una misma transición a toda la presentación (Transiciones → elige una → Aplicar a todas).
Entregable parcial de S26: Tu presentación PA3 con al menos 2 animaciones con propósito + 1 transición uniforme aplicada a todas las diapositivas + (opcional) 1 disparador.
Atajos útiles¶
| Acción | PowerPoint | Impress | Slides |
|---|---|---|---|
| Abrir panel de animación | ++alt+a,++ C | Ver → Animación | Ver → Animación |
| Presentación desde diapositiva actual | Shift+F5 | Shift+F5 | Botón "Presentar" |
| Avanzar animación manualmente | Enter / Space / ++flecha derecha++ / clic | Igual | Igual |
| Retroceder | ++flecha izquierda++ / ++retroceso++ | Igual | Igual |
| Ir a diapositiva N | Escribe el número ++N++ y Enter | Igual | Igual |
Tips¶
- El "Con la anterior" es el arma secreta. Dos o tres animaciones que arrancan juntas crean un efecto compuesto sin esfuerzo: un objeto se mueve mientras otro se desvanece y un tercero crece. Todo en 1 segundo.
- Anima el gráfico de S25. Si la semana pasada dejaste un gráfico sin animar, anímate ahora cada barra o porción por categoría. El efecto es mucho más profesional.
- La transición más profesional: Fundido (Fade). 0.5 segundos de fundido entre diapositivas. No distrae, no marea, da fluidez. Si no sabes cuál elegir, elige Fundido.
- Después de la anterior + Retraso = secuencia automática. Si quieres que 5 elementos aparezcan solos, uno por segundo, configúralos todos con Inicio: Después de la anterior y Retraso: 1 s. Sin tocar el teclado.