Vídeos en bucle: cómo crean las marcas clips que nunca terminan

Un vídeo en bucle es un clip corto creado para repetirse para siempre sin que nadie vea dónde vuelve a empezar. Para las marcas es uno de los formatos más útiles que existen: un solo archivo puede correr detrás del titular de una web, en una pantalla junto a la caja, bajo una canción en Spotify o detrás de la pantalla de espera de un directo. El oficio es fácil de explicar. Haz que el último fotograma lleve directamente al primero, mantén el movimiento lento y continuo, y nunca metas un acontecimiento aislado en el clip, porque todo lo que ocurre una vez se convierte en una señal del reinicio.

Dónde usan las marcas un vídeo en bucle

Los bucles encajan en cualquier sitio al que la gente llega en un momento cualquiera y se queda un tiempo desconocido. Nadie empieza a mirar un escaparate en el segundo cero, así que una historia con principio y final no tiene la forma adecuada. Un bucle no tiene principio, y de eso se trata.

Cada uno de estos lugares tiene sus propias reglas de tamaño y sonido. Vídeos de fondo para webs cubre en detalle el caso web, y vídeos de fondo ambientales trata los bucles largos y tranquilos que corren en pantallas y directos.

Qué hace que un bucle parezca infinito

Técnicamente, un bucle solo necesita que su final coincida con su principio. Perceptivamente, necesita más. La gente nota la repetición por los puntos de referencia: el momento en que una zona clara pasa por una esquina, el fotograma en que entra una forma, un parpadeo de grano que siempre cae en el mismo sitio. Quita los puntos de referencia y un clip de doce segundos puede parecer que dura horas.

• Movimiento continuo. Desplazamientos, rotaciones y paneos lentos que nunca se detienen. Parar y arrancar crea un ritmo que la vista puede contar.
• Ciclos completos. Todo lo que se mueve completa un número entero de vueltas o pasadas en la duración del clip, así que termina exactamente donde empezó.
• Varias capas a velocidades relacionadas. Un fondo que hace un ciclo y un brillo que hace dos disimulan la repetición del otro.
• Ningún acontecimiento aislado. Ni destellos, ni cortes, ni cortinillas de logo, ni objetos que aparezcan una vez. Si ocurre una vez, marca el reinicio.
• Palabras quietas. Un texto que entra animado volverá a entrar animado en cada bucle. En un vídeo en bucle, deja que las palabras simplemente estén ahí.

El detalle fotograma a fotograma de una unión limpia, incluido el último fotograma duplicado que causa la mayoría de los saltos, está en vídeo en bucle perfecto.

Cuánto debería durar un vídeo en bucle

La duración depende de la velocidad y del tiempo que la gente vaya a mirar. Un bucle que alguien mira de reojo tres segundos puede ser corto. Un bucle que se reproduce en una pared toda la tarde tiene que ser lo bastante largo, y lo bastante lento, para que la repetición nunca resulte evidente. Los clips más largos pesan más, así que equilibra las dos cosas.

Cuánto debe durar un vídeo en bucle analiza este equilibrio ubicación por ubicación, teniendo en cuenta el peso de los archivos.

Cómo hacer un vídeo en bucle a partir de un diseño

1. 1

   Empieza por el lugar donde se reproducirá

   Elige primero el tamaño exacto: 1920×1080 para una pantalla horizontal o una cabecera, 1080×1920 para stories, reels y pantallas verticales, 1080×1350 para un post del feed.

2. 2

   Elige una capa que se mueva

   Normalmente el fondo. Un degradado o un material en movimiento es ideal, porque no tiene bordes que delaten el bucle.

3. 3

   Mantén las palabras quietas y tranquilas

   Coloca el texto donde el fondo esté más calmado. Si algo tiene que animarse, deja el movimiento dentro del fondo.

4. 4

   Ajusta la duración a ciclos completos

   Asegúrate de que cada movimiento completa un número entero de ciclos en el clip, para que el último fotograma fluya hacia el primero.

5. 5

   Exporta como vídeo y míralo en bucle

   Exporta en MP4, o WebM para la web, y reprodúcelo en repetición a tamaño completo durante al menos un minuto. Corrige todo lo que notes dos veces.

Aquí es donde encaja Gradiently. Cada Mark es un fondo vivo de degradado y material que ya se mueve, así que con Pro un diseño creado sobre él se exporta como un bucle perfecto de 5 a 30 segundos sin que tengas que animar nada. Como no hay dos Marks iguales, el bucle de tu escaparate no será el mismo fondo de stock que el de la tienda de al lado.

Cómo poner un vídeo en bucle en una web

Los navegadores solo reproducen automáticamente los vídeos silenciados, y los móviles necesitan playsinline para mantenerlo dentro de la página. Añade una imagen de póster para que se vea algo antes de que cargue el vídeo, y ofrece primero el WebM, más ligero, con el MP4 como alternativa.

<video class="hero-loop" autoplay muted loop playsinline
       poster="hero-first-frame.jpg" width="1920" height="1080">
  <source src="hero-loop.webm" type="video/webm">
  <source src="hero-loop.mp4" type="video/mp4">
</video>

<style>
  @media (prefers-reduced-motion: reduce) {
    .hero-loop { display: none; }
    .hero { background: url(hero-first-frame.jpg) center / cover; }
  }
</style>

Esa última regla importa. A algunas personas el movimiento constante les distrae o les resulta físicamente incómodo, y su sistema operativo se lo comunica al navegador. Prefers reduced motion explica cómo respetarlo bien.