Der Autor teilt eine eigenständige Prompt-Vorlage für einen 18-sekündigen Spotify-inspirierten Motion-Graphics-Film. Im ursprünglichen Beitrag wird der gezeigte Motion-Design-Workflow ausdrücklich Opus 5.5 zugeschrieben. Außerdem wird erklärt, dass sich der Film mit dieser Vorlage reproduzieren lässt.
Erstelle anhand des folgenden Briefings ein vollständiges, hochwertiges Spotify-inspiriertes Motion-Graphics-Video. Dieser Prompt ist eigenständig: Es werden weder ein Referenzvideo noch bereitgestellte Assets benötigt.
<deliverables> Eine 18-sekündige MP4 mit 1920×1080 und echten 60 fps, inklusive Musik und subtiler Soundeffekte Vollständig editierbare Quelldatei Animation vor der Ausgabe erstellen, rendern, prüfen und verfeinern Nicht bei einem Storyboard, Standbildern oder einem Implementierungsplan aufhören </deliverables>
<art_direction>
Ein hochwertiger Musik-Produktfilm, präsentiert innerhalb einer großen, nahezu schwarzen Bühne mit abgerundeten Ecken
Die Bühne nimmt etwa 80 % der Canvas-Breite und 75 % ihrer Höhe ein, ist horizontal zentriert und liegt etwas unterhalb der vertikalen Mitte
Außerhalb der Bühne einen weichen, atmosphärischen grünen Hintergrund verwenden: leuchtendes Smaragdgrün nahe der oberen linken Ecke, zu den Seiten hin dunkleres Waldgrün, unten in nahezu Schwarz übergehend
Innerhalb der Bühne:
Nahezu schwarzer Hintergrund
Weiße Primärtypografie
Gedämpfter grauer Sekundärtext
Spotify-Grün # 1ED760 für Hervorhebungen und Bedienelemente
Eine klare serifenlose Schrift, etwa Geist oder Inter
Einheitliche Linienstärken der Icons und zurückhaltende Schatten
Kompositionen kompakt und zentriert halten, mit großzügigem Negativraum
Der Text soll wie Werbung für ein Musikprodukt wirken, nicht wie übergroße Präsentationsüberschriften
Keine äußere Bildunterschrift, kein Creator-Wasserzeichen, keinen dekorativen Footer und keinen Fortschrittszähler hinzufügen
</art_direction>
<artwork> Erstelle ein originales quadratisches Album-Artwork für einen fiktiven Track namens „Glass Tides“ von „AURA“
Das zentrale Cover ist ein abstraktes Makrobild aus fließender, perlmuttartiger Flüssigseide und geschmolzenem Glas
Pastelllavendel, Puderzian, Blassrosa, Champagnergold und dezentes Mintgrün verwenden
Breite dreidimensionale Falten, realistische reflektierende Glanzlichter, feine Striemen und eine markante, geschwungene S-förmige Falte integrieren
Das Quadrat vollständig bis an die Ränder füllen
Kein Text, Logo oder Rahmen auf diesem zentralen Artwork
Dasselbe Artwork im gesamten Film konsistent verwenden
Zusätzliche gestaltete Playlist-Cover erstellen:
„Late Nights“ in Senfgelb
„Good Energy“ in Pink
„Deep Focus“ in Blau
„Daily Mix 1“, „Daily Mix 2“ und „Daily Mix 3“ in komplementären Farben
Sie sollen wie fertige Grafikdesign-Cover aussehen, mit markanter Typografie und einfachen geometrischen Motiven
</artwork>
<timeline> 0.0–0.6 Sekunden: Ein grünes Spotify-Icon wächst gleichmäßig in die Mitte der dunklen Bühne. Mit minimalem Überschwingen selbstbewusst einblenden
0.6–1.5 Sekunden:
Das Icon geht in eine kleine Spotify-Identität über, oberhalb von zwei zentrierten Zeilen:
„Discover“
„new music“
Die erste Zeile ist weiß, die zweite grün
Beide mit kurzen maskierten vertikalen Bewegungen einblenden
1.5–2.4 Sekunden:
Eine stilisierte Spotify-Desktopoberfläche fährt ins Bild
Eine schmale Seitenleiste, „Made for you“, drei Albumkarten und kleine ergänzende Zeilen zeigen
Beim Einblenden eine subtile perspektivische Neigung verwenden, die sich zu einer Frontalansicht beruhigt
2.4–3.2 Sekunden:
Näher an die drei hervorgehobenen Cover heranfahren
Darüber „New for you“ anzeigen
Das Artwork gestochen scharf halten, darunter kurze Albumtitel
Eine schmale Player-Leiste mit abgerundeten Ecken verankert sich nun am unteren Bühnenrand
3.2–4.0 Sekunden:
Die hervorgehobenen Karten ziehen sich zu einer kompakten Liste „Fresh finds“ zurück
Vier Songzeilen mit leichtem Stagger einblenden
Jede Zeile enthält ein Thumbnail, einen kurzen Tracktitel, den Interpreten und ein kleines Menüsymbol
4.0–4.9 Sekunden:
In einen horizontalen Streifen farbenfroher Playlist-Cover überblenden
Überschrift: „Every mood“
Begleitzeile: „Find what moves you“
Der Streifen gleitet gleichmäßig seitwärts, wobei die äußeren Karten von der Bühne teilweise abgeschnitten werden
4.9–5.8 Sekunden:
Ein kompaktes Suchfeld erscheint
„Glass Tides“ eingeben
Darunter ein ausgewähltes Ergebnis mit dem irisierenden Artwork, „AURA“ und einem grünen Play-Icon einblenden
5.8–6.6 Sekunden:
Das ausgewählte Artwork zu einem großen, zentrierten Cover vergrößern
Darunter „Glass Tides“ und anschließend „AURA“ in Grün einblenden
Die Player-Leiste sichtbar halten
6.6–7.5 Sekunden:
Dasselbe Cover nach links schieben
Rechts erscheinen die Trackinformationen:
„Glass Tides“
„AURA“
„A new frequency“
Einen grünen Play-Button mit abgerundeten Ecken hinzufügen
Die Bewegung des Covers und die Texteinblendungen koordinieren
7.5–8.3 Sekunden:
Eine kurze Transformation in der Markenfarbe füllt die innere Bühne mit Grün
Das Artwork zu einem kleineren, zentrierten Kachel-Element verkleinern
Darunter eine kleine dunkle Spotify-Identität platzieren
Der Player tritt kurz in den Hintergrund
8.3–9.8 Sekunden:
Zur dunklen Bühne zurückkehren
Dasselbe Artwork dramatisch zur Kamera hin vergrößern, bis es übergroß ist und von der Bühne mit abgerundeten Ecken angeschnitten wird
Den Player am unteren Rand wiederherstellen
Während des schnellsten Teils des Zooms kontrollierte Bewegungsunschärfe verwenden
9.8–11.2 Sekunden:
Das Artwork in eine zentrierte typografische Aussage überführen:
„Find your“
„rhythm“
Die erste Zeile weiß, die zweite grün setzen
Der Player bleibt darunter sichtbar und stabil
11.2–12.5 Sekunden:
„Made for your every day“ anzeigen
Drei Playlist-Cover mit sanfter Perspektive und leicht entgegengesetzten Neigungen einblenden
Sie über die Bühne verteilt zu sechs kleineren Covern auffächern
Begleitzeile: „Your sound, always evolving“
12.5–14.0 Sekunden:
Das Playlist-Layout in vier schwebende Album-Cover überführen
Das irisierende zentrale Artwork einbeziehen
Zurückhaltende Rotation, Perspektive, Tiefenstaffelung und Überlappungen verwenden
Die Bewegungen koordinieren, statt die Elemente zufällig schweben zu lassen
14.0–15.2 Sekunden:
Die Cover zur Mitte hin zusammenführen und um ein grünes Spotify-Icon falten
Das Artwork zurückziehen, während das Icon zum Fokus wird
Den Player ausblenden
Das Spotify-Icon muss aus derselben zentralen Position hervorgehen, aus der die Cover zusammenlaufen
15.2–18.0 Sekunden:
Das Icon etwas nach links bewegen und neben einem großen weißen „Spotify“-Schriftzug zur Ruhe kommen lassen
Icon und Buchstaben während der gesamten Bewegung getrennt halten
Einblenden:
„Discover new music“
„every day“
Die erste Zeile ist weiß, die zweite grün
Die fertige Komposition bis zum Ende sauber halten
</timeline>
<persistent_player>
Während des Großteils der mittleren Sequenz eine schmale Player-Leiste mit abgerundeten Ecken nahe dem unteren Rand der inneren Bühne beibehalten
Enthalten:
Kleines Thumbnail des zentralen Artworks
„Glass Tides“ und „AURA“
Play- und Skip-Steuerung
Eine dünne Fortschrittsleiste
Ein kleines Lautstärkesymbol
Zurückhaltendes, dunkel-transluzentes Design mit feinem Rahmen
Dieser wiederkehrende Player verbindet die wechselnden Einstellungen
Er muss gegenüber dem Artwork visuell im Hintergrund bleiben
</persistent_player>
<motion_quality>
Die Energie eines präzise geschnittenen Premium-Produktfilms treffen
Die meisten visuellen Ideen dauern ungefähr eine Sekunde, die Übergänge bleiben jedoch fließend
Kontinuierliche Beschleunigung und Abbremsung verwenden
Kritisch gedämpfte Springs oder sorgfältig abgestimmtes Smooth Easing bevorzugen
Kein wiederholtes Bouncen und kein starkes elastisches Überschwingen
Identität und Positionsbeziehungen des zentralen Artworks über Suche, Albumdetail, Marken-Kachel und Zoom hinweg bewahren
Match-Position-Transitions, koordiniertes Skalieren, maskierte Einblendungen und Perspektive verwenden
Ausgehende Titel müssen verschwinden, bevor eingehende Titel denselben Platz einnehmen
Überlappenden Text, abrupte Kamera-Resets, lange leere Intervalle und beliebige Crossfades über das gesamte Bild vermeiden
Jedes übergroße Cover und jede Kamerabewegung sauber an der Bühne mit abgerundeten Ecken clippen
Keine Partikel, Schockwellenringe, Lens Flares, Kamerawackler oder themenfremdes Stock-Footage
</motion_quality>
<audio> Komponiere oder wähle elektronischer Musik um 120 BPM, die kommerziell genutzt werden darf. Verwende einen klaren Puls, warme Bässe, zurückhaltende melodische Elemente und subtile Übergangsakzente. Wichtige Einblendungen, Auswahlen, Zooms und die Logo-Enthüllung an musikalischen Ereignissen ausrichten. Effekte leiser als die Musik halten. Kein Voice-over. Keine urheberrechtlich geschützten kommerziellen Tracks ohne Genehmigung verwenden </audio>
<implementation_and_validation>
Eine deterministische, über absolute Zeit gesteuerte Animation mit einer async window.seek(t)-Funktion erstellen
Jede Transformation, Deckkraft, Maske und jeder UI-Zustand muss reproduzierbar sein, wenn Frames in beliebiger Reihenfolge angesteuert werden
Beim Export nicht von Live-Timern, akkumulierter Physik oder dem Zustand von CSS-Transitions abhängen
Mit echten 60 fps und räumlichem Antialiasing rendern
Für kontrollierte Bewegungsunschärfe 3–5 zeitliche Subframe-Samples pro ausgegebenem Frame verwenden
Statischen Text und Artwork scharf halten
Kontaktbögen und die Wiedergabe in Bewegung prüfen
Schnelle Überschriftenwechsel, Artwork-Übergaben, Zoom, Cover-Zusammenführung und den Abstand im finalen Schriftzug kontrollieren
Gleichmäßig verteilte Frame-Zeitstempel und die vollständige Dauer von 18 Sekunden überprüfen
Visuelle Fehler vor der Ausgabe der finalen MP4 und der editierbaren Quelldatei beheben
</implementation_and_validation>
So verwendest du diesen Prompt
01
Starte mit dem passenden Werkzeug
Öffne deinen bevorzugten Programmierassistenten oder dein 3D-Werkzeug. Nutze das im Beispiel genannte Modell als Ausgangspunkt und lies die Einrichtungshinweise verlinkter Projekte.
02
Wähle eine Änderung aus
Tausche Motiv, Kunststil oder Umgebung aus. Beschreibe Kamera und Interaktion klar. Baue zuerst eine kleine Version und verfeinere dann ein Detail nach dem anderen.
03
Gib der Szene eigene Elemente
Erstelle für einen individuellen Charakter oder Gegenstand ein 3D-Modell aus einer kurzen Beschreibung oder einem Referenzbild und importiere es in dein Projekt.
Die Vorschauen gehören den jeweiligen Urhebern. Prüfe Originalquelle und Projektlizenz, bevor du Code oder Materialien weiterverwendest.