Motion graphics: qué son, dónde se ven y qué ha cambiado con la IA

A quien los hace se le llama motion designer. Suele venir del diseño gráfico y trabaja con una variable que el cartel no tiene, el tiempo.

¿Qué son los motion graphics exactamente?

El término viene de motion graphic design, diseño gráfico en movimiento. La base es la de cualquier pieza impresa. Retícula, jerarquía, color y tipografía. Pero un cartel lo enseña todo a la vez y una pieza de motion decide el orden en que lo ves.

Eso cambia el trabajo. Hay que decidir qué entra primero, cuánto se queda y cómo sale para dejar sitio a lo siguiente. Un buen motion se parece más a la edición de vídeo que a la maquetación, aunque sus piezas sean letras y formas.

¿En qué se diferencian de la animación y de los VFX?

Los tres comparten programas y proyectos, así que la frontera es borrosa. Lo que los separa es qué se mueve y para qué.

El motion no necesita personajes ni pretende engañar al ojo. La propia Adobe define After Effects como una aplicación de «motion design and visual effects», lo que da una idea de lo cerca que viven las dos disciplinas.

¿Dónde se ven los motion graphics?

Títulos de crédito

Es el escaparate clásico del oficio. Saul Bass hizo en 1958 los créditos de Vértigo junto a John Whitney, al que el BFI llama pionero de la animación con «mechanical computer». Un año después, para Anatomía de un asesinato, Bass animó un cuerpo hecho de recortes de papel con la música de Duke Ellington. Siguen siendo la referencia de cómo resumir una película en dos minutos.

En series hay dos ejemplos que casi todo el mundo recuerda. La entrada de Stranger Things es una animación tipográfica de aire ochentero. El estudio que la hizo, Imaginary Forces, cuenta que pasaron luz a través de fotolitos físicos para imitar los ópticos de cine de la época y que la pieza ganó un Emmy. La de Juego de tronos se llevó el Emmy al diseño de títulos en 2019 con Angus Wall como director creativo, según la Television Academy.

Vídeos explicativos y datos animados

Cuando hay que explicar algo complicado en poco tiempo, el motion es la herramienta. El ejemplo de manual es «200 years that changed the world» de Gapminder, donde Hans Rosling recorre dos siglos de todos los países del mundo con burbujas que se mueven por un gráfico. Sin la animación sería una hoja de cálculo.

Redes sociales y publicidad

Aquí está hoy la mayor parte del volumen. Rótulos, subtítulos animados, logos que entran y salen, cifras que crecen. Cada campaña se multiplica en vertical, cuadrado y horizontal, en varias duraciones y a veces en varios idiomas. Quien lleva el contenido de una marca necesita motion cada semana.

Interfaces

Cuando una app te enseña de dónde sale un menú o confirma que algo se ha guardado, hay motion detrás. Apple dedica un apartado de sus guías de diseño al movimiento. Aquí la animación orienta al usuario, así que tiene que ser corta y casi invisible.

¿Con qué herramientas se han hecho siempre?

Durante años la respuesta ha sido After Effects para el 2D y la composición y Cinema 4D cuando la pieza pedía 3D. Alrededor hay más cosas, como Lottie para llevar animaciones ligeras a webs y apps.

Lo que más pesa en este oficio es el tiempo. Animar a mano cada fotograma clave lleva horas y repetir la pieza en diez formatos lleva otras tantas. Esa parte repetitiva es la que más ha cambiado.

¿Qué ha cambiado con la IA?

Han llegado dos cosas distintas que conviene no mezclar.

Generadores de vídeo para recursos y fondos

Los modelos que generan vídeo a partir de texto o de una imagen, como Runway Gen-4.5, Kling o Veo, sirven para fabricar lo que va detrás del gráfico. Texturas, fondos en movimiento, transiciones orgánicas, un plano de producto que antes había que rodar o comprar.

Flojean justo en lo que define al motion. Texto legible y estable, un logo exacto, una retícula que se respeta de principio a fin. La propia Runway reconoce en su anuncio que a veces aparecen o desaparecen objetos entre fotogramas. Por eso se usan como fuente de recursos y la capa gráfica se construye aparte.

Motion hecho con código y agentes de IA

La segunda novedad es menos vistosa y en el día a día pesa más. La animación se describe como una página web, un programa la convierte en vídeo y un agente de IA como Claude Code escribe ese código a partir de lo que le pides con palabras.

Las herramientas son públicas. Remotion se presenta como la forma de crear «videos and motion graphics with React» y HyperFrames, de código abierto, se resume en «Write HTML. Render video. Built for agents». Para un diseñador lo interesante es que una pieza bien hecha se convierte en plantilla y saca decenas de versiones cambiando textos, colores y medidas.

After Effects no desaparece. Sigue siendo el sitio del retoque fino que pide un cliente exigente, aunque ya no es el único camino.

¿Qué sigue siendo trabajo del diseñador?

La IA genera movimiento con facilidad. Decidir qué movimiento sobra sigue necesitando a alguien con ojo.

El ritmo es lo primero. Cuánto dura cada entrada, cuánto respira un texto antes de irse, cómo se apoya la animación en la música. Una pieza con mal ritmo cansa aunque cada fotograma sea bonito.

La tipografía es lo segundo. Las letras tienen que leerse en movimiento, a veces en un móvil y con poco tiempo en pantalla. Elegir la fuente, el cuerpo y la jerarquía sigue siendo diseño gráfico puro.

Y luego está el criterio. Saber cuándo algo debe quedarse quieto, qué versión enseñar al cliente y qué recurso generado hay que tirar. Un agente puede escribir la animación, pero quien sabe si está bien es quien la pidió. Por eso en motion la mitad del resultado se decide antes de animar, en un buen briefing.

Si vienes del diseño y quieres que tus piezas se muevan con este flujo nuevo, es lo que trabajamos en el curso de motion graphics con IA.

Preguntas frecuentes

¿Qué programa se usa para hacer motion graphics?

El estándar sigue siendo After Effects, con Cinema 4D para el 3D. Hoy se suman herramientas que generan vídeo a partir de código, como Remotion o HyperFrames. Para fondos y recursos están los generadores de vídeo con IA.

¿Qué diferencia hay entre motion graphics y animación?

La animación cuenta historias con personajes que actúan. Los motion graphics animan texto, formas o datos para comunicar una información. Comparten programas y técnicas, pero el objetivo es distinto.

¿Hace falta saber programar para hacer motion graphics con código?

No. El código lo escribe un agente de IA a partir de lo que le pides en lenguaje normal. Tu trabajo es dirigir, revisar y corregir con criterio de diseño.

¿La IA va a sustituir a los motion designers?

Hoy sirve sobre todo para el trabajo repetitivo, como sacar versiones o fabricar fondos. El ritmo, la tipografía y la decisión de qué funciona siguen siendo del diseñador.

Para seguir

El motion lleva casi setenta años siendo el mismo oficio con herramientas distintas y la IA es una más. Si quieres aprender a usarla sin perder lo que hace buena una pieza, en el curso de motion graphics con IA lo hacemos en directo y sobre tu propia pieza.