Motion design: principios, herramientas, ajustes

Esta lección todavía está en pruebas: mejora con los comentarios de quienes la siguen. Si algo no está claro, hay que corregir la lección, no a ti.

Al final de esta lección, sabrás

aplicar los principios del motion design: un movimiento, una intención;
elegir la herramienta más sencilla que baste;
animar un texto y una imagen con la transición Transformación de PowerPoint, o en tu programa de edición;
ajustar una animación: duración, legibilidad, regularidad.

Por qué te interesa

El motion design es el arte de animar textos, formas e imágenes. Bien usado, guía la mirada: la fecha aparece en el momento en que la voz la dice, el lugar se destaca. Mal usado, cansa y oculta el mensaje. Las herramientas de IA prometen mucho en este terreno, y cambian rápido. Los principios, en cambio, no cambian: por ellos se empieza.

Antes de empezar


Necesitas	Tu programa de presentaciones (PowerPoint, con la transición Transformación si tu plan la incluye) o tu programa de edición; tu storyboard (lección 1) y tu ficha de la guía de estilo (módulo 10, lección 4)
Costo	0 € con tus programas; la transición Transformación de PowerPoint requiere Microsoft 365 o una versión reciente de Office
Duración	60 minutos
Recordatorio	Nada personal en los textos animados

Entenderlo en 3 minutos

Cinco principios:

Principio	En concreto
Un movimiento, una intención	Cada animación muestra algo: una información que llega, un vínculo entre dos ideas
Un solo movimiento a la vez	La mirada sigue una cosa; dos animaciones al mismo tiempo se estorban
El tiempo de leer	Un texto se queda en pantalla el tiempo suficiente para leerse entero, a la velocidad del video
La regularidad	Las mismas entradas, las mismas salidas, las mismas duraciones en todo el video
La legibilidad	Tamaño y contraste suficientes (módulo 10, lección 4: 4,5:1 para el texto normal, 3:1 para el texto grande, según el W3C)

La herramienta más sencilla que baste:

tu programa de presentaciones: animaciones sencillas, y transiciones como Transformación de PowerPoint;
tu programa de edición (lección 4): títulos animados, transiciones;
herramientas especializadas o código animado por un agente: otro nivel, para más adelante.

La transición Transformación de PowerPoint, según la ayuda de Microsoft (24/10/2026): crea la apariencia de un movimiento entre dos diapositivas, para texto, formas, imágenes, gráficos SmartArt y WordArt (no los gráficos). Está disponible con una suscripción a Microsoft 365, o en las versiones recientes de Office.

Hacen falta dos diapositivas con al menos un objeto en común: lo más sencillo es duplicar la diapositiva y luego mover o modificar el objeto en la segunda.

Hagámoslo juntos

1Paso 1: Elegir los momentos que se animan

Retoma tu storyboard. Marca dos o tres momentos en los que una animación sirve al mensaje: por ejemplo, la fecha que crece cuando la voz la dice. No más.

2Paso 2: Una Transformación, paso a paso

En PowerPoint:

crea una diapositiva con la fecha en pequeño, abajo;
duplícala;
en la copia, agranda la fecha y colócala en el centro;
aplica la transición Transformación a la segunda diapositiva;
inicia la presentación: la fecha se desliza y crece;
para usarla en tu video, exporta la presentación como video MP4 (en Windows: Archivo, Exportar, Crear un vídeo; en Mac: Archivo, Exportar y luego el formato MP4 (etiqueta exacta no confirmada)), e importa ese archivo en tu programa de edición.
Mira el resultado: según la ayuda de Microsoft para Mac, varias transiciones se reproducen de forma diferente en una película que en una presentación, y los efectos de animación no se reproducen en absoluto. En Mac, prefiere por tanto las transiciones, como Transformación.

Sin PowerPoint: haz el mismo movimiento con un título animado en tu programa de edición.

3Paso 3: Ajustar

Mira la animación a la velocidad real:

¿la fecha se lee antes de desaparecer?
¿el movimiento dura menos de un segundo, sin brusquedad?
¿los colores respetan tu guía de estilo y su contraste?
¿las demás animaciones del video tienen el mismo aire?

Si una IA te ayuda a ajustar una animación, dale tu programa y su versión, y, si el menú descrito no existe en tu pantalla, consulta la ayuda oficial.

Ahora te toca a ti

Elige dos o tres momentos que animar en tu video.
Anímalos con la herramienta más sencilla que baste.
Ajusta con las cuatro preguntas del paso 3.
Anota los ajustes (duraciones, estilo de entrada) para reutilizarlos.

Comprobar

Funcionó si:

cada animación tiene una intención, y no hay más de dos o tres;
cada texto animado se lee entero;
las animaciones se parecen de principio a fin del video;
los colores respetan tu guía de estilo y sus contrastes.

Errores frecuentes:

animarlo todo, todo el tiempo;
varios movimientos al mismo tiempo;
un texto que pasa demasiado rápido para leerse;
un estilo de animación diferente en cada plano.

Guardar y retomar

Anota tus ajustes de animación en tu ficha de la guía de estilo: forman parte de tu estilo.
Guarda la presentación o el proyecto de edición: es tu archivo editable.

Para ir más lejos

opcional

Un agente como Claude Code puede escribir animaciones en código (una página web animada, por ejemplo), para convertirlas luego en video: es un trabajo avanzado, que requiere los módulos 4 y 12, y herramientas que se evalúan con el método del módulo 13, lección 4.

Palabras nuevas

4 palabras explicadas

Palabra	Lo que significa
Motion design	La animación de textos, formas e imágenes, al servicio de un mensaje
Transición	El paso animado de una diapositiva o de un plano al siguiente
Transformación	La transición de PowerPoint que hace que un objeto se transforme de una diapositiva a otra
Regularidad	Las mismas animaciones, duraciones y estilos en todo el video

Por verificar: no se realizó ninguna animación para esta lección (no hubo producción de video durante su redacción); las animaciones de Keynote, de Google Slides y de los programas de edición no se describen.