La versión corta
- Las motion graphics más sencillas para marcas mantienen quietos las palabras y el logo y dejan que el fondo se mueva despacio en un bucle corto.
- Un bucle de 5 a 30 segundos basta para historias, reels, cabeceras web y pantallas de eventos, y no necesita edición ni metraje.
- El movimiento pasa a formar parte de una identidad cuando el mismo material se mueve del mismo modo en todas partes, igual que un color de marca se mantiene igual.
- El movimiento lento y calmado encaja con la mayoría de las marcas; el movimiento rápido y el ciclo de color son acentos fuertes que conviene reservar para lanzamientos y eventos.
- Todo recurso animado debe tener una versión fija para los lugares donde no se reproduce vídeo y para quienes prefieren el movimiento reducido.
En esta página
Las motion graphics para marcas no tienen por qué significar un equipo de vídeo, un rodaje ni una línea de tiempo de edición. Para una marca que publica sobre todo imágenes fijas, el movimiento más útil es el más sencillo: mantén las palabras y el logo perfectamente quietos y deja que el fondo se desplace, fluya o brille debajo en un bucle corto. Se ve cuidado, es fácil de hacer cada semana y sigues pareciéndote a ti.
Esta es una guía práctica de ese enfoque: por qué funciona, qué tipos de movimiento encajan con qué marcas, cuánto dura y a qué velocidad, y dónde se gana su sitio. Si quieres el oficio del bucle en sí, consulta cómo crear un bucle perfecto.
Por qué las marcas estáticas se benefician de un poco de movimiento
Las historias, los reels y muchos feeds reproducen vídeo automáticamente, así que una publicación en movimiento encaja de forma natural entre ellos. Además, nuestros ojos notan rápido el movimiento en la periferia de la visión, por eso un cambio lento de color puede atraer la atención donde una imagen fija más se pasaría de largo. Nada de eso necesita espectáculo. Basta un fondo que se mueve con suavidad mientras el mensaje sigue siendo legible.
El problema es la producción. Una marca estática normalmente no tiene metraje, ni motion designer, ni tiempo. Por eso funciona este enfoque: diseñas una publicación fija como siempre y lo único que se mueve es el material de detrás.
Un anuncio fijo exportado como bucle: las palabras se mantienen, el campo se mueve.
El mismo material en una publicación del feed, para que el movimiento se lea como la marca.
Producción de vídeo completa
- Metraje, edición y sonido
- Las palabras se mueven, se cortan y cambian
- Días por pieza
- Difícil de mantener coherente de una semana a otra
Un fondo en movimiento
- Un diseño fijo, nada que rodar
- Las palabras se quedan quietas y son fáciles de leer
- Minutos por pieza
- El mismo material cada vez
Elegir el tipo de movimiento
Movimientos distintos dicen cosas distintas, igual que la tipografía y el color. Elige uno como predeterminado y mantenlo, para que tu movimiento se vuelva reconocible. Los principios del motion design explican el razonamiento detrás de cada elección.
| Movimiento | Cómo se ve | Encaja con |
|---|---|---|
| Deriva | El campo se desliza despacio por el encuadre | Marcas calmadas, premium y editoriales |
| Flujo | Una corriente constante recorre el color | Bienestar, viajes, todo lo relacionado con la ligereza |
| Respiración | La luz crece y decae, casi sin moverse | Lujo, belleza, anuncios discretos |
| Remolino | El material se pliega y gira sobre sí mismo | Música, vida nocturna, marcas juguetonas |
| Cambio de color | Los tonos se inclinan hacia un lado y vuelven | Publicaciones de temporada y variedad suave |
| Ciclo de color | Los tonos recorren toda la rueda | Lanzamientos y eventos, con moderación |
Cuánto dura y a qué velocidad
Los bucles de 5 a 30 segundos cubren casi todos los usos. Los bucles cortos de 5 a 8 segundos se repiten a menudo, lo que encaja con historias y publicaciones rápidas. Los bucles más largos, de 15 a 30 segundos, resultan menos repetitivos y encajan con pantallas que se miran un rato, como una cabecera web o una pantalla de local.
El ritmo importa más que la duración. El movimiento lento se lee como seguro y deja que hablen las palabras; el movimiento ágil se lee como enérgico pero le quita atención al mensaje. Ante la duda, ve más despacio de lo que pensabas. Una buena prueba es si puedes leer la publicación con comodidad mientras el fondo se mueve; si el ojo se va una y otra vez de las palabras, ralentízalo.
Historia y Reel
1080 × 1920
Publicación de Instagram
1080 × 1350
Publicación de X
1600 × 900
Cabecera web
1920 × 1080
Dónde el movimiento se gana su sitio
- Historias y reels: el hogar natural de los bucles. Consulta los fondos para Reels y TikTok para las zonas seguras.
- Publicaciones del feed: una versión en movimiento de un anuncio o una oferta destaca entre las fijas. Las publicaciones animadas frente a estáticas explican cuándo ayuda.
- Cabeceras web: un vídeo en bucle sin sonido o un fondo vivo tras el titular, con una imagen fija de reserva.
- Pantallas de eventos y tiendas: bucles largos y lentos que suenan toda la tarde sin resultar repetitivos.
- Correo: solo como un GIF pequeño, porque la mayoría de las bandejas de entrada no reproducen vídeo. GIF frente a MP4 explica el compromiso.
- 1
Diseña primero la imagen fija
Haz la publicación como si nunca fuera a moverse. Si la imagen fija no funciona, el movimiento no la arreglará.
- 2
Elige tu movimiento de la casa
Escoge un movimiento y un ritmo para las publicaciones diarias y anótalos junto a tus colores y fuentes.
- 3
Exporta un bucle
Exporta de 8 a 15 segundos para redes y más para pantallas. Comprueba que el final enlaza con el principio sin saltos.
- 4
Guarda una versión fija
Exporta un PNG del mismo diseño para los lugares donde no se reproduce vídeo y para quienes han pedido movimiento reducido.
- 5
Reserva los movimientos grandes para los momentos
El ciclo de color, un ritmo más rápido y las partículas son acentos. Úsalos en un lanzamiento o un evento para que sigan sintiéndose especiales.
Hacer que el movimiento forme parte de la identidad
El movimiento funciona como cualquier otro activo de marca distintivo: se vuelve reconocible por repetición. Si tu fondo se desplaza despacio hacia la izquierda en cada historia, la gente empieza a asociar esa deriva contigo. Si cada publicación se mueve de forma distinta, el movimiento es solo decoración.
Aquí es donde ayuda un Mark. En Gradiently, el Mark detrás de tus diseños es un material vivo, así que cualquier diseño se puede exportar como un bucle de 5 a 30 segundos con el movimiento, el ritmo, el comportamiento del color y las partículas que elijas. El bucle enlaza de modo que su final se encuentra con su principio, y se exporta como vídeo hasta 1080p o como un GIF pequeño. Como el material en movimiento es el mismo Mark que el de tus publicaciones fijas, el movimiento se parece al resto de tu feed en lugar de ser una excepción.
GR·AR5D·D3
Analog Seal
Ver este MarkPreguntas frecuentes
¿Qué son las motion graphics para marcas?
Son elementos visuales animados con el estilo de una marca: logos, fondos, tipografía y formas que se mueven. Para las marcas pequeñas, un diseño fijo sobre un fondo que se mueve despacio es la forma más sencilla y coherente.
¿Cuánto debe durar una animación de marca en bucle?
De 5 a 30 segundos cubre la mayoría de los usos. Usa de 5 a 15 segundos para historias y publicaciones, y bucles más largos y lentos para cabeceras web y pantallas de eventos.
¿Necesito software de vídeo para añadir movimiento a mis publicaciones?
No. Las herramientas que generan un fondo en movimiento detrás de un diseño fijo, como Gradiently, exportan directamente un vídeo en bucle, sin línea de tiempo de edición.
¿Deben moverse también las palabras?
Normalmente no. Mantener quietas las palabras las hace fáciles de leer y deja que el fondo lleve el movimiento, lo que además mantiene el diseño calmado.
¿Qué formato debe tener una publicación en bucle?
MP4 es la opción segura para plataformas sociales y webs. Usa un GIF solo donde el vídeo no se reproduce, como en la mayoría de los clientes de correo.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
