Motion Fabdein KI-Motion-Designer

Prompts der Community

Erklärvideos

Erklärvideos: Videos aus Motion Fab mit den Prompts, aus denen sie entstanden sind. Öffne einen Prompt in der App, füg dein eigenes Material hinzu und der Agent baut das Video.

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>

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>

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