S26 · Animaciones y transiciones con propósito¶
Datos de la sesión
Fecha: martes 15-sep-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 animate algo, preguntate: "¿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 hablás | Un bullet point que aparece cuando lo mencionás |
| É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 mostrás 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 | Seleccioná el objeto → Animaciones → elegí una de la galería, o desplegá Agregar animación para ver todas | Seleccioná el objeto → Insertar → Animación o clic derecho → Animar | Seleccioná el objeto → panel Animación → + (Agregar) |
| Cambiar orden de las animaciones | Panel de animación → arrastrá hacia arriba/abajo o usá los botones ⬆️⬇️ | Panel de Animación → arrastrá 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 → elegí 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 → dibujá el camino con el mouse | ❌ No nativo. Solo trayectorias predefinidas (línea recta) | Animación → + (Agregar) → Trayectorias de movimiento → dibujá 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 → elegí una (Empujar, Fundido, Morfosis, etc.) | Transición (barra de herramientas) → elegí 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, controlás:
| 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 explicás |
| 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:
- Animá el objeto que querés que aparezca (ej. una imagen con Entrada: Fundido).
- En el Panel de animación, clic derecho sobre esa animación → Intervalos → Interruptor.
- Elegí Iniciar efecto al hacer clic en: y seleccioná 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, podés 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 | Animá 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 | Elegí 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)¶
Hacelo en el editor que uses.
Parte A — Secuencia básica (15 min)¶
- Creá una diapositiva con 3 elementos: un título, una imagen y un cuadro de texto con 3 viñetas.
- Animá cada viñeta para que aparezca una por vez, al hacer clic (Entrada: Fundido o similar).
- Animá 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).
- Probá 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¶
- Insertá un rectángulo con el texto "Mostrar resultado".
- Insertá una imagen o cuadro de texto que diga "¡Correcto!"
- Animá la imagen con Entrada: Zoom o similar.
- Configurá un disparador: la animación se activa al hacer clic en el rectángulo.
- En Slides/Impress: en vez de disparador, creá una diapositiva aparte y vinculá el botón con un hipervínculo (esto adelanta S27).
Parte C — Para tu PA3 (15 min)¶
- Abrí tu presentación PA3 y elegí 2 diapositivas de contenido.
- En cada una, animate solo los elementos que se beneficien de aparecer progresivamente.
- Verificá en el Panel de animación que el orden coincida con tu explicación.
- Aplicá una misma transición a toda la presentación (Transiciones → elegí 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 | Escribí 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.
- Animá el gráfico de S25. Si la semana pasada dejaste un gráfico sin animar, animate 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 sabés cuál elegir, elegí Fundido.
- Después de la anterior + Retraso = secuencia automática. Si querés que 5 elementos aparezcan solos, uno por segundo, configuralos todos con Inicio: Después de la anterior y Retraso: 1 s. Sin tocar el teclado.