ToolsTools TutorialsTutorials VergleicheComparisons Tool-RadarTool Radar ÜberAbout
Tutorial

Runway Gen-3: Image-to-Video für Produkt-Animationen

Wie aus einem statischen Produktbild ein 10-sekündiger Animation-Loop wird, geeignet für Instagram-Reels und Web-Hero-Sektionen.

Output dieses Tutorials:

Ein 10-Sekunden-Loop deines Produkts mit subtiler Bewegung (Drehung, Licht-Wandern, Material-Schimmer) — direkt einsetzbar für Social Reels oder als Hero-Animation auf der Landing-Page.

Setup

  • Runway-Subscription (Standard ab $15/mo reicht für ~3 Min. Output)
  • Ein hochauflösendes Produktbild (mind. 1920×1080, sauber freigestellt)
  • ~20 Minuten Zeit inkl. Iterationen

Schritt 1: Image-to-Video starten

Im Runway-Dashboard: "Generate" → "Image to Video". Lade dein Produktbild hoch. Wähle Gen-3 Alpha (nicht Gen-2, das ist deutlich schwächer).

Schritt 2: Motion-Prompt schreiben

Hier wird der entscheidende Fehler gemacht: Leute prompten zu generisch ("camera rotates around product"). Besser ist konkrete Sprache:

The product slowly rotates 360 degrees clockwise, soft studio light catches the metal edges, subtle particles drift in the background, cinematic depth of field, 24fps cinematic feel

Drei Faktoren in jedem Prompt: Bewegungstyp, Licht-Verhalten, Stil-Referenz.

Schritt 3: Motion-Brush für Detail-Kontrolle

Mit dem Motion-Brush markierst du auf dem Bild Bereiche, die bewegen sollen. Beispiele:

  • Statische Bereiche (Hintergrund, Schriftzüge) → Auswahl + "Static"
  • Subtile Bewegung (Stoff, Wasser, Glas-Reflexionen) → Auswahl + Bewegungs-Richtung mit Stärke 1–2
  • Hauptbewegung (das Produkt selbst) → Stärke 3–5

Diese gezielte Steuerung ist der Hauptgrund, Runway gegenüber Luma zu bevorzugen.

Schritt 4: Camera Movement separat steuern

Im "Camera"-Tab kannst du Pan, Tilt, Zoom und Roll separat einstellen. Für Produkt-Loops empfehlen wir:

  • Horizontal Pan: 0–20% (subtil)
  • Zoom In: 5–10% (kaum merkbar, aber bringt Dynamik)
  • Tilt/Roll: bei 0 lassen — sonst wirkt es schnell amateurhaft

Schritt 5: Erst 5 Sekunden, dann Extend

Generiere zuerst nur 5 Sekunden. Iteriere am Prompt, bis das Ergebnis stimmt — eine Generierung kostet 25 Credits, lieber 4× iterieren als einmal 10 Sek. mit schlechtem Output.

Wenn die 5-Sekunden-Version sitzt, klick "Extend" für weitere 5 Sekunden. Runway verlängert den Clip basierend auf der letzten Frame.

Schritt 6: Loop-fähig machen

Für einen perfekten Loop brauchst du den letzten Frame nahe am ersten. Zwei Wege:

  1. In CapCut/Premiere: Clip in Mitte teilen, zweite Hälfte horizontal spiegeln + an erste anhängen → "Boomerang"-Effekt
  2. In Runway selbst: "Image-to-Video"-Output → als neues Input nehmen, Reverse-Prompt schreiben → die zwei Clips concat

Häufige Fehler

  • Zu viel Bewegung im Prompt → Bildqualität bricht ein, Artefakte erscheinen
  • Komplexe Hintergründe → ablenkend, schlechte Motion-Brush-Performance
  • Falscher Frame-Rate-Match → wenn dein Zielort 30fps will, exportiere aus Runway als 24fps und konvertiere, kein direkter 30fps-Output

Kosten-Realität

Ein produktionsreifes 10-Sekunden-Asset kostet typischerweise 4–6 Iterationen — also 100–150 Credits, ca. $8–12. Das macht Runway für Volume-Content teuer, für Hero-Assets aber konkurrenzfähig zu klassischer Motion-Design-Produktion.

Verwandte Tutorials

Alle TutorialsAll tutorials