Motion Fabdein KI-Motion-Designer
Simple Motion

Kinetisches App-Launch-Video mit animiertem UI-Mockup

Ein 42-sekündiges kinetisches Launch-Video, das die Oberfläche deiner App als durchgehendes animiertes Mockup nachbaut, mit riesigen Beat-Wörtern, Cursor-Klicks und 120-BPM-Musik.

Veröffentlicht 2-mal verwendet

Prompt verwenden

Der Prompt öffnet sich in der App: Füg dein eigenes Material hinzu und der Agent baut das Video.

Prompt melden

Prompt

Konzept

Mach ein 42 Sekunden langes kinetisches Produkt-Launch-Video im Querformat 1920x1080 für [your app]. Es zeigt, wie ein Gründer allein durch Chatten in der App ein Launch-Video für sein Startup erstellt. Baue die Oberfläche meiner App anhand meiner Screenshots als sauberes animiertes Mockup aus Formen und Text nach, nah am Original. In diesem Video ist es eine dunkle marineblau-violette App mit einer Live preview links, den Tabs Chat / Files / Panels rechts und pinken Akzent-Buttons. Zeige die Screenshots niemals als Standbilder: Jedes Element muss sich bewegen. Halte eine durchgehende Oberfläche ohne harte Schnitte. Die Kamera fährt zwischen den Panels heran, schwenkt und zieht zurück, während sich ein Cursor bewegt und klickt. Bleib im 120-BPM-Beat-Raster (ein Beat = 0,5 s) und lass auf jedem Beat etwas passieren. Riesige kinetische Wörter schlagen zwischen den Schritten über die UI. Das Startup des Gründers ist eine erfundene App, zum Beispiel "Pulse — standups your team actually reads" (durch deine ersetzen). Vermeide harte Schnitte, statische Screenshots, alles, was am Bildrand abgeschnitten wird, und Text oder Highlight-Balken, die in benachbarte Spalten laufen.

Ablauf

  1. Hook, 0–3 s: "YOUR LAUNCH VIDEO.", dann "IN ONE CHAT." in riesiger Schrift, Wort für Wort auf den Beat geschnitten. "CHAT." morpht in den Chat-Tab und die Kamera zieht auf das ganze App-Fenster zurück.

  2. Referenzen, 3–8 s: Ein Link "pulse-demo.app" wird in den Chat eingefügt. Ein PDF-Pitchdeck und ein Logo fliegen als Anhangskarten herein und rasten ein. Großes Wort "DROP".

  3. Prompt, 8–13 s: Der Gründer tippt "Make a 30-second launch video for Pulse, kinetic style, our colours" Buchstabe für Buchstabe, dann tippt der Cursor auf Senden. Großes Wort "ASK".

  4. Plan, 13–18 s: Der Agent antwortet mit einem fünfstufigen Plan als Checkliste. Die Schritte erscheinen und werden nacheinander abgehakt, und die Kamera weicht mit jeder neuen Zeile etwas zurück, damit das Bild nie leer wirkt. Großes Wort "PLAN".

  5. Sketch und Go, etwa 18–21 s: Eine graue Drahtgitter-Skizze des Promos füllt schnell die Live preview, mit dem Label "Live preview" und der Wiedergabeleiste im Bild. Der Gründer klickt auf Go, und ein pinker Hintergrund wächst aus dem gedrückten Button und flutet den Bildschirm hinter einem riesigen "GO!".

  6. Live, etwa 21–31 s: Statuszeilen erscheinen im Chat ("Picking fonts", "Animating the title", "Writing a soundtrack"), während sich die Skizze in das fertige Promo verwandelt. Die Kamera fährt heran, bis das Promo das Bild füllt. Etwa bei 27 s gleitet die Promo-Headline "Standups your team actually reads." herein, und ein limettengrüner Highlight-Balken zeichnet sich unter "actually reads.". Daneben steht eine Statistikspalte mit "92%" und "updates read". Großes Wort "LIVE".

  7. Export, etwa 31–37 s: Die Kamera zieht zur App zurück. Der Export-Button und die Tabs sind vollständig sichtbar, während der Export läuft und abgeschlossen wird. Großes Wort "DONE".

  8. Endcard, etwa 37–42 s: Das Logo von [your app] und "Live on [launch site] today" (durch deine ersetzen), das auf dem letzten Beat landet und bis zum Ende stehen bleibt.

Bildaufbau

Palette: dunkle marineblau-violette UI, magentapinke Akzent-Buttons und die pinke Flut, ein Pink-Orange-Verlauf auf dem Logo und Limette als Highlight-Farbe im Demo-Promo. Die kinetischen Wörter sind riesig, fett, in Großbuchstaben, serifenlos in den Markenschriften und füllen den Großteil der Bildbreite. Verkleinere ein langes Wort lieber leicht, statt es abschneiden zu lassen. Halte überall sichere Ränder ein. In Weitaufnahmen ist das ganze App-Fenster im Bild. Im Chat ist das Eingabefeld vollständig sichtbar. In der Export-Szene sind Export-Button und Tabs im Bild. Im Promo bleiben Headline und Limetten-Balken in ihrer eigenen Spalte mit reichlich Platz. Der Balken entspricht exakt der Breite seiner Wörter und überlappt nie die "92%"-Spalte.

Techniken

Eine durchgehende virtuelle Kamera mit weichen Ease-in-out-Heranfahrten, Schwenks und Rückzügen zwischen den Panels und ohne Schnitte. Der Cursor gleitet zu seinen Zielen und klickt mit einer kleinen Skalierung beim Drücken. Hook-Wörter schneiden pro Beat eines herein. Anhangskarten fliegen herein und rasten mit leichtem Überschwingen ein. Chat-Text wird Buchstabe für Buchstabe getippt. Checklisten-Einträge erscheinen und werden auf aufeinanderfolgenden Beats abgehakt. Die graue Skizze füllt sich schnell und verwandelt sich dann Element für Element in das fertige Promo. Die pinke Flut unter "GO!" wächst radial vom geklickten Button aus. Die großen Wörter schlagen mit einem schnellen Herunterskalieren über die UI ein und verschwinden auf dem nächsten Beat schnell wieder. Jeder Beat hat ein sichtbares Ereignis: ein Wort, einen Klick, eine Karte, ein Häkchen, eine Statuszeile oder eine Kamerabewegung.

Musik

Ein energiegeladener Elektro-Track mit 120 BPM, bei dem jeder Schnitt, jeder Wort-Slam und jedes UI-Ereignis auf den Beat gelegt ist. Er baut sich durch die Vorbereitungsschritte auf, steigt zu "GO!" an, treibt durch den Live-Aufbau und löst sich mit einem letzten Schlag auf der Endcard auf.

Sound

Tastaturklicks, die genau auf jeden getippten Buchstaben fallen. Mausklicks bei jedem Cursor-Tipp. Whooshes bei Kamerabewegungen und beim Hereinfliegen der Anhangskarten und Snaps, wenn die Karten landen. Leise Ticks für die Checklistenschritte und die Statuszeilen. Ein kraftvoller Impact unter jedem großen Wort, ein Riser zu "GO!" und ein letzter Schlag auf der Endcard. Halte die Musik unter den Effekten, damit Klicks und Impacts klar zu hören sind.

Referenzen

Kinetische Typografie-Trailer für App-Launches, die eine SaaS-Oberfläche als scharfes animiertes Mockup mit einer durchgehenden Kamerafahrt nachbauen, im Stil von Produkt-Launch-Day-Promos.

Was du vorbereiten solltest

  • Screenshots der Oberfläche deiner App und der Startseite deiner Website, mit denen das animierte Mockup nachgebaut und seine Farben und Schriften übernommen werden.
  • Das Logo deiner App, das auf der Endcard gezeigt wird.

Weitere Prompts

Vorschau des Prompts „Produkterklärung als handgezeichnetes Drink-Rezept“Simple Motion

Produkterklärung als handgezeichnetes Drink-Rezept

<direction> Erstelle eine quadratische 30-Sekunden-Motion-Graphic (1080x1080, 30 fps) mit leichter Lounge-Musik, verspielten Soundeffekten bei jeder Aktion und ohne Stimme. Es ist ein handgezeichnetes „Rezept“-Erklärvideo für mein Produkt: Seine Schritte werden als Drink gezeigt, der Schritt für Schritt in einem Glas entsteht. Es ist eine einzige durchgehende illustrierte Szene ohne Schnitte, alles verändert sich an Ort und Stelle. Der Look ist eine flache 2D-Illustration auf einer blassen lavendel-weißen Seite, mit tiefschwarz-blauen Tintenkonturen, die wie in handgezeichneter Animation „kochen“, und klobigen Cartoon-Versalien im Sticker-Stil. Ersetze jedes Wort in Anführungszeichen unten durch die eigenen Worte meines Produkts und behalte jeweils etwa dieselbe Länge, damit das Layout hält. Vermeide Schnitte, Kamerabewegungen, Schattierungen oder Verläufe jenseits der flachen Füllungen und Voice-over. </direction> <structure> Das Tempo ist ruhig und gleichmäßig. Das Intro ist schnell und federnd, jedes Eingießen dauert gleichmäßige 5 s, das Rühren und die Zeste laufen etwas schneller, und das Finale hält 3 s. Jeder Kartenwechsel liegt auf einem Schlag der 120-BPM-Musik: 6,0, 11,0, 16,0, 21,0, 24,5 und 27,0 s. - 0–2,5 s, Titel: „YOUR BRAND“ (durch deine Marke ersetzen) steht groß in der Mitte, etwa 920 px breit. Ab 0,15 s stempeln sich seine Buchstaben einzeln an ihren Plätzen ein, über 0,83 s. Jeder beginnt mit 10 % Größe, 22 px tiefer und um ±8–14° gekippt und landet in 0,36 s mit weichem Überschwingen (back.out 1.7). Bei 1,4 s blendet darunter eine kleine Zeile „what your product is“ ein, die bei 2,45 s wieder ausblendet. - 2,5–3,6 s, Übergabe: Der Titel steigt 365 px und schrumpft in 0,8 s (power3.inOut) auf 58 %, um zur Kopfzeile zu werden. Währenddessen zeichnet sich ab 2,87 s das Glas wie eine Federskizze selbst: linke Wand, rechte Wand, Randellipse, dann die Bodenkurve, insgesamt etwa 0,4 s. Seine Füllung blendet dann ein (0,28 s), und der Untertitel der Kopfzeile blendet unter dem Titel ein. - 3,6–6,0 s, Schritt 1: Die Karte kommt mit 4° Neigung und schnellem Einblenden (0,15 s) herein, und ihr großer Wert stempelt sich von selbst ein. Die Karte lautet „STEP 01“, „PICK“, „TEMPLATE“ und „vertical, horizontal or square“. Die Fortschrittsleiste blendet mit dem ersten aktiven Kreis ein. Drei Eiswürfel fallen von oberhalb des Bildes im Abstand von 0,35 s hinein. Jeder fällt mit Schwerkraft (power2.in, etwa 0,3 s), springt etwa 140 px hoch, hüpft 20 px und setzt sich: zwei am Boden und einer oben. Drei kleine Funkenstriche blitzen über jedem Würfel auf, wenn er den Rand passiert. Jede Landung füllt ein Drittel des Fortschrittsbalkens der Karte und fügt ein Wort des Status „three short words“ hinzu. - 6,0–21,0 s, Schritte 2–4: drei Eingießvorgänge von je 5 s, alle nach demselben Muster. Die Karten lauten „STEP 02 / SAY / KINETIC TYPE / tell the chat what to show“, dann „STEP 02 / SAY / SHAPES / the agent builds the animation“, dann „STEP 02 / SAY / SOUND / music and sound effects to the rhythm“. Eine Flasche gleitet von links herein (0,23 s) und steht. Dann kippt sie auf einem kleinen Bogen auf 115°, erst ein wenig nach oben und dann nach unten zum Gießpunkt (0,37 s), und gießt einen geschwungenen Strahl ins Glas. Die Flaschen sind lavendelfarben, dann pink, dann tiefes Tintenblau. Jede hat ein weißes Etikett mit meinem Logo als kleines Symbol mit abgerundetem Quadrat, einem Wort („TYPE“, „SHAPES“, „SOUND“) und einer kleinen Zeile („kinetic“, „3D effects“, „music“). Neben dem Glas erscheint eine graue Zielmarke („01“, dann „02“, dann „03“) mit einer gestrichelten Linie darüber. Der Drink steigt in 2 s (sine.inOut) bis zu dieser Marke, das Eis schwimmt mit auf, und Spritzer hüpfen dort, wo der Strahl auftrifft. Der Drink beginnt klar weiß, wird mit dem zweiten Eingießen pink und mit dem dritten tiefes Magenta (Pink gemischt mit tiefem Tintenblau), wobei jede Farbe etwa 1,3 s lang überblendet. Der Fortschrittsbalken füllt sich, und „live preview“ tippt sich in zehn Schritten selbst. Dann wird die Marke pink, das obere Ende des Strahls löst sich und fällt hinein, und die Flasche kippt zurück und gleitet hinaus. - 21,0–24,5 s, Schritt 5: Die Karte lautet „STEP 03 / REFINE / IN WORDS / “bigger”, “slower”, “another colour”“. Ein leichter Barlöffel mit Kugelende fällt mit schnellem Ease-out hinein. Er schaukelt in einem 0,8-s-Zyklus um 8° hin und her, während die Würfel sich stoßen und dunkler werden, dann hebt er sich heraus. Der Balken füllt sich in 4-Frame-Schritten, während „live preview“ getippt wird. - 24,5–27,0 s, Schritt 6: Die Karte lautet „STEP 03 / MP4 / EXPORT / download the MP4“. Eine orange Zestenspirale poppt über dem Glas auf, dreht sich und staucht sich etwa 0,8 s lang, während orange Tropfen fallen. Dann gleitet sie auf den Rand (0,5 s, power2.inOut), während „try it free“ fertig getippt wird. - 27,0–30 s, Finale: Die Karte baut sich neu auf als „YOUR TAGLINE / OPEN APP / YOURSITE.COM / pick · describe · refine“. Sieben kurze pinke und orange Striche schießen um das Glas heraus (0,16 s) und „atmen“ sanft weiter ein und aus. Das Glas wächst in 0,6 s um 4 % und hält bis zum Ende. </structure> <composition> Farben: - Seite: blasses Lavendel-Weiß (#FAF9FF). - Konturen: tiefes Tintenblau (#1C0B5D), etwa 3 px mit runden Enden. - Glas: Lavendel (#F0EDFF) mit violett getöntem Boden. - Eiswürfel: abgerundete Quadrate, weiß mit 40 % über dem, was dahinter liegt, mit einer inneren Eckenlinie. - Karten: weiß mit weichem lavendelfarbenem versetztem Schatten. - Orange (#FE9117): die Garnitur und die Hälfte der Finale-Striche. Schrift: - Display-Schrift: klobige Cartoon-Versalien (etwa wie Lalezar) als Sticker gesetzt. Die Vorderseite ist pink (#FB2D89), mit einer tiefblauen Tintenkontur dahinter und einer violetten Extrusion (#7C6CF2), nach links unten versetzt. - Kleiner Text: eine freundliche Druckhandschrift (etwa wie Playpen Sans), gedämpftes Purpurgrau (#6B6385) für Fließtext und Pink für Labels. Layout nach dem Intro: - Kopfzeile: oben mittig, etwa 540 px breit, mit einer kleinen Zeile darunter: „first benefit · second benefit · third benefit“. - Glas: ein konisches Whiskyglas links der Mitte, etwa 290 px breit, Rand bei y 457 und Boden bei y 797. - Infokarte: rechts, 390x248 px mit 14 px Ecken und tiefblauem Rand. Von oben nach unten enthält sie einen kleinen pinken Kicker, den großen Sticker-Buchstaben-Wert, einen Titel in dunklen Versalien, eine handgeschriebene Zeile und einen pillenförmigen Fortschrittsbalken mit einem kurzen Statuswort rechts davon. - Fortschrittsleiste: sechs Schritte am unteren Rand. Die Kreise sind 43 px breit und 156 px voneinander entfernt auf einer dünnen Schiene, mit kleinen Kapitälchen-Labels darunter: „TEMPLATE“, „TYPE“, „SHAPES“, „SOUND“, „REFINE“, „EXPORT“. </composition> <techniques> - Kochende Linien: Jede gezeichnete Linie bekommt ein sanftes Wackeln von 1–2 px, das alle 4 Frames zu einem neuen Wackeln wechselt, im gesamten Stück, wie eine Turbulenzverschiebung über den Linien. - Karten-Neuaufbau: Im ersten Frame jedes Schritts zeigt sich für einen Frame nur der neue große Wert, dann poppt die Karte zurück. Der große Wert stempelt sich von selbst ab 72 % Größe mit back.out-Überschwingen ein. - Tippen: Statuswörter tippen sich in Schritten selbst. - Fortschrittsleiste, aktueller Schritt: Sein Kreis hat einen tiefblauen Ring, einen pinken Punkt und ein pinkes Label und „atmet“ jede Sekunde zwischen 100 % und 112 %. - Fortschrittsleiste, abgeschlossener Schritt: etwa 0,1 s vor der nächsten Karte füllt sich sein Kreis pink, und ein weißer Haken zeichnet sich in 0,17 s. Sein Label wird tiefblau, und die Schiene zum nächsten Kreis füllt sich in 0,37 s pink. - Fortschrittsleiste, kommende Schritte: Sie bleiben gedämpft mit einem kleinen grauen Punkt. </techniques> <music> Ein warmes, entspanntes Lounge-Pop-Instrumental mit 120 BPM in Dur: Besenschlagzeug, runder Kontrabass, Vibraphon, Pizzicato-Streicher, Fingerschnipsen und ein wenig Shaker. Halte es spärlich ohne Leitmelodie, damit es unter den Effekten sitzt. Es beginnt mit ein paar gezupften Vibraphon- und Pizzicato-Noten ohne Schlagzeug, und bei 2 s setzt ein sanfter Bass ein. Der volle Besen-Groove mit Walking Bass setzt genau auf der ersten Eingieß-Karte bei 6,0 s ein. Er bleibt gleichmäßig durch die Eingießvorgänge, das Rühren und die Zeste, setzt bei 28,0 s einen abschließenden Akkordschlag, wenn sich das fertige Glas beruhigt, und klingt bis zum Ende aus. Mach ihn genau 30 s lang, gemischt auf etwa -14 LUFS mit True Peak unter -1 dBTP. </music> <sound> Keine Stimme. Jeder Effekt sitzt auf seinem Frame, deutlich über der Musik; die Musik muss nie lauter werden, um Platz zu machen. - Titel: ein weiches Plopp für jeden Buchstaben, leicht in der Tonhöhe steigend und von links nach rechts im Panorama wandernd, während das Wort entsteht. - Übergabe: ein sanftes Whoosh unter dem Aufsteigen des Titels und ein leises Bleistiftkratzen für jeden Strich, während sich das Glas zeichnet. - Karten: ein Papierschnipsen und ein weicher Schlag, jedes Mal wenn eine Karte ausgeteilt wird und ihr großes Wort einstempelt. - Eis-Landungen: ein hartes, kurzes Klopfen von Eis am Glas für jeden Würfel, mit zwei oder drei Kontakten im Abstand von wenigen Millisekunden und einem tiefen Dumpfen unter dem Fall. Weicher für den Aufprall und kleiner für den letzten Hüpfer, jeder Schlag deutlich abgehoben von der Musik. - Flaschen: ein sanftes Whoosh, wenn jede Flasche hereingleitet, und erneut, wenn sie kippt. - Eingießen: jedes deutlich hörbar und anders. Zuerst ein sprudelnder, spritzender klarer Strahl, der das Eis anstößt, dann ein vollerer Strahl in schnellen Glucksern, dann ein dunkler, sirupartiger in langsamen, tiefen Glucksern. Gib jedem Eingießen Körper im Bereich von 1–4 kHz, wo der Strahl und die klingende Lufttasche des Glases sitzen, sodass es dort etwa 8 dB über den Sekunden davor und danach liegt. Halte sie sauber: überwiegend klingendes Glas und Blasen, wenig Zischen. - Rund um jedes Eingießen: Die Tonhöhe der Lufttasche steigt von Eingießen zu Eingießen, während sich das Glas füllt, und nach jedem fallen ein paar letzte Tropfen. Die Musik wird unter jedem Eingießen um etwa 5 dB abgesenkt und kommt sanft zurück, und ein Whoosh folgt der Flasche hinaus. - Fortschrittsleiste: ein sanfter Zwei-Ton-Bestätigungsklang, sobald ein Schritt abgehakt wird, für den letzten etwas lauter. - Löffel: ein metallisches Klirren, wenn er hineinfällt, Eis, das an jedem Ende seines Schwungs ans Glas klopft, und ein Whoosh, wenn er herausgehoben wird. - Zeste: ein Zupfen, wenn sie aufpoppt, drei feine Sprühnebel, während sie sich dreht, und ein sanftes Tippen, wenn sie auf dem Rand landet. - Finale: ein heller Klang mit dem Ausbruch der Striche, über einem leisen gläsernen Schimmern bis zum Ende. - Endmischung: etwa -14 LUFS, True Peak unter -1 dBTP. </sound> <references> Handgezeichnete Cel-Animation mit kochenden Linien, flache App-Erklärvideos im Sticker-Stil und Cocktailrezept-Illustrationen, in denen jede Zutat für eine Funktion steht. </references>

Vorschau des Prompts „3D-App-Wand-Tauchgang in eine Produktdemo in drei Schritten“Simple Motion

3D-App-Wand-Tauchgang in eine Produktdemo in drei Schritten

<direction> Erstelle eine 31 Sekunden lange horizontale Produktdemo in 1280x720, komplett aus Animation gebaut, mit Ton. Sie läuft als eine durchgehende Kamerabewegung ohne Schnitte und loopt nahtlos: Das letzte Bild landet auf dem ersten. Die Idee: Eine Wand aus App-Screens, im 3D-Raum nach hinten geneigt, die Kamera taucht in einen Screen ein, dieser Screen wird zum App-Fenster, und drei nummerierte Schritte zeigen, was das Produkt kann, bevor eine Endkarte mit meinem Logo folgt. Der Look ist klar und modern: flache Vektor-UI, von dir gezeichnet, weiche Tiefe, viel Raum, ruhige und präzise Bewegung. Vermeide harte Schnitte, echtes Filmmaterial, Stockbilder, unruhige Hintergründe, federnde oder cartoonhafte Easings und alles, was den Loop unterbricht. </direction> <structure> Anfang, ca. 0 bis 4 s: Eine im 3D-Raum nach hinten geneigte Wand aus App-Screens driftet langsam. Ein zentrierter Titel wie "Your ideas, in motion" (durch deinen ersetzen) liegt darüber und verschwindet dann in Unschärfe. Eintauchen, ca. 4 bis 6 s: Die Kamera fährt in einen Screen hinein, der wächst, zum App-Fenster wird und sich auf einer Seite des Bildes einpendelt. Beat 01, ca. 6 bis 13 s: Eine kleine Schrittnummer "01" und eine Überschrift wie "Sketch your idea" (durch deine ersetzen) gleiten zeilenweise neben dem Fenster nach oben. Im Fenster zieht sich ein Pinselstrich über die Leinwand. Beat 02, ca. 13 bis 20 s: Der vorherige Text gleitet nach oben hinaus, dann gleiten "02" und eine Überschrift wie "Chat to shape it" genauso hinein. Der Fensterinhalt wechselt passend. Beat 03, ca. 20 bis 26 s: "03" und eine Überschrift wie "Export in one click" kommen auf dieselbe Weise, und das Fenster zeigt ein Terminal, das Textzeilen mit blinkendem Cursor tippt. Endkarte, ca. 26 bis 31 s: mein Logo und "[your brand]" mit einem kurzen Slogan wie "Make it move" (durch deinen ersetzen). Danach fährt die Kamera zurück zur geneigten Screen-Wand, sodass das letzte Bild dem ersten entspricht und das Video loopt. </structure> <composition> Halte das Fenster groß, etwa 60 % der Bildbreite, auf einer Seite. Setze die Textspalte linksbündig auf die andere Seite. Platziere die Schrittnummer klein, in der Akzentfarbe, über der Überschrift. Setze Überschriften in einer fetten, klaren Sans-Serif, höchstens zwei kurze Zeilen, mit leichterem Schnitt für eine unterstützende Zeile. Verwende mein Logo als App-Icon in der Fensterleiste und zentriert auf der Endkarte. Nutze rollenbasierte Farben aus meiner Marke, zum Beispiel einen fast schwarzen Hintergrund (#0E0F13), gebrochen weißen Text (#F4F4F6), einen leuchtenden Akzent für Schrittnummern, Highlights und den Pinselstrich und ein gedämpftes Grau für Fensterrahmen und sekundäre UI. Halte die Screen-Wand in derselben Palette mit geringerem Kontrast, damit der Titel darüber lesbar bleibt. </composition> <techniques> Alles geschieht innerhalb einer durchgehenden Kamerabewegung: ein langsamer Drift über die 3D-Wand, die etwa 25 Grad nach hinten geneigt ist, mit sanfter Parallaxe zwischen den Screens. Der Titel verschwindet mit zunehmender Unschärfe und Ausblendung über etwa 0,6 s. Das Eintauchen ist ein sanfter Ease-in-out-Push in einen Screen, der dabei skaliert und sich zum App-Fenster abflacht. Überschriftzeilen gleiten etwa 30 px nach oben und blenden ein, um etwa 0,1 s versetzt, mit weichem Ease-out. Ausgehender Text gleitet nach oben und blendet aus, bevor der nächste Schritt hereinkommt. Der Fensterinhalt wechselt an Ort und Stelle mit kurzen Überblendungen und Slides. Der Pinselstrich wird fortlaufend gezeichnet. Das Terminal tippt Zeichen für Zeichen mit blinkendem Cursor. Auf der Endkarte skaliert das Logo sanft ein, dann gleitet die Kamera zurück zur Eröffnungswand für einen nahtlosen Loop. </techniques> <music> Verwende einen instrumentalen, ruhigen Synthwave-Track mit etwa 100 BPM, genau 31 Sekunden lang, mit Schnitten und Akzenten auf dem Beat-Raster. Ein warmer Pad liegt unter dem Titel. Der Beat setzt mit einem weichen Boom ein, wenn die Kamera ins Fenster eintaucht. Der Track hebt sich für Beat 02 leicht und wird unter dem Terminal dünner. Ein Riser führt in die Endkarte, und der Track löst sich auf, sodass der Loop zurück zum Anfang nahtlos ist. Ziele auf etwa -14 LUFS mit True Peak unter -1 dBTP. </music> <sound> Füge ein Whoosh beim Eintauchen ins Fenster hinzu, einen weichen UI-Tick, wenn jede Überschriftzeile landet, ein leichtes Pinselrauschen beim Strich in Beat 01 und leise Tastaturtipp-Geräusche unter dem Terminal-Tippen. Füge einen sanften Impact oder Chime hinzu, wenn das Logo auf der Endkarte landet. Halte die Effekte unter der Musik, ohne Sprecher. </sound> <references> Es erinnert an eine polierte App-Launch- oder Walkthrough-Animation: eine Kamera, die über ein 3D-Raster aus UI-Screens in ein sauberes Produktfenster fliegt, mit nummerierten Feature-Schritten, wie in modernen Software-Landingpage-Demos. </references>

Vorschau des Prompts „Landingpage-Promo mit objektgesteuerten Übergängen“Simple Motion

Landingpage-Promo mit objektgesteuerten Übergängen

<direction> Erstelle ein 15-sekündiges horizontales Motion-Graphics-Promo im Format 1920x1080 für [your brand], aufgebaut wie eine Landingpage, die zum Leben erwacht. Schneide es auf einen elektronischen Track mit 128 BPM ohne Sprecher. Die Idee: Es gibt nie einen einfachen Schnitt, jede Szene übergibt über ein Objekt (einen Punkt, eine Walzenauswahl, ein Handy, eine Gewinner-Kachel) an die nächste. Halte einen sauberen, hellen Produkt-UI-Look: helle Hintergründe, abgerundete Pills, Karten, ein Handy, ein Dashboard und eine Videowand, alle Beschriftungen als dunkler Text auf weißen Platten, und meine Markenfarben nach Rolle eingesetzt. Vermeide harte Schnitte, Überblendungen, Sprecher, weißen Text auf hellen oder gestreiften Hintergründen und Beschriftungen, die Ringe oder benachbarte Formen überlappen. </direction> <structure> Fünf Beats von etwa gleicher Länge, je etwa 3 Sekunden, jede Übergabe landet auf dem Beat. 1. Eröffnung: Ein einzelner Punkt erscheint in der Mitte und wächst zu einer horizontalen Pill mit einer Reihe von Kreisen: kleine Porträts und Icons wie "Aa", einfache Formen und ein Würfel. Jedes Icon ist vollständig sichtbar und nicht vom benachbarten Kreis verdeckt. Die Kamera zieht zurück und enthüllt eine zweizeilige Schlagzeile, beide Zeilen zentriert. Die erste Zeile lautet etwa "No … keyframes." (durch deine ersetzen). Das letzte Wort der Schlagzeile rollt weiter durch Alternativen wie eine Slot-Walze. 2. Ein Zoom taucht hindurch in eine rotierende Walze aus Creator-Porträts und Karten. Die Walze wird langsamer und bleibt bei einer Auswahl stehen, die hervorgehoben wird. 3. Die Auswahl wird zu einem Handy, und ein Fächer aus Feature-Karten breitet sich um es herum aus. Eine Karte zeigt "Edit in words" mit der großen Zahl "03" und einem kleinen "Live preview"-Tag direkt neben der Zahl (durch deine Features ersetzen). Die Kartenbeschriftungen liegen auf weißen Platten. 4. Ein Wischschwenk führt zu einem Dashboard aus Video-Kacheln mit Beschriftungen auf weißen Platten. Es bewertet sie und wählt ein Gewinnervideo aus, das hervorgehoben wird. 5. Die Gewinner-Kachel öffnet sich zu einer geneigten Videowand mit Beschriftungen auf weißen Platten. Die Wand faltet sich dann zu meinem Logo für die Endkarte, mit "[your website]" neben dem Logo auf einer weißen Platte. </structure> <composition> Zentrierte, symmetrische Bildgestaltung für die Schlagzeile und die Logo-Endkarte. UI-Elemente sind wie auf einer echten Landingpage angeordnet: eine Pill-Reihe, Karten mit großen Zahlen und kleinen Tags, ein Handy-Mockup, ein Dashboard-Raster und eine perspektivisch geneigte Wand. Verwende meine Markenfarben nach Rolle: Hintergrundtöne (hell, mit einigen gestreiften Flächen), eine Akzentfarbe für Hervorhebungen, Auswahlen und Ringe und eine dunkle Textfarbe. Jede Beschriftung auf Karten, Kacheln und der Wand ist dunkler Text auf einer weißen, abgerundeten Platte, damit sie auf jedem Hintergrund lesbar ist. Verwende eine saubere Sans-Serif-Familie: eine fette Schlagzeile, Beschriftungen in normaler Stärke und fette Button-Beschriftungen. Lasse großzügige Abstände, damit kein Text Ringe oder Ränder berührt. </composition> <techniques> Jeder Übergang ist ein Objekt, das sich in die nächste Szene verwandelt, nie ein Schnitt. Der Punkt skaliert mit sanftem Ease-out zur Pill, und die Kreise poppen leicht versetzt auf. Der Kamerarückzug ist eine sanfte Verkleinerung, die die Schlagzeile enthüllt. Das rollende Wort ist eine vertikale Slot-Rolle, die Wörter in einer Schleife durchläuft. Der Zoom geht durch die Pill in die Walze. Die Walze dreht schnell und bremst mit langem Ease-out ab, um präzise auf der Auswahl zu landen. Die Auswahl skaliert und formt sich zum Handy um, und die Karten fächern sich mit gestaffelter Drehung und Verschiebung um es herum auf. Der Wischschwenk ist eine schnelle horizontale Bewegung mit Bewegungsunschärfe und scharfem In-out-Ease. Die Dashboard-Auswahl ist ein Hervorhebungsring mit Skalierung des Gewinners. Der Gewinner dehnt sich zur geneigten 3D-Wand aus, die sich faltet und mit einem finalen Einrasten zum Logo zusammenfällt. Alle wichtigen Bewegungen und Landungen treffen das Beat-Raster. </techniques> <music> Komponiere einen originalen, mitreißenden elektronischen Track mit 128 BPM, genau 15 Sekunden lang, mit klarem Spannungsbogen: leichter Start, Aufbau durch die Walzen- und Handy-Szenen, ein Drop um den Wischschwenk und ein sauberes Ende auf dem Logo. Lege ihn auf das Beat-Raster des Schnitts, mit darüber komponierten Hits für jede Übergabe, einem Riser in den Drop und einem finalen Hit, wenn die Wand sich zum Logo faltet. Master auf etwa -14 LUFS mit True Peak unter -1 dBTP. </music> <sound> Kein Sprecher. Füge Whooshes beim Durchzoomen und beim Wischschwenk hinzu, ein kurzes Ticken-und-Stopp, wenn die Walze landet, und einen sanften Impact auf dem Logo. Halte alle unter der Musik und auf dem Beat. </sound> <references> Eine SaaS-Landingpage, animiert zu einem Produkt-Promo: UI-Karten, Handy-Mockup, Analytics-Dashboard und Videowand, im Stil moderner App-Launch-Videos mit nahtlosen Objekt-zu-Objekt-Übergängen. </references>

Motion Fab - Describe a video in chat, an AI agent animates it | Product Hunt

Notwendige Cookies speichern deine Website-Einstellungen. Mit deiner Erlaubnis hilft uns Google Analytics zu verstehen, wie Motion Fab genutzt wird. Du kannst deine Wahl in der Fußzeile ändern.

Deine Datenschutz-Optionen nach den geltenden Datenschutzgesetzen der US-Bundesstaaten. Datenschutzerklärung

Notwendige Cookies speichern deine Website-Einstellungen. Mit deiner Erlaubnis hilft uns Google Analytics zu verstehen, wie Motion Fab genutzt wird. Du kannst deine Wahl in der Fußzeile ändern.

Deine Datenschutz-Optionen nach den geltenden Datenschutzgesetzen der US-Bundesstaaten. Datenschutzerklärung