# Plantillas de motion graphics: diseños animados sin After Effects

[Canonical HTML page](https://gradiently.design/es/guide/motion-graphics-templates)

La mayoría de las marcas necesitan diseños en movimiento cada semana y un motion designer nunca. Qué son las plantillas de motion graphics, cuál te conviene y cómo hacer que una parezca tuya y no de todo el mundo.

## The short version

- Las plantillas de motion graphics son diseños ya animados en los que cambias las palabras, los colores y los medios mientras el movimiento ya está hecho.
- Las plantillas de After Effects y Premiere Pro necesitan ese software, mientras que las herramientas de diseño en el navegador ofrecen plantillas animadas que editas como un diseño normal.
- Una buena plantilla animada tiene pocas partes en movimiento, texto editable, tamaños para cada plataforma y un bucle que se une sin cortes.
- Las plantillas parecen genéricas cuando los colores, la tipografía y el fondo se quedan como venían, así que cambia los tres antes de publicar.
- Los bucles cortos de 5 a 15 segundos encajan con la mayoría de las publicaciones e historias animadas.

Las **plantillas de motion graphics** son diseños que ya están animados: cambias las palabras, los colores, las fotos o el logo, y el movimiento ya está hecho. Existen para software de vídeo profesional como After Effects y Premiere Pro, pero no necesitas ninguno de los dos. Las herramientas de diseño en el navegador ofrecen plantillas animadas que editas como cualquier otro diseño y luego exportas como vídeo o GIF. El truco está en elegir plantillas con un movimiento sencillo y tranquilo, y cambiar lo suficiente de ellas para que el resultado parezca de tu marca.

## Tipos de plantillas de motion graphics

«Plantilla animada» abarca archivos muy distintos. Cuál quieres depende del software que ya usas y de cuánto control necesitas.

| Tipo | Funciona en | Ideal para | Curva de aprendizaje |
| --- | --- | --- | --- |
| Proyecto de After Effects | Adobe After Effects | Títulos complejos, revelados de logo, control total | Empinada |
| MOGRT (.mogrt) | Premiere Pro, con controles preparados en After Effects | Rótulos y títulos dentro de montajes de vídeo | Moderada |
| Plantilla de Apple Motion | Final Cut Pro y Motion | Títulos y transiciones para editores en Mac | Moderada |
| Animación Lottie (JSON) | Webs y apps, mediante un reproductor | Pequeñas animaciones de interfaz e iconos | Necesita desarrollo |
| Plantilla de diseño animada | Herramientas de diseño en el navegador | Publicaciones, historias, anuncios, bucles para pantallas | Suave |

Si haces publicaciones, historias y anuncios sencillos, una plantilla de diseño animada en el navegador suele ser todo lo que necesitas.

## Motion graphics sin After Effects

After Effects está pensado para keyframes, expresiones y composición, mucho más de lo que necesita una publicación animada de rebajas. Para la mayor parte del trabajo de redes y marketing, tres tipos de movimiento lo hacen todo, y las buenas herramientas en el navegador ofrecen los tres sin un solo keyframe.

- **Movimiento de fondo.** El campo de color deriva, fluye o respira despacio detrás de palabras quietas. Tranquilo, premium y fácil de poner en bucle.
- **Entradas de texto.** Las palabras suben a su sitio, aparecen de golpe, entran con cortinilla o se escriben letra a letra, y luego se quedan quietas el tiempo suficiente para leerlas.
- **Secuencias de páginas.** Varios fotogramas se suceden con una transición entre ellos, como un carrusel en movimiento.

La regla que mantiene profesionales los tres: mueve una cosa cada vez, y deja que las palabras se asienten antes de que pase nada más. [Principios del diseño de movimiento](https://gradiently.design/es/guide/motion-design-principles) y [easing](https://gradiently.design/es/guide/easing) explican por qué el movimiento tranquilo transmite calidad.

## Qué hace buena a una plantilla animada

### Descártala

- Todo se mueve a la vez
- El texto sale antes de que puedas leerlo
- Fija a un solo tamaño
- Un salto cuando el bucle vuelve a empezar
- Efectos que solo funcionan con la foto de muestra

### Elígela

- Una o dos partes en movimiento, el resto quieto
- Las palabras llegan y se quedan dos segundos o más
- Versiones para historia, publicación y cuadrado
- Un bucle que se une sin costura visible
- Queda bien con tus palabras, no solo con la muestra

Prueba una plantilla con tu titular real más largo antes de decidirte. Muchas plantillas quedan preciosas con una línea de muestra de tres palabras y se desmoronan con la tuya.

## Plantillas que conviene tener preparadas

Un pequeño conjunto de plantillas animadas cubre casi todo lo que publica un negocio. Haz cada una una vez con tu marca, guárdala, y cada versión futura será una edición de dos minutos.

Historia vertical animada de cuenta atrás con el texto Faltan 3 días para un mercado de primavera, sobre un degradado en movimiento

Una historia de cuenta atrás: el número cambia cada día, el fondo y la composición nunca.

Publicación vertical para el feed con el texto Rebajas de verano, solo este fin de semana, con el fondo degradado derivando despacio

Una publicación de rebajas en la que las palabras suben sobre un fondo que deriva y luego se quedan.

- **Anuncio:** producto nuevo, horario nuevo, nueva incorporación. Mira [publicación de anuncio](https://gradiently.design/es/guide/announcement-post-design).
- **Cuenta atrás:** lanzamientos, eventos, plazos. Mira [publicación de cuenta atrás](https://gradiently.design/es/guide/countdown-post-design).
- **Cita o testimonio:** las palabras de un cliente, escritas línea a línea.
- **Rebajas u oferta:** el titular y las fechas, nada más.
- **Consejo o tutorial:** una secuencia corta de páginas, un paso por página.
- **Evento:** fecha, lugar y una línea sobre el porqué.

## Cómo hacer que una plantilla parezca de tu marca

La forma más rápida de detectar una plantilla es que todavía lleva sus colores originales. Cambia esto, en este orden, y pasará a ser tuya.

1. **Cambia el fondo** El fondo ocupa casi todo el encuadre, así que hace la mayor parte del trabajo de marca. Usa tu propio campo de color o degradado, no el de la plantilla.
2. **Cambia la tipografía** Pon los titulares en la fuente de titulares de tu marca y el texto pequeño en su fuente de texto.
3. **Quita lo que no necesitas** Borra formas decorativas, stickers y cajas de texto sobrantes. Menos elementos, moviéndose menos, parecen más caros.
4. **Ralentiza el movimiento** Si la plantilla ofrece un ritmo, elige el más lento. Los bucles rápidos parecen baratos al repetirse.
5. **Haz todos los tamaños desde un diseño** Construye las versiones para historia, feed y cuadrado desde el mismo archivo para que mantengan exactamente el mismo estilo.

- Rosa para un lanzamiento: `radial-gradient(circle at 20% 20%, #fb7185 0%, #be123c 40%, #2a0612 85%)`
- Mar profundo para tecnología: `linear-gradient(200deg, #0f172a 0%, #0e7490 60%, #67e8f9 100%)`
- Crema cálido para comida: `radial-gradient(circle at 75% 75%, #fcd34d 0%, #fef3c7 45%, #fffbeb 90%)`

Tres fondos de partida. Elijas el que elijas, usa el mismo en todas las plantillas para que el conjunto se lea como una sola marca.

## Exportar plantillas animadas

Exporta en MP4 para Instagram, TikTok, LinkedIn y cualquier sitio que reproduzca vídeo; usa GIF solo donde no se reproduce vídeo, como algunos clientes de correo. Mantén los bucles entre 5 y 15 segundos para publicaciones e historias, y comprueba que el último fotograma enlaza con el primero. [GIF vs MP4](https://gradiently.design/es/guide/gif-vs-mp4) explica las ventajas y desventajas, y [publicaciones animadas de Instagram](https://gradiently.design/es/guide/animated-social-posts) cubre cómo publicarlas.

## Plantillas animadas en Gradiently

Las plantillas de Gradiently (publicaciones, historias, pósteres, cartas, tarjetas y fondos de pantalla) usan tu Mark como fondo, así que la parte en movimiento es un degradado o material vivo que, una vez reservado, es solo tuyo, y ninguna otra plantilla se ve igual. Las palabras pueden subir, aparecer de golpe, entrar con cortinilla o escribirse, el Mark puede derivar, fluir, respirar o girar, y con Pro exportas bucles sin cortes de 5 a 30 segundos en MP4, WebM o GIF, con todos los tamaños hechos desde un diseño. La biblioteca completa de plantillas forma parte de Pro.

## FAQ

### ¿Qué son las plantillas de motion graphics?

Diseños ya animados en los que cambias las palabras, los colores y los medios mientras la animación ya está construida. Existen para After Effects, Premiere Pro, Final Cut Pro y herramientas de diseño en el navegador.

### ¿Puedo hacer motion graphics sin After Effects?

Sí. Las herramientas de diseño en el navegador ofrecen plantillas animadas con movimiento de fondo, entradas de texto y transiciones entre páginas, que se exportan en MP4 o GIF, sin keyframes que aprender.

### ¿Qué es un archivo MOGRT?

Un archivo Motion Graphics Template para Adobe Premiere Pro. Normalmente se construye en After Effects y expone controles sencillos, como texto y color, para editarlo dentro de Premiere.

### ¿Cuánto debe durar una publicación animada en redes?

De cinco a quince segundos va bien para la mayoría de las publicaciones e historias. Deja las palabras quietas al menos dos segundos para que se puedan leer.

### ¿Cómo evito que una plantilla animada parezca genérica?

Sustituye su fondo, sus fuentes y sus colores por los tuyos, borra los adornos y ralentiza el movimiento.