Actualizado el 10 de noviembre de 2026 por Nicolas Finet, CEO de Sortlist. Hemos reescrito esta guía: qué es el motion graphics, para qué lo usan las marcas, cómo se produce, qué software existe y qué presupuesto y plazos tener en cuenta.
El motion graphics es el diseño gráfico en movimiento: texto, formas, iconos e ilustraciones animados, normalmente sin actores. Sirve para explicar ideas complejas con claridad y para dar dinamismo a una web, un anuncio o una presentación.
Lo esencial
- Es ideal para explicar productos, procesos o datos en 30-90 segundos, sin necesidad de rodaje.
- El vídeo gana peso en la inversión digital española: el formato vídeo en display superó los 535 millones de euros en 2025, según la prensa que recoge el estudio de IAB Spain.
- El coste depende de la duración, el estilo (2D, 3D) y las revisiones: pide un guion y un storyboard antes de animar.
Qué es el motion graphics
Combina diseño gráfico, animación y a menudo sonido. No es lo mismo que la animación de personajes ni que el vídeo grabado: parte de elementos gráficos y tipográficos que se mueven con un propósito. Complementa el vídeo marketing y el vídeo corporativo.
Para qué usarlo
| Uso | Ejemplo | Por qué funciona |
|---|---|---|
| Explicar un producto o servicio | Vídeo explicativo de una app | Simplifica lo abstracto |
| Anuncios y redes sociales | Piezas cortas en bucle | Capta la atención sin sonido |
| Interfaces web y apps | Microanimaciones en botones y transiciones | Guía al usuario y da feedback |
| Datos e informes | Gráficos animados | Hace comprensibles las cifras |
| Identidad de marca | Logo animado, cabeceras | Refuerza el reconocimiento |
Movimiento y experiencia de usuario
Una animación útil comunica cambios de estado y atiende a la accesibilidad: respeta la preferencia «reducir movimiento» del sistema y evita destellos. Más en accesibilidad web y diseño de interfaz.
Cómo se produce un vídeo de motion graphics
- Briefing y objetivo: mensaje, público, canal y duración.
- Guion: breve y claro; unas 130-150 palabras por minuto de narración es una referencia habitual.
- Storyboard y estilo: color, tipografía e iconografía alineados con tu identidad visual.
- Animación y sonido: locución, música y efectos con licencias claras.
- Revisiones y entrega: formatos para web, redes y presentaciones, con subtítulos.
Antes de pedir presupuesto, ten listo el guion. Un guion cerrado evita la mayor fuente de sobrecoste: reanimar escenas por cambios de mensaje.
Consejo del equipo editorial de Sortlist
Software de motion graphics
| Herramienta | Enfoque |
|---|---|
| Adobe After Effects | Estándar profesional para 2D y composición |
| Cinema 4D / Blender | 3D; Blender es gratuito |
| DaVinci Resolve (Fusion) | Edición y gráficos; tiene versión gratuita |
| Canva, Wideo y similares | Plantillas sencillas para piezas rápidas |
| Lottie / Rive | Animaciones ligeras para web y apps |
Para un anuncio de marca o una pieza clave conviene un equipo profesional; para contenido recurrente y sencillo, las plantillas pueden bastar. Los planes y precios cambian: consulta cada herramienta.
Presupuesto y plazos
- El precio sube con la duración, el 3D, la locución profesional y el número de revisiones.
- Pide presupuesto por minuto de vídeo y por entregables, e indica las revisiones incluidas.
- Calcula semanas, no días, para una pieza de uno o dos minutos con aprobaciones intermedias.
Estilos de motion graphics
| Estilo | Características | Uso habitual |
|---|---|---|
| 2D plano (flat) | Formas simples y colores planos | Vídeos explicativos y redes |
| Tipografía cinética | Texto animado como protagonista | Mensajes, lanzamientos, citas |
| 3D | Volúmenes, luces y materiales | Producto y marca premium |
| Infografía animada | Gráficos y datos que se construyen | Informes y presentaciones |
| Animación de interfaz | Microinteracciones en web y apps | Producto digital |
Ejemplo de guion y estructura de un vídeo explicativo de 60 segundos
- 0-10 s: el problema que vive el espectador.
- 10-25 s: la solución en una frase y una imagen clara.
- 25-45 s: cómo funciona, en tres pasos visuales.
- 45-55 s: pruebas o resultados (dato, testimonio).
- 55-60 s: llamada a la acción con web o contacto.
Buenas prácticas de diseño de movimiento
- Cada animación debe tener un propósito: guiar la atención, explicar un cambio o reforzar la marca.
- Usa curvas de aceleración suaves y duraciones coherentes.
- Mantén la legibilidad: el texto debe estar el tiempo suficiente en pantalla.
- Incluye subtítulos: muchos usuarios ven vídeos sin sonido.
- Respeta la accesibilidad: evita destellos y ofrece una alternativa con menos movimiento en la web.
- Sigue tu identidad visual: colores, tipografías y tono.
Formatos de entrega
| Canal | Formato recomendado |
|---|---|
| Redes sociales verticales | 9:16 |
| Feed y web | 1:1 o 16:9 |
| Presentaciones | 16:9 |
| Web y apps | Animaciones ligeras (Lottie o vídeo optimizado) |
Preguntas frecuentes sobre motion graphics
¿Qué diferencia hay entre motion graphics y animación?
El motion graphics anima elementos gráficos y tipografía; la animación suele contar historias con personajes.
¿Cuánto dura un buen vídeo explicativo?
Entre 30 y 90 segundos para la mayoría de casos.
¿Necesito saber diseñar para encargarlo?
No, pero sí un mensaje claro y un guion.
¿Se puede hacer con IA?
Hay herramientas que aceleran partes del proceso; revisa derechos, calidad y coherencia con tu marca.
¿Necesitas ayuda? Publica tu proyecto en Sortlist y compara agencias de España.
Fuentes: Puromarketing (IAB Spain), Emprendedores. Cifras de inversión según la prensa; consulta el informe original de IAB Spain.
