Video Loops: So machen Marken Clips, die nie zu enden scheinen

Ein Video Loop ist ein kurzer Clip, der sich endlos wiederholt, ohne dass jemand sieht, wo er neu startet. Für Marken ist er eines der nützlichsten Formate überhaupt: Eine Datei kann hinter einer Website-Headline laufen, auf einem Bildschirm an der Kasse, unter einem Song auf Spotify oder hinter der Pausentafel eines Livestreams. Das Handwerk lässt sich einfach beschreiben. Lass das letzte Bild direkt ins erste übergehen, halte die Bewegung langsam und durchgehend und bau nie ein einmaliges Ereignis in den Clip ein, denn alles, was einmal passiert, wird zur Markierung des Neustarts.

Wo Marken Video Loops einsetzen

Loops passen überall dorthin, wo Menschen zu einem zufälligen Moment ankommen und unbestimmt lange bleiben. Niemand fängt bei Sekunde null an, ein Schaufenster anzuschauen, also ist eine Geschichte mit Anfang und Ende die falsche Form. Ein Loop hat keinen Anfang, und genau das ist der Sinn.

Jeder dieser Orte hat eigene Regeln für Größe und Ton. Videohintergründe auf Websites behandelt den Webfall im Detail, und Ambient Videohintergründe geht auf die langen, ruhigen Loops ein, die auf Bildschirmen und in Streams laufen.

Was einen Loop endlos wirken lässt

Technisch muss ein Loop nur mit seinem Ende auf seinen Anfang treffen. Für die Wahrnehmung braucht es mehr. Menschen bemerken Wiederholung an Orientierungspunkten: der Moment, in dem ein heller Fleck an einer Ecke vorbeizieht, das Bild, in dem eine Form auftaucht, ein Flackern im Korn, das immer an derselben Stelle landet. Entferne diese Punkte, und ein Clip von zwölf Sekunden kann sich anfühlen, als liefe er stundenlang.

• Durchgehende Bewegung. Driften, Drehungen und langsame Schwenks, die nie anhalten. Anhalten und Anfahren erzeugt einen Takt, den das Auge mitzählen kann.
• Ganze Zyklen. Alles, was sich bewegt, vollendet in der Länge des Clips eine ganze Zahl von Umdrehungen oder Durchgängen und endet genau dort, wo es begonnen hat.
• Mehrere Ebenen mit verwandten Tempi. Ein Hintergrund, der einmal durchläuft, und ein Glanzlicht, das zweimal durchläuft, tarnen gegenseitig ihre Wiederholung.
• Keine Einzelereignisse. Kein Blitz, kein Schnitt, kein Logo-Sting und kein Objekt, das einmal auftaucht. Was einmal passiert, markiert den Neustart.
• Stehende Worte. Text, der hereinanimiert wird, wird in jedem Durchlauf wieder hereinanimiert. In einem Video Loop sind die Worte einfach da.

Die Details eines sauberen Übergangs auf Bildebene, einschließlich des doppelten letzten Bildes, das die meisten Ruckler verursacht, findest du unter nahtloses Loop Video.

Wie lang sollte ein Video Loop sein

Die Länge hängt vom Tempo ab und davon, wie lange Menschen hinsehen. Ein Loop, den jemand drei Sekunden lang streift, darf kurz sein. Ein Loop, der einen ganzen Nachmittag an einer Wand läuft, muss lang und langsam genug sein, dass die Wiederholung nie offensichtlich wird. Längere Clips bedeuten größere Dateien, also wäge beides ab.

Wie lang sollte ein Video Loop sein geht diese Abwägung Platzierung für Platzierung durch und behält dabei die Dateigrößen im Blick.

So machst du aus einem Design einen Video Loop

1. 1

   Vom Abspielort ausgehen

   Wähl zuerst die genaue Größe: 1920×1080 für einen Bildschirm im Querformat oder einen Hero, 1080×1920 für Stories, Reels und Bildschirme im Hochformat, 1080×1350 für einen Feed-Post.

2. 2

   Eine bewegte Ebene wählen

   Meist der Hintergrund. Ein bewegter Verlauf oder ein Material ist ideal, weil er keine Kanten hat, die den Loop verraten.

3. 3

   Worte ruhig und stehend halten

   Setz Text dorthin, wo der Hintergrund am ruhigsten ist. Wenn sich etwas bewegen soll, lass die Bewegung im Hintergrund.

4. 4

   Die Länge auf ganze Zyklen legen

   Sorg dafür, dass jede Bewegung im Clip eine ganze Zahl von Zyklen vollendet, damit das letzte Bild ins erste fließt.

5. 5

   Als Video exportieren und im Loop ansehen

   Exportiere MP4 oder für das Web WebM und spiel es in voller Größe mindestens eine Minute lang in Schleife ab. Behebe alles, was dir zweimal auffällt.

Hier passt Gradiently hinein. Jeder Mark ist ein lebendiger Hintergrund aus Verlauf und Material, der sich schon bewegt. Mit Pro exportiert ein darauf gebautes Design also als nahtloser Loop von 5 bis 30 Sekunden, ohne dass du irgendetwas animierst. Und weil kein Mark wie ein anderer aussieht, ist der Loop in deinem Fenster nicht derselbe Stock-Hintergrund wie im Laden nebenan.

Einen Video Loop auf eine Website bringen

Browser spielen Videos nur automatisch ab, wenn sie stumm sind, und Handys brauchen playsinline, damit das Video in der Seite bleibt. Füg ein Posterbild hinzu, damit etwas erscheint, bevor das Video lädt, und biete zuerst das kleinere WebM an, mit MP4 als Fallback.

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

Diese letzte Regel ist wichtig. Manche Menschen empfinden ständige Bewegung als ablenkend oder körperlich unangenehm, und ihr Betriebssystem teilt das dem Browser mit. Prefers reduced motion erklärt, wie du das richtig berücksichtigst.