Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaMovimiento
Movimiento

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

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.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·6 min de lectura
Portada: Sustained Loggia · GR·K9N3·ZX

La versión corta

  • 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.
En esta página
Tipos de plantillas de motion graphicsMotion graphics sin After EffectsQué hace buena a una plantilla animadaPlantillas que conviene tener preparadasCómo hacer que una plantilla parezca de tu marcaExportar plantillas animadasPlantillas animadas en Gradiently

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.

Proyecto de After Effects

Funciona en

Adobe After Effects

Ideal para

Títulos complejos, revelados de logo, control total

Curva de aprendizaje

Empinada
MOGRT (.mogrt)

Funciona en

Premiere Pro, con controles preparados en After Effects

Ideal para

Rótulos y títulos dentro de montajes de vídeo

Curva de aprendizaje

Moderada
Plantilla de Apple Motion

Funciona en

Final Cut Pro y Motion

Ideal para

Títulos y transiciones para editores en Mac

Curva de aprendizaje

Moderada
Animación Lottie (JSON)

Funciona en

Webs y apps, mediante un reproductor

Ideal para

Pequeñas animaciones de interfaz e iconos

Curva de aprendizaje

Necesita desarrollo
Plantilla de diseño animada

Funciona en

Herramientas de diseño en el navegador

Ideal para

Publicaciones, historias, anuncios, bucles para pantallas

Curva de aprendizaje

Suave
TipoFunciona enIdeal paraCurva de aprendizaje
Proyecto de After EffectsAdobe After EffectsTítulos complejos, revelados de logo, control totalEmpinada
MOGRT (.mogrt)Premiere Pro, con controles preparados en After EffectsRótulos y títulos dentro de montajes de vídeoModerada
Plantilla de Apple MotionFinal Cut Pro y MotionTítulos y transiciones para editores en MacModerada
Animación Lottie (JSON)Webs y apps, mediante un reproductorPequeñas animaciones de interfaz e iconosNecesita desarrollo
Plantilla de diseño animadaHerramientas de diseño en el navegadorPublicaciones, historias, anuncios, bucles para pantallasSuave
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 y 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.

Mercado de primavera
Faltan 3 días
Este sábado en el Corn Exchange
Gradiently · @gradiently

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

Solo este fin de semana
Rebajas de verano
En tienda y online
Gradiently · @gradiently

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.
  • Cuenta atrás: lanzamientos, eventos, plazos. Mira publicación de cuenta atrás.
  • 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. 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. 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. 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. 4

    Ralentiza el movimiento

    Si la plantilla ofrece un ritmo, elige el más lento. Los bucles rápidos parecen baratos al repetirse.

  5. 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.

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 explica las ventajas y desventajas, y publicaciones animadas de Instagram 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.

Diseña con un degradado vivo

Publicaciones, historias, diapositivas y banners en todos los tamaños, con texto que siempre se lee.

Empezar a diseñar, gratis

Preguntas frecuentes

¿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.

Compartir esta guía

Escrito por GradientlyCuenta verificada de 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

En esta página

Tipos de plantillas de motion graphicsMotion graphics sin After EffectsQué hace buena a una plantilla animadaPlantillas que conviene tener preparadasCómo hacer que una plantilla parezca de tu marcaExportar plantillas animadasPlantillas animadas en Gradiently

Compartir esta guía

Siguiente en Movimiento

Efectos de partículas: polvo, chispas y luz en diseños animados

Sigue leyendo

Todas las guías de Movimiento
Redes sociales

Posts animados de Instagram o estáticos: cuándo ayuda el movimiento

6 min de lectura

El movimiento no es mejor por sí mismo. Un post estático con una frase potente suele superar a una animación recargada. Así se distingue qué necesita cada post y cómo animarlo bien.

Redes sociales

Plantillas para redes sociales: cómo usarlas sin que se note

5 min de lectura

Una plantilla es una ventaja inicial, no un aspecto terminado. Conserva la parte que te ahorra tiempo, cambia las partes que también usan todos los demás y se volverá tuya.

Movimiento

Principios del motion design para quienes no animan

5 min de lectura

No hace falta ser animador para crear un movimiento que se sienta bien. Hacen falta unos pocos principios, un puñado de duraciones y la disciplina de usar menos.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently