Motion graphics: qué son, tipos y cómo pedirlos
Por el equipo creativo de Virtalio, una agencia creativa con más de 15 años produciendo piezas, animación y campañas para pymes, marcas y agencias. Última revisión: octubre de 2026.
Los motion graphics son animación gráfica con un trabajo definido: explicar un proceso, sostener una identidad en pantalla o dar ritmo a un dato. No son un efecto decorativo ni una categoría de estilo. Se producen contra una especificación —proporción, duración, peso, destino— y esa especificación es lo que separa una pieza que sirve de una que el equipo va a pedir de nuevo a los tres meses.
La confusión más común es tratarlos como el paso siguiente a tener un logo animado. Son piezas distintas: una animación de logo resuelve la identidad en movimiento; el motion graphics resuelve una idea que necesita secuencia. Puedes tener la primera y no necesitar la segunda nunca.
Qué distingue motion graphics de otras piezas animadas
Una pieza de motion graphics se arma con capas gráficas —formas, tipografía, iconos, datos— que se mueven sobre un tiempo definido. Puede incluir material filmado, pero no depende de él. Esa independencia es la razón por la que se puede producir y corregir sin volver a un set.
Hay tres preguntas que ordenan el trabajo antes de abrir cualquier archivo:
Qué tiene que entender el espectador. Si la respuesta es "que nuestro producto hace tres cosas", la pieza es explicativa y la estructura se escribe antes que el diseño. Si la respuesta es "que la marca se reconozca", la pieza es de identidad y el trabajo está en el remate, no en el desarrollo.
Dónde se va a ver. Una pieza para redes verticales y una pieza para una pantalla de feria no comparten ni la escala del texto ni la duración útil. El lugar decide más que el gusto.
Quién la va a mantener. Una pieza cerrada se entrega como video. Una pieza que el equipo va a editar cada mes necesita plantillas, capas nombradas y un archivo fuente que otra persona pueda abrir sin adivinar.
Los seis tipos que se producen con más frecuencia
No son estilos. Son encargos con estructuras distintas, y cada uno falla por una razón distinta.
1. Explicativo de proceso
Qué resuelve: mostrar cómo funciona algo que en texto ocupa tres párrafos: un flujo de compra, un trámite, un servicio, una instalación.
Dónde falla: cuando el guion es la lista de funciones del producto. Un explicativo necesita un recorrido —entrada, tensión, resolución— y ese recorrido se escribe en español antes de dibujar el primer cuadro.
2. Identidad en movimiento
Qué resuelve: dar a la marca un comportamiento consistente en video: cortinillas, transiciones, cierres. Es la categoría que más se pide y la que más se improvisa.
Dónde falla: cuando cada pieza inventa un movimiento nuevo. La identidad en movimiento funciona como un manual: dos o tres gestos permitidos, repetidos. Si el logo aparece de cinco maneras distintas en cinco videos, no hay identidad, hay colección.
3. Interfaz y microinteracciones
Qué resuelve: dar respuesta visible a una acción dentro de un producto: un estado de carga, una confirmación, un cambio de pantalla.
Dónde falla: cuando se diseña como video. Este tipo se entrega como animación vectorial en un formato que el producto pueda reproducir, no como archivo pesado incrustado. En pantallas de uso diario, unos milisegundos de más se perciben como lentitud del sistema.
4. Datos animados
Qué resuelve: que un número o una comparación se entienda en cinco segundos, en un informe, una presentación o una pieza de campaña.
Dónde falla: cuando la animación compite con la lectura. Un dato animado bien hecho tiene un solo movimiento por idea: la barra que crece, el número que sube, la comparación que se separa. Todo lo demás resta.
5. Títulos y gráficos para video
Qué resuelve: nombrar personas, secciones y cifras dentro de una pieza grabada: lower thirds, créditos, rótulos de contexto.
Dónde falla: en la legibilidad a tamaño real. Un rótulo que se lee bien en el monitor del editor desaparece en un teléfono. Este es el tipo donde la prueba en el destino final no es opcional.
6. Kit de plantillas para el equipo
Qué resuelve: que el equipo de marketing produzca sus propias piezas sin volver al estudio cada semana: plantillas de historia, aperturas, placas de precio.
Dónde falla: cuando el kit llega sin reglas. Una plantilla sin límites de texto ni jerarquía se rompe en la tercera persona que la usa. El entregable real de este tipo es la plantilla más una página de instrucciones.
La hoja de especificaciones que se define antes de animar
El error de producción más frecuente no es de diseño: es animar antes de saber para dónde va la pieza. Cuando la especificación se define al final, cada cambio de destino implica rehacer el encuadre y el tiempo.
Estos son los campos que conviene cerrar por escrito antes del primer cuadro. Cada uno cambia decisiones técnicas, no solo estéticas.
Proporción y encuadre. Vertical, cuadrado, horizontal o una relación específica de pantalla. De aquí salen las zonas seguras, es decir, el margen donde no puede caer texto porque la interfaz del destino lo tapa.
Duración y banda de tiempo. No un número exacto: una banda. Una cortinilla de apertura y un explicativo de producto no se parecen en nada, y fijar "20 segundos" antes de tener el guion garantiza cortar contenido o rellenar.
Loop. Si la pieza se va a repetir en una pantalla, necesita un punto de corte que no se note. Un loop mal cerrado produce un salto visible cada pocos segundos, y eso es lo único que el espectador recuerda.
Peso máximo. Un archivo que se reproduce en un sitio web o en una app tiene un techo práctico. Definirlo al inicio evita la conversación incómoda al final, cuando la pieza ya está aprobada y pesa el triple de lo que el destino acepta.
Fondo. Sólido, transparente o adaptable. El fondo transparente no es gratis: condiciona el formato de entrega y el motor que reproduce la pieza.
Audio y subtítulos. Si la pieza lleva locución, música o nada. Si se va a ver sin sonido —lo habitual en redes— el mensaje tiene que estar en el texto en pantalla, y eso se decide en el guion.
Quién edita después. Si el equipo va a cambiar textos o precios, la pieza se entrega de una forma; si va cerrada, de otra. Este campo se olvida y es el que genera más reprocesos.
Vectorial o video: la decisión que define la entrega
Hay dos familias de entrega y elegir mal obliga a rehacer la pieza.
La primera es video renderizado: un archivo de video con su contenedor y su códec. Es la opción para cualquier pieza con material filmado, con audio, o con efectos que dependen de píxeles —desenfoques, texturas, luces—.
La segunda es animación vectorial, y aquí el estándar de facto es Lottie, un formato de animación vectorial que representa sus datos en JSON según la documentación del propio formato. Al no ser una secuencia de píxeles, escala sin perder nitidez y su peso depende de la cantidad de formas en movimiento, no de la resolución de pantalla. Es la opción para interfaz, iconos animados y piezas que deben verse idénticas en cualquier tamaño.
Un matiz técnico que cambia decisiones: el formato de archivo es un contenedor, no el códec. Dos archivos con la misma extensión pueden reproducirse distinto según el navegador y el destino, y la guía de contenedores de MDN documenta esa diferencia. Por eso la especificación incluye el destino y no solo la extensión.
Qué necesita el estudio de parte de la marca
La calidad de una pieza de motion se decide, en buena parte, por lo que la marca entrega antes de empezar. Lo que vemos con más frecuencia en un arranque lento es esto:
El logo en vector, editable. No una imagen exportada de un correo ni una captura. Reconstruir un logo para animarlo introduce diferencias de trazo que se notan justo cuando la pieza está en pantalla grande.
Las tipografías con su licencia. Un archivo de fuente que se puede usar en diseño impreso no siempre se puede incrustar en una pieza animada. Si la licencia no lo permite, el estudio necesita saberlo antes, no después.
Los valores de color, no las muestras. Códigos exactos. Un color elegido "a ojo" desde una imagen cambia entre piezas y rompe la consistencia que la marca ya tenía resuelta.
Las reglas de la marca. Qué elementos pueden moverse, qué no, y qué versiones del logo existen. Si la marca ya tiene un sistema de diseño y branding documentado, ese documento es material de producción.
El destino real, con nombre. "Redes sociales" no es un destino. Una historia vertical, un anuncio cuadrado y una pantalla de recepción son tres especificaciones distintas.
Movimiento y accesibilidad: dos reglas que no se negocian
El movimiento automático tiene un costo para una parte de la audiencia, y hay un criterio técnico que lo regula. El criterio 2.2.2 de WCAG 2.2 establece que la información en movimiento que empieza sola, dura más de cinco segundos y se presenta junto a otro contenido necesita un mecanismo para pausarla, detenerla u ocultarla. No es una recomendación de estilo: es un criterio de conformidad de nivel A.
La segunda regla es del lado del sistema operativo. La preferencia de movimiento reducido se puede detectar desde CSS con prefers-reduced-motion, documentada por MDN, y permite servir una versión sin desplazamientos a quien la haya activado. En una pieza de video esto se traduce en algo simple: incluir un corte sin movimiento intenso, o al menos sin transiciones que ocupen toda la pantalla.
Ninguna de las dos cosas encarece la producción si se decide al inicio. Las dos son caras de agregar cuando la pieza ya está aprobada.
Cómo evaluar una propuesta de motion graphics
Una propuesta se puede leer en dos minutos si trae estos elementos. Si no los trae, la conversación todavía no está en la etapa de producción.
Uno. La pieza descrita en una frase que un tercero entienda, no el nombre de un estilo.
Dos. La especificación por destino: proporción, duración aproximada, formato de entrega y peso.
Tres. El guion o el listado de planos, aunque sea en borrador. Sin guion no hay cotización, hay estimación.
Cuatro. Qué incluye la revisión: cuántas rondas, sobre qué —guion, animación, color— y qué se considera un cambio de alcance.
Cinco. Los archivos que se entregan al final: video, fuentes editables, plantillas, y en qué formato.
Seis. Quién es el dueño de los archivos fuente. Es la pregunta que decide si el año siguiente se puede actualizar la pieza o hay que producirla otra vez.
Cuando la marca tiene varios soportes conviene producir el sistema completo de una vez: la misma pieza base exportada por destino, con sus ajustes de encuadre y tiempo. Es más eficiente que encargar cada formato por separado, y es la razón por la que en nuestro servicio de animación y motion la especificación por soporte se cierra antes del diseño.
Errores que repetimos ver en piezas ya publicadas
Texto que se lee a distinto tamaño en cada formato. Pasa cuando la pieza se diseñó en un solo lienzo y se recortó a los demás. El reencuadre no es recortar: es volver a componer.
Ritmo prestado. Copiar el tiempo de una pieza que funcionó para otra marca. El ritmo depende de la cantidad de información, no del gusto del momento.
Movimiento en todo. Si cada elemento entra con una animación distinta, el espectador no sabe dónde mirar y el mensaje se pierde en el tránsito. La jerarquía también se construye con lo que se queda quieto.
Entrega sin fuente. La pieza vive un año y el equipo pide cambios que nadie puede hacer. El archivo fuente es parte del entregable, no un extra.
Si la marca ya resolvió la preparación de su identidad para movimiento, ese trabajo se aprovecha: lo cubrimos en cómo preparar tu marca antes de animar el logo. Y si el problema es saber qué pieza pide cada soporte antes de producir, el mapa está en qué pieza pide cada soporte publicitario.
Preguntas frecuentes
¿Motion graphics y animación son lo mismo?
La animación es la técnica; el motion graphics es el uso. Una pieza de motion graphics puede no tener personajes ni actuación: mueve formas, tipografía y datos para comunicar una idea. La animación tradicional o el 3D son otras rutas de producción, con otros tiempos y otros perfiles.
¿Cuánto dura una pieza de motion graphics?
Depende del trabajo, no de una regla. Una cortinilla se mide en segundos, un explicativo se mide en la cantidad de pasos que tiene que mostrar. Fijar la duración antes del guion obliga a recortar contenido o a rellenar, y las dos cosas se notan.
¿Necesito entregar el logo en vectorial?
Sí, si el logo va a aparecer en la pieza. Reconstruirlo desde una imagen introduce diferencias de trazo y de proporción que se ven en pantalla grande. Lo mismo aplica a las tipografías: la licencia de uso debe permitir la incorporación en una pieza animada.
¿Se puede reutilizar la misma pieza en varios formatos?
Sí, si se planificó como sistema. La pieza base se compone por destino con sus zonas seguras y su banda de duración. Cuando se hace al revés —recortar un formato terminado— el texto cambia de tamaño y el ritmo se rompe.
Si necesitas una pieza que resista varios soportes sin rehacerla cada mes, el punto de partida es una conversación sobre el sistema, no sobre una animación suelta. Puedes ver cómo trabajamos el equipo creativo por suscripción o agendar una llamada para revisar tu caso.