Motion Fabdein KI-Motion-Designer

Prompts der Community

Musikvisuals

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

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>

Simple Motion

Split-Screen-Sting für Apps mit zwei Bildraten

<direction> Erstelle einen 12-sekündigen horizontalen Split-Screen-Produkt-Sting für meine App, 1920x1080 bei 59,94 fps. Zwei quadratische Panels spielen nebeneinander dieselbe helle Interface-Animation ab. Das linke Panel läuft mit dem Gefühl von 29,97 fps, das rechte mit voller Bildrate, sodass der Unterschied in der Flüssigkeit sichtbar wird. Sieben schnelle Einstellungen landen auf dem Beat: Ein Cursor klickt in einem App-Fenster auf mein Logo, das Icon platzt in kreisende Quadrate auf, ein Klick in der Menüleiste lässt eine gläserne Eingabebox herausspringen, in der Text getippt wird, eine Textseite rauscht mit einer Karte vorbei, zwei gestapelte Karten driften nach oben, mein Logo steht allein, und ein leuchtender Schriftzug schlägt auf Fast-Schwarz ein. Der Look ist sauber und hell, mit weichen Schatten und Bewegungsunschärfe bei jeder Bewegung. Vermeide Standbild-Starts, Überblendungen, Filmkorn und Voice-over. </direction> <structure> 1. 0,00–2,39 s, Header und Klick. Ein violett getönter Dunst klärt sich in 0,9 s zur weißen Seite und hinterlässt unten ein lavendelfarbenes Leuchten. Ein einzeiliger Header steigt von etwa y 930 auf 537 mit exponentiellem Ease-out (etwa 1,2 s), anfangs stark verwischt. Er enthält mein Logo in einer lavendelfarbenen Scheibe von 132 px, den Namen „[deine Marke]“ in Inter Medium in tiefem Tintenblau und eine tiefblaue Kapsel „App öffnen“. Der Name poppt im zweiten Frame auf, schon unscharf. Die Kapsel folgt zwei Frames später und gleitet 15 px nach links, während sie scharf wird. Ab 0,45 s blendet sich ein weißes App-Fenster mit 93 px Eckenradius um den Header ein (53 %, 70 %, dann 100 % bis 0,78 s). Darin sind eine lavendelfarbene Suchpille „Beschreibe das Video“, eine Spalte gedämpfter Icons und eine Karte über einem Cover von Tiefblau zu Violett. Die Karte lautet im linken Panel „Deine Idee ist bereit, sich zu bewegen“ / „Live-Vorschau · MP4-Export“ und im rechten „Chat statt Timeline“. Das Cover lautet „Von der Idee zum Video in einem Chat“ oder „Beschreibe deine Idee“. Bei 0,88 s erscheint oben rechts ein schwarzer Pfeil-Cursor mit weißem Rand und gleitet bremsend nach links. Er dreht sich um -85 Grad, um beim Sturzflug nach unten zu zeigen, landet aufrecht auf dem Logo und wächst auf das 1,55-Fache, während ein weicher rosa Ring um die Scheibe aufleuchtet. Die Kamera fährt auf 1,2 um die Mitte ein (Ease-in-out, 0,47 s) und hält einen Frame. Dann zieht sie auf einer beschleunigenden Kurve auf 1,04 zurück, während der Cursor drückt (schrumpft um 15 %), direkt in den Schnitt. 2. 2,39–3,35 s, Icon und Orbit. Harter Schnitt auf den Musik-Drop: Mein Logo als App-Icon landet bei 276 px und schrumpft auf 178 px (Expo-out, 0,47 s). Vier abgerundete Quadrate, bewegungsunscharf und 32 Grad voraus, setzen sich in Kreuzform mit 222 px Radius um es herum (Expo-out, 0,9 s). Links sind sie violett, türkis, pink und gelb, rechts pink, orange, türkis und weiß. Eine zweifarbige lavendelfarbene Scheibe wächst in 0,2 s hinter dem Icon. Ab 3,12 s falten sich die Quadrate nach rechts zu einer Reihe und schrumpfen, und das Icon schrumpft auf etwa 70 px unter einer Unschärferampe. 3. 3,35–5,29 s, Menüleiste und Eingabe. Schnitt auf die obere rechte Ecke eines Computerbildschirms unter einer weißen Seite. Sie zeigt eine 46 px breite fast schwarze Blende und eine dunkle, durchscheinende Menüleiste mit WLAN-, Akku- und Steuerungs-Icons, meinem Logo, drei Akzentpunkten, „[deine Marke]“ und „App öffnen“. Der Hintergrund geht von Tiefblau zu Violett, mit diagonalen Lichtstreifen links, einem rosa Glühen, einem dünnen Raster und einem Funkeln rechts. Der Cursor steigt zum Logo auf und klickt (skaliert 0,1 s lang auf 0,82). Eine matte gläserne Eingabebox springt aus dem Icon: 740 x 226 px, 56 px Radius, durchscheinend lavendelfarben mit feinem weißem Rand. Sie skaliert in 0,19 s mit Überschwingen von 0,18 auf 1, ihre Unschärfe fällt von 9 px auf 0, während die Kamera 115 px nach rechts schwenkt. Sie tippt mit 27 Zeichen pro Sekunde hinter einem weißen Cursorstrich: „In Worten bearbeiten, keine Keyframes“ links, „Größer, langsamer, andere Farbe“ rechts. Ein rosa runder Senden-Button und drei kleine Symbole sitzen in der unteren Reihe. Die Einstellung driftet nach oben und verlässt das Bild auf einer vertikalen Unschärferampe, während ein lavendelfarbener Schleier auf 75 % steigt. 4. 5,29–7,16 s, Antwortseite und Karte. Aus dem lavendelfarbenen Flash scrollt eine Seite mit grau-violettem Text in Inter 42–45 px von 291 px unterhalb nach oben. Sie bewegt sich auf einer exponentiellen Kurve (Zeitkonstante 0,2 s), mit vertikaler Unschärfe, die an die Geschwindigkeit gekoppelt ist. Eine Wendung in tiefblauem SemiBold steht unter einem kleinen aufrechten Cursor: „KI-Motion-Designer“ links, „„langsamer“, „andere Farbe““ rechts. Beispielzeilen: „Von der Idee zum Video in einem Chat“, „01 Wähle eine Vorlage“, „02 Beschreibe deine Idee“, „03 Verfeinere in Worten, dann exportiere“, „Sag dem Chat, was er zeigen soll. Der Agent baut die Animation.“, „Kinetische Typografie, Formen, 3D-Effekte und Sound“. Bei 6,22 s poppt unten eine unscharfe Karte auf. Sie steigt auf einem schnellen Ease-out mit einem gleichmäßigen Aufwärtsdrift von 158 px/s, während die Seite auf 45 % abdunkelt und 3 px unscharf wird. Links zeigt die Karte ein abstraktes Dreieck in Tiefblau, Violett, Orange und Gelb mit der Beschriftung „Ideen in Bewegung“ / „[deine Website]“. Rechts zeigt sie ein Cover von Tiefblau zu Violett mit einer weißen Karte „Beschreibe deine Idee“, beschriftet „Chat statt Timeline“ / „Live-Vorschau · MP4-Export“. Ab 6,9 s beschleunigt sie nach oben, schrumpft auf 0,9 und blendet unscharf aus. 5. 7,16–8,16 s, gestapelte Karten. Eine Unschärfe-Überblendung über drei Frames bringt zwei gestapelte Karten (534 x 343 px, 51 px Radius) herein. Sie kommen 165 px tiefer, 15 % größer und unscharf an, setzen sich in 0,3 s und driften weiter nach oben, dann verlassen sie das Bild mit einer beschleunigenden Bewegung und einer Unschärferampe. Jede trägt einen riesigen weißen Titel mit 60 % Deckkraft, vom unteren Rand abgeschnitten. Links lauten die Titel „Schriften“ und „Musik“ über Dreiecks-Artwork mit einer „App öffnen“-Pille. Rechts lauten sie „Formen“ und „Sound“ über Covern von Tiefblau zu Violett mit „02“- und „03“-Pillen und weißen inneren Karten „Kinetische Typografie, Formen“ und „Musik und Soundeffekte“; die zweite Karte hat ein rosa-oranges Glühen. 6. 8,16–10,03 s, das Logo allein. Unschärfeschnitt auf mein Logo in einer lavendelfarbenen Scheibe von 167 px auf Weiß. Es steigt 115 px auf einer exponentiellen Kurve (0,17 s) an seinen Platz, hält, dann schrumpft es in den Schnitt. 7. 10,03–12,00 s, Endkarte. Harter Schnitt auf Fast-Schwarz mit einem tiefblauen radialen Glühen. Ein weißer Schriftzug mit weichem zweischichtigem Glühen schlägt von 3,85x ein: „[deine Marke]“ links, „[deine Website]“ rechts. Seine horizontale Unschärfe vergeht in 0,1 s. Er setzt sich in etwa einer Sekunde auf einer immer langsameren Kurve auf 1x, zieht dann langsam zurück und beschleunigt im letzten Frame auf 0,72x. </structure> <composition> Der Hintergrund ist Fast-Schwarz #0D0B1E. Zwei quadratische Panels mit je 930 x 930 px sitzen nebeneinander bei y 100 (links bei x 20, rechts bei x 970). Über jedem steht ein kleines Label in Inter SemiBold 28 px, helles Lavendel #E9E4F2: „Live-Vorschau“ über dem linken Panel und „[deine Marke] · MP4-Export“ über dem rechten. Beide Panels spielen dieselben sieben Einstellungen gleichzeitig ab, mit demselben Timing und derselben Bewegung. Das linke Panel zeigt jeden zweiten Frame ein neues Bild und das rechte jeden Frame. Nur einige Wörter unterscheiden sich zwischen den Panels, wie in den Einstellungen vermerkt. Innerhalb eines Panels ordne alles auf einer 1080 x 1080 Bühne an, die passend skaliert wird. Palette: helle Seite #FAF9FF; Lavendel #F0EDFF für weiche Flächen und Glühen; Linien #E9E4F2; gedämpftes Graviolett #6B6385 für Sekundärtext; Tiefblau #1C0B5D für dunkle Schrift und dunkle Flächen; Fast-Schwarz #0D0B1E. Akzente sind Pink #FB2D89 (der Hauptakzent) und Orange #FE9117, mit Violett #7C6CF2, Türkis #2DD4B0 und Gelb #FFD23F, wo vier Farben gebraucht werden. Verwende durchgehend Inter 400/500/600/700. Mein Logo ist überall dort, wo ein Logo erscheint, das App-Icon. Ein abgerundetes quadratisches Icon passt am besten zum Layout, zum Beispiel ein tiefblaues Quadrat mit einem pink-orange-weißen Wirbel und einem pinken Play-Dreieck. </composition> <techniques> Nichts startet aus einem Standbild. Jedes Element tritt bereits in Bewegung mit exponentiellem Ease-out ein und verlässt das Bild mit einer beschleunigenden Bewegung oder einer Unschärferampe. Bewegungsunschärfe folgt Geschwindigkeit und Richtung jeder Bewegung. Es gibt keine Überblendungen: Einstellungen wechseln durch harte Schnitte, Unschärfeschnitte und eine kurze Unschärfe-Überblendung, alle auf dem Beat. Die Kamera fährt auf 1,2 ein (Ease-in-out, 0,47 s), hält einen Frame und zieht in Einstellung 1 auf einer beschleunigenden Kurve auf 1,04 zurück und schwenkt in Einstellung 3 um 115 px nach rechts. Der Cursor ist ein schwarzer Pfeil mit weißem Rand; seine Klicks lassen ihn schrumpfen (15 % oder auf 0,82 für 0,1 s). Getippt wird mit 27 Zeichen pro Sekunde hinter einem weißen Cursorstrich. Pop-ins schwingen über. Aufwärts-Abgänge nutzen vertikale Unschärferampen, und der Einschlag der Endkarte nutzt eine horizontale Unschärfe. </techniques> <music> Mach ein beschwingtes Funky-House-Bett mit 124 BPM, exakt 12 Sekunden lang. Es beginnt mit einem gefilterten Intro unter der ersten Einstellung. Der volle Groove (Four-on-the-floor-Kick, Claps, Slap-Bass, perlende Akkorde) setzt beim Schnitt zum Icon bei 2,39 s ein. Ein gefilterter Breakdown läuft unter dem einzelnen Logo, und ein Hall-Ausklang folgt dem Schlag der Endkarte. Jeder Schnitt sitzt auf dem Beat. Mische auf etwa -14 LUFS mit einem True Peak unter -1 dBTP. </music> <sound> Füge zusätzlich zur Musik diese Soundeffekte hinzu: - ein Riser in den Drop und ein Boom darauf - ein sanfter Klick, wenn der Cursor das Logo drückt, und ein weiterer auf dem Menüleisten-Icon - ein Pop, wenn die Eingabebox herausspringt - leichte Tipp-Ticks - ein Whoosh beim Falten in die Menüleiste und beim Wischen zur Textseite - Swishes, wenn die Karte aufsteigt und wenn die gestapelten Karten hereinblenden - ein leichter Impact auf dem einzelnen Logo - ein Boom mit fallendem Ton auf der Endkarte Keine Stimme. </sound> <references> Ein polierter App-Launch-Sting im Stil moderner Produkt-UI-Motion: helle Interface-Mockups, kinetische Kamerabewegungen, starke gerichtete Bewegungsunschärfe und beatsynchrone Schnitte. Er ist als Bildraten-Vergleich aufgebaut. </references>

Simple Motion

Acht-Takte-Showreel eines Motion Designers mit 128 BPM

<direction> Erstelle ein 15-sekündiges horizontales Motion-Graphics-Reel (1920x1080, 60 fps) für [your brand], das sich wie das Showreel eines Motion Designers anfühlt. Die Idee: acht Szenen von genau je einem Takt bei 128 BPM (1,875 s), mit einem harten Schnitt auf jeder Taktlinie, und jede Szene zeigt eine andere Disziplin: Punkte, Kinetic Type von einer Kamera gefilmt, Formen-Morphs, ein Punktraster, 3D-Punkte, ein Band, Textringe und eine Endkarte. Alles ist flache Vektorgrafik auf flachen, gesättigten Farbflächen, mit feinem animiertem Filmkorn und leichter Vignette. Vermeide Überblendungen, Fotos oder Footage, Voice-over und jede Szene, die länger als ein Takt ist. Das einzige Durchatmen ist die Endkarte. </direction> <structure> 1. 0,00-1,88, fast schwarz: Ein pinker Punkt poppt mit Overshoot in der Mitte auf. Auf den Schlägen 2, 3 und 4 teilt er sich in 2, dann 4, dann einen Ring aus 8 Punkten (Radius etwa 200 px), der sich weiterdreht. Ein dünner grauer Kreis zeichnet sich selbst, mit einem gepunkteten Innenkreis und einem kleinen Fadenkreuz. Auf dem letzten Schlag kollabiert der Ring in den Mittelpunkt, und ein pinker Kreis öffnet sich als Irisblende daraus und füllt den Bildschirm. 2. 1,88-3,67, pink: Die Schlagzeile "YOUR IDEA / IN MOTION." (durch deine ersetzen) in tiefem Tintenblau, von einer virtuellen Kamera gefilmt. "YOUR" knallt riesig und leicht unscharf herein und setzt sich dann. Die Buchstaben von "IDEA" fliegen im Bogen von oben rechts herein, 35 ms versetzt, mit Overshoot, während Eckklammern um das Wort einrasten und die Kamera auf die ganze erste Zeile zurückzieht. Ein schneller Whip Pan (etwa 0,15 s, mit Bewegungsunschärfe) rahmt links nah neu, während "IN" auf Zeile zwei aufsteigt. Ein zweiter Whip zieht auf den ganzen Block auf, während die Buchstaben von "MOTION." einzeln hereinfallen, 26 ms versetzt. Dann fährt ein 0,17 s langer Crash Zoom in den Punkt, bis sein dunkler Punkt den Bildschirm füllt. 3. 3,67-5,63, fast schwarz: Aus diesem dunklen Feld wächst in der Mitte ein pinker Kreis. Er sitzt in einer Begrenzungsbox eines Designwerkzeugs mit acht Griffen und einer Anzeige "ROT 000.0° / SHAPE CIRCLE" oben rechts. Auf den Schlägen morpht er und dreht sich jedes Mal um etwa 100 Grad mit schnellem Ease-out: ein violettes abgerundetes Quadrat, ein gelbes abgerundetes Dreieck, dann eine orange fünflappige Blume. Schwache Echokonturen folgen der Kante, und Geisterboxen verwischen hinter jeder Drehung, während die Anzeige den Winkel zählt und die Form benennt. Die Blume verwandelt sich in eine Halbton-Rosette aus kleinen pinken Punkten. 4. 5,63-7,50, helle Seite: Die Rosette, nun aus tiefblauen Punkten, platzt in eine rotierende Kugel aus Strichen und setzt sich in ein bildschirmfüllendes Raster aus 32 x 18 Punkten. Auf den Schlägen laufen Bänder größerer pinker Punkte wellenförmig hindurch: ein Ring, der sich von der Mitte ausdehnt, ein vertikaler Sweep von links nach rechts, Wellen aus zwei Ecken, dann ein Ring in der Mitte. Im letzten halben Takt kippt das Raster zurück in eine 3D-Wellenebene. 5. 7,50-9,38, violett: Die Ebene setzt sich als weiße Punkte fort (einige davon gelb). Die Punkte wirbeln zu einer Kugel, dann einem Torus, dann den Kanten eines Würfels. Jeder Punkt kommt mit eigener kleiner Verzögerung an und hinterlässt kurze Striche, wenn er sich schnell bewegt. Die Punkte blenden aus, der Würfel wird ein sauberes weißes Drahtgitter, und die Kamera fliegt beim Schnitt direkt hindurch. 6. 9,38-11,25, gelb: Eine dicke gestreifte Röhre (tiefblaue Kontur, pink, weiß, violetter Kern, weicher Schlagschatten) schlängelt sich von unten links herein. Sie steigt auf, schlägt oben eine Schleife und kreuzt sich selbst, und an der Kreuzung platzt ein Ring kleiner Strichmarken auf. Dann gleitet sie nach rechts hinaus, der Schwanz jagt den Kopf. 7. 11,25-13,15, fast schwarz: Vier Wortzeilen gleiten von abwechselnden Seiten mit Bewegungsunschärfe herein. Die Wörter wechseln zwischen vollem Weiß und Outline-Schrift, mit pinken Aufzählungspunkten dazwischen, zum Beispiel "[YOUR BRAND] • IDEAS IN MOTION • MP4 EXPORT", "KINETIC TYPE • SHAPES • 3D EFFECTS", "MUSIC • SOUND • RHYTHM" und "FOOTAGE • PHOTOS • LOGOS" (durch deine ersetzen). Die Zeilen biegen sich zu vier konzentrischen Ringen um einen pinken Punkt, der in der Mitte aufpoppt. Die Ringe drehen sich in wechselnden Richtungen, drehen dann mit Unschärfe hoch und kollabieren in den Punkt. 8. 13,15-15,00, helle Seite: Eine Irisblende öffnet sich aus diesem Punkt. Der Punkt hüpft im Bogen nach oben und landet mit einem Squash als Schlusspunkt der Wortmarke "[Your brand].", gesetzt in tiefblauer Serife mit etwa 230 px, deren Buchstaben 50 ms versetzt hinter der Grundlinie aufsteigen. Ein Tagline wie "YOUR AI MOTION DESIGNER" blendet darunter in weit gesperrten Versalien auf. Dann tippt sich eine kleine graue Zeile ein, etwa "DESCRIBE THE VIDEO · THE AGENT ANIMATES IT · [YOUR WEBSITE]". Tempo: keine Szene ist länger als ein Takt. Die Schnitte sind der Puls, und die Bewegungen in jedem Takt landen auf den Schlägen (der Punkt teilt sich, die Form morpht, die Whips). Das Reel endet mit der still stehenden Endkarte. </structure> <composition> Palette: fast schwarz #0D0B1E, pink #FB2D89 (Hauptakzent), tiefes Tintenblau #1C0B5D für dunkle Schrift und Konturen, helle Seite #FAF9FF, violett #7C6CF2, gelb #FFD23F, orange #FE9117 und weiß. Hintergründe nach Szene: fast schwarz, pink, fast schwarz, helle Seite, violett, gelb, fast schwarz, helle Seite. Schrift: eine ultrafette geometrische Grotesk (Montserrat Black) für die Schlagzeile und die Textringe, eine halbfette Serife mit Klammerserifen (Literata) für die Wortmarke und eine klare Grotesk (Geist) mit etwa 0,2 em Sperrung für kleine Beschriftungen. Ein Overlay liegt auf jeder Szene außer der Endkarte: - dünne Eckklammern 55 px von jeder Ecke entfernt; - oben links "[YOUR BRAND]" fett plus ein Tagline wie "IDEAS IN MOTION" in hellerem Grau; - oben rechts vier winzige Quadrate, die auf jedem Schlag aufleuchten, ein Taktzähler wie "BAR 3/8" und "128 BPM"; - unten rechts ein Bildzähler wie "F0257" und ein laufender Timecode wie "00:00:04:16". Die Farbe des Overlays wechselt mit jedem Hintergrund: weiß auf fast schwarz und violett, tiefes Tintenblau auf pink, heller Seite und gelb. Auf der Endkarte bleiben nur die Ecken und der Timecode. </composition> <techniques> Jeder harte Schnitt wird von der Szene davor vorbereitet: die Irisblende nach außen, der Crash Zoom in den Punkt, das dunkle Feld, aus dem die Form wächst, das Platzen der Rosette, die Wellenebene, die sich fortsetzt, der Flug durch den Würfel, die Ringe, die in einen Punkt kollabieren, und die Irisblende aus diesem Punkt. Bewegungen innerhalb jedes Takts landen auf den Schlägen. Pops und Buchstabeneinsätze nutzen Overshoot, Drehungen und Morphs ein schnelles Ease-out. Whip Pans dauern etwa 0,15 s mit Bewegungsunschärfe, der Crash Zoom 0,17 s. Buchstabenversatz: 35 ms für "IDEA", 26 ms für "MOTION." und 50 ms für die Wortmarke. Schnelle Bewegungen bekommen Bewegungsunschärfe, kurze Striche oder nachlaufende Echokonturen. Die Beat-Quadrate des Overlays leuchten auf jedem Schlag, und sein Bildzähler und Timecode laufen live. Feines animiertes Filmkorn und eine leichte Vignette liegen über allem. </techniques> <music> Ein energetisches, glänzendes House-Bett mit 128 BPM, genau 15 Sekunden lang, auf demselben Beat-Raster wie die Schnitte. Takt 1 ist dieselbe Musik gefiltert und leise unter einem steigenden Sweep. Der volle Four-on-the-Floor-Beat mit Sidechain-Bass setzt genau auf dem ersten Schnitt (1,875 s) ein und treibt die Takte 2 bis 7. Der Beat stoppt bei der Irisblende der Endkarte (13,125 s) und lässt einen glockenartigen Akkord mit langem Hall bis zum Ende klingen. </music> <sound> Sounddesign zum Bild: - ein weicher Klick, wenn der erste Punkt poppt, und kleine Blips bei den Teilungen; - ein Boom beim Drop; - Swishes bei den beiden Whip Pans und ein Sub Drop unter dem Zoom in den Punkt; - weiche Swooshes bei den Morphs und ein gläserner Schlag, wenn die Rosette platzt; - Whooshes bei den Schnitten bei 7,5 und 9,38 s und ein leichter Schlag, wo das Band sich selbst kreuzt; - ein Boom mit metallischem Klang, wenn sich die Textringe schließen (etwa 12,2 s); - ein Klick, wenn der Punkt auf der Endkarte landet, und leise Ticks, während die letzte Zeile getippt wird. Mix bei etwa -14 LUFS mit True Peak unter -1 dBTP. Keine Stimme. </sound> <references> Showreels von Motion Designern und beat-geschnittene Agentur-Sizzle-Reels im flachen Vektorstil, mit Motiven aus Designwerkzeug-Oberflächen: Begrenzungsboxen mit Griffen, Rotationsanzeigen, Beat-Anzeigen, Bildzähler und Timecode. </references>

Simple Motion

Showreel, das Bewegungsprinzipien an sich selbst vorführt

<direction> Erstelle ein 15-sekündiges Motion-Graphics-Showreel im Querformat, 1920x1080 bei 30 fps, komplett gezeichnet und ohne Footage, das Animationshandwerk zeigt, indem es die Bewegungsprinzipien an sich selbst vorführt: Squash and Stretch, Onion Skin, Overshoot, Easing, Follow-through und Anticipation. Es wechselt zwischen hellen und dunklen Szenen. Ein pinker Punkt verbindet alle Szenen: ein springender Ball, der Punkt eines Titels, der Kopf einer Spur, die Mitte eines Loaders. Kleine handgeschriebene Notizen mit handgezeichneten Pfeilen kommentieren, was gerade passiert. Schneide es zu einem Track mit 128 BPM, sodass die Bodenkontakte des Balls, der Titel-Drop und die Schnitte auf die Beats fallen. Verwende durchgehend flache Farben; es soll verspielt und präzise wirken. Vermeide Footage oder Fotos, glänzende Verläufe und Schlagschatten, Unschärfe außer beim Wischschwenk, Pfeile, die die Buchstaben ihrer Notizen berühren, Notizen mit unterschiedlichen Neigungen und zusätzliche Drums über den eigenen Drums der Musik. </direction> <structure> 1. 0–3,7 s, helle Seite. Eine handgezeichnete Bodenlinie zeichnet sich in 0,3 s von links nach rechts. Ein pinker Ball fällt von oben links herein und springt in drei kleiner werdenden Bögen hinüber. Seine Bodenkontakte liegen je einen Beat auseinander, bei 0,43, 0,90, 1,37 und 1,83 s. Bei jedem Kontakt staucht er sich flach (etwa 1,5 breit mal 0,55 hoch) und dehnt sich in der Luft entlang seiner Geschwindigkeit. Jedes Flug-Frame hinterlässt einen dünnen pinken Umriss-Geist, der in 0,6 s verblasst, und eine gepunktete Linie zeichnet die Bahn nach. Notizen schreiben sich mit Pfeilen an (Beispiele zum Ersetzen): „Ideen in Bewegung“ am Scheitel des ersten Bogens, „Gratis testen!“ unter dem zweiten Kontakt, „Live-Vorschau“ am letzten Bogen. Der Ball landet rechts und bleibt als Punkt des Titels. Auf dem Downbeat bei 1,9 s wächst das große Wort „BEWEGEN“ Buchstabe für Buchstabe aus dem Boden, von rechts nach links, im Abstand von 45 ms. Jeder Buchstabe steigt hinter der Bodenlinie auf, streckt sich auf das 1,2-Fache seiner Höhe, hüpft 45 px über den Boden, landet mit einem kleinen Squash und setzt sich in einer halben Sekunde. Die Bodenlinie zieht sich dann zurück. Die Zeile darüber, „BEREIT ZU“ (durch deine ersetzen), fällt Buchstabe für Buchstabe von links herein; jeder Buchstabe ist bis zu 20 Grad geneigt und richtet sich mit leichtem Overshoot auf. Ein pinker Pinsel-Unterstrich zeichnet sich unter BEWEGEN, und eine Notiz „mit Worten bearbeiten“ zeigt auf die obere Zeile. Bei 2,8 s läuft eine Welle von links nach rechts durch die Buchstaben von BEWEGEN, jeder dehnt sich um 11 Prozent und zurück. Im selben Moment hüpft der Punkt 95 px und landet mit einem Squash, und „MP4-Export“ wird darunter geschrieben. In den letzten 0,2 s staucht sich der ganze Titel auf seine Grundlinie (88 Prozent hoch, 106 Prozent breit), dann harter Schnitt. 2. 3,7–5,5 s, dunkle Seite. „FORMEN“ in Weiß fällt Buchstabe für Buchstabe herein, ein Frame auseinander, jeder Buchstabe springt zweimal, bevor er zur Ruhe kommt; Notiz „und Sound“. Bei 4,2 s wird es in einem Frame zu einem schmalen Streifen gequetscht und wird zu „KINETISCH“ in Pink. KINETISCH federt Frame für Frame breit auf, mit dem 0,09-, 0,28-, 0,56-, 0,85-, 1,10-, 1,27- und 1,37-Fachen seiner Breite, dann zurück über 1,06 auf 0,87, wobei sich die Höhe gegenläufig zur Breite bewegt; Notiz „keine Keyframes“. Bei 4,65 s erscheint „TYPO“ Buchstabe für Buchstabe. Jeder Buchstabe dreht sich in 0,3 s mit Ease-out um das Eineinviertelfache um seine senkrechte Achse und ist pink, sobald uns seine Rückseite zugewandt ist; Notiz „3D-Effekte“. Bei 5,13 s kommt ein Frame mit einem vollen orangen Blitz, in dem das nächste Wort in tiefem Tintenblau schräg hereinkippt. Dann steht „SCHRIFTEN“ in Orange vollkommen still in dünnen orangen Hilfslinien mit kleinen quadratischen Anfassern an den Ecken, ganz ohne Easing; Notiz „für jede Schrift“. Die helle Seite wischt in drei Frames von unten nach oben mit weicher, gestufter Kante herein. 3. 5,5–8,4 s, helle Seite. Ein Graph zeichnet sich selbst: Achsen mit den Beschriftungen „Idee“ und „Video“, an jedem Ende eine tiefblaue Raute und dazwischen eine gerade pinke Linie mit zwei orangen Anfasser-Punkten. Darunter läuft ein tiefblaues abgerundetes Quadrat mit konstanter Geschwindigkeit von links nach rechts an einer Spur entlang, während ein durchscheinender pinker Abspielkopf und ein Punkt auf der Linie mitfahren. Das Quadrat hinterlässt elf gleichmäßig verteilte orange Umriss-Geister, jeder mit einem Strich unter der Spur. Eine Notiz „Keyframes zum Aufspüren“ schreibt sich mit einem langen Pfeil zur Linie an. Ein Mauszeiger blendet ein, greift den unteren Anfasser und zieht beide Anfasser in einer Viertelsekunde heraus, wodurch sich die Linie zu einer Ease-in-out-S-Kurve biegt. Die Notiz wird dann mit einer sauberen geraden Linie mitten durch ihre Buchstaben durchgestrichen, der Neigung bis zum letzten Buchstaben folgend. Die orangen Geister verblassen, und „Chat statt Timeline“ schreibt sich in Pink mit einem handgezeichneten Häkchen an. Das Quadrat läuft in einer Sekunde noch einmal über die neue Kurve, und seine pinken Geister drängen sich an beiden Enden zusammen und streuen in der Mitte auseinander. Bei seiner Ankunft zeigt eine Notiz „App öffnen!“ auf es. Die ganze Seite schiebt sich dann in sechs Frames mit starker horizontaler Unschärfe nach links hinaus, während die dunkle Seite hereinschiebt. 4. 8,4–13,1 s, dunkle Seite. Ein pinker Kopf jagt eine Acht über das Bild, eine Runde pro Sekunde, und zieht eine Kette aus vierzehn verblassenden Kreisen hinter sich her. Ein Raster aus kleinen Punkten alle 60 px reagiert. Punkte nahe am Kopf werden weggedrückt und orange, Punkte, die er gerade passiert hat, werden pink und dunkelpink, und unberührte Punkte bleiben graviolett, sodass das Feld in Bewegung bleibt, nachdem der Kopf weg ist. Eine Notiz „von der Idee zum Video“ zeigt mit einem Pfeil auf den Schweif. Ab 10,6 s kippt das ganze Feld in 3D, dreht sich, schrumpft zu einer kleinen pinken Karte und fällt zu einem Punkt in der Mitte zusammen. Der Punkt wächst, ein dicker Ring schwillt um ihn an und wird zu einer Haarlinie, und eine Skala aus sechzig Strichen und vierzehn kleinen Quadraten dreht herein. Ein weißer Fortschrittsbogen und ein Zähler laufen in etwa 1,4 s von 2 auf 100 Prozent, während sich die Quadrate eins nach dem anderen pink füllen. Bei 100 Prozent schrumpft der Loader weg, und der Punkt duckt sich auf seinem Boden zu einem flachen Oval (Anticipation). Die Notiz „der Agent animiert es“ steht rechts vom Ring, frei davon, mit einem langen Pfeil zum Punkt. Der Punkt schießt dann gestreckt nach oben aus dem Bild und fällt in die nächste Einstellung zurück. 5. 13,1–15 s, helle Seite. Die helle Seite öffnet sich als schneller Kreis von dort, wo der Punkt landet. Ein Namensblock sitzt mittig im Bild, mit [deine Marke] in zwei Zeilen gesetzt. Die erste Zeile fällt Buchstabe für Buchstabe mit Neigung herein, wie BEREIT ZU. Die zweite Zeile wächst aus dem Boden darunter, von rechts nach links, mit derselben Feder wie BEWEGEN, und der pinke Punkt ist ihr Punkt. Ein kurzer Call-to-Action wie „Gratis testen: [deine Website]“ schreibt sich darunter an, mit einem Pfeil nach oben zum Punkt. Der Punkt hüpft einmal und setzt sich zum Schluss. </structure> <composition> Zwei Seiten. Die helle Seite ist in der Mitte #FAF9FF und verläuft zu Lavendel #F0EDFF mit einer weichen violetten Vignette in den Ecken. Die dunkle Seite ist tiefes Tintenblau #1C0B5D mit einer etwas dunkleren Vignette. Beide haben ein schwaches Punktraster alle 48 px. Titel sind in einer fetten, schmalen Grotesk (Anton) gesetzt. Notizen und Beschriftungen stehen in einer Marker-Handschrift (Playpen Sans, semi-bold), alle gleich um 2 Grad geneigt: pink auf der hellen Seite, hellpink auf der dunklen. Palette: Hauptakzent Pink #FB2D89, zweiter Akzent Orange #FE9117, Schrift und feste Formen in tiefem Tintenblau #1C0B5D, weiße Schrift auf der dunklen Seite und gedämpftes Graviolett #6B6385 für die Oberfläche. Handgezeichnete Pfeile beginnen ein Stück von ihrer Notiz entfernt und berühren ihre Buchstaben nie. Notizen überlappen nie Titel oder Formen. Zwei Elemente sind immer im Bild. Oben rechts ein laufender Timecode (z. B. „00:00:03:11“) in schmaler Fettschrift, gedämpftes Graviolett, etwa 31 px. Am unteren Rand eine Kapitel-Timeline: eine dünne Linie mit kleinen Strichen alle 55 px, eine Raute an jedem Kapitelanfang, eine dunklere Fortschrittslinie hinter einem kleinen Abspielkopf und der handgeschriebene Name des aktuellen Kapitels darüber („beschreiben“, „Text“, „verfeinern“, „3D-Effekte“, „Vorschau“, „Export“; durch deine ersetzen). Die Oberflächenfarben wechseln mit den hellen und dunklen Szenen. Titelblöcke sitzen mittig im Bild. </composition> <techniques> Notizen schreiben sich Strich für Strich an, und ihre Pfeile zeichnen sich direkt danach von Schwanz zu Spitze. Jeder Kapitelname schreibt sich in 0,17 s an, während der vorherige weggewischt wird. Jede Timeline-Raute füllt sich und poppt, wenn der Abspielkopf sie erreicht. Squash and Stretch bei jedem Kontakt: Der Punkt flacht bei der Landung ab und dehnt sich in der Luft entlang seiner Geschwindigkeit. Buchstaben, die aus dem Boden wachsen, steigen hinter der Linie auf, überschwingen auf das 1,2-Fache ihrer Höhe, hüpfen frei und setzen sich in einer halben Sekunde mit einem kleinen Squash, versetzt um 45 ms von rechts nach links. Herabfallende Buchstaben kommen von links, bis zu 20 Grad geneigt, und richten sich mit leichtem Overshoot auf. Übergänge: bei 3,7 s ein harter Schnitt von hell zu dunkel direkt nach dem Stauchen des Titels; bei 5,5 s ein Drei-Frame-Wisch von unten mit weicher, gestufter Kante; bei 8,4 s ein Sechs-Frame-Schiebeübergang horizontal mit starker horizontaler Bewegungsunschärfe; bei 13,1 s startet der Punkt aus dem Bild, fällt in die nächste Einstellung und öffnet die helle Seite als schnellen Kreis. Alles andere bleibt flach und ohne Unschärfe. </techniques> <music> Ein energiegeladener Synthwave-/Electro-Track mit 128 BPM, genau 15 Sekunden lang, dessen eigene Drums den Beat tragen. Verlauf: ein kurzes gefiltertes Intro unter dem springenden Ball, dann der Drop genau dann, wenn BEWEGEN bei 1,9 s hochfedert, mit der Kick des Tracks auf jedem Beat. Der volle Groove läuft bis etwa 5,6 s, gefolgt von einem Breakdown ohne Kick unter dem Easing-Graphen. Ein Build führt zurück, der Groove kehrt beim Wischschwenk bei 8,5 s zurück. Ein Riser läuft, während sich der Loader füllt, und ein finaler Boom mit Sub-Drop landet auf dem Downbeat, wenn sich das Licht auf den Namen öffnet (etwa 13,2 s). Der Groove läuft am Ende mit einem kurzen Fade aus. Lege keine zusätzliche Kick, Clap oder Hats über den Track: eine Kick pro Beat, keine Flams. </music> <sound> Soundeffekte auf den Bildmomenten: ein Boom beim Drop bei 1,9 s, ein Swoosh beim Schnitt zur dunklen Seite bei 3,7 s und ein Clap beim Ein-Frame-Orange-Blitz bei 5,13 s. Ein Whoosh beim Wisch bei 5,5 s und ein größerer beim Wischschwenk bei 8,4 s. Ein weicher Klick, wenn der Mauszeiger den Anfasser greift, ein kurzer Whoosh, wenn der Punkt startet, und der finale Boom mit Sub-Drop bei etwa 13,2 s. Kein Voice-over. Mische auf etwa -14 LUFS mit einem True Peak unter -1 dBTP. </sound>

3-mal verwendet
Simple Motion

Zweiteiliges Kinetic-Type-Showreel im Takt

<direction> Erstelle ein 32-sekündiges horizontales Motion-Graphics-Showreel (1920x1080, 60 fps) für [your brand], in zwei Hälften mit unterschiedlichem Look, eng auf die Musik geschnitten. Alles ist gezeichnet: kein Filmmaterial, keine Stock-Clips. Teil eins (0–15,9 s, 128 BPM) ist eine dunkle, körnige, energiegeladene Abfolge aus Kinetic Type, Formen, 3D und Partikeln in einem dünnen HUD-Rahmen. Teil zwei (15,9–31,8 s, 144 BPM) ist eine Reihe cleaner Editorial-Slides, jeweils mit einem langsam rotierenden 3D-Objekt. Kein Voice-over. Vermeide Filmmaterial, langsame weiche Überblendungen zwischen Szenen, Schnitte neben dem Beat und alle Schriften außer den beiden unten genannten Familien. </direction> <structure> Teil eins (0–15,9 s, 128 BPM), im HUD-Rahmen: 1. 0–0,9 s: Titelkarte "[Your brand]" mit "01 / 02" darunter, blendet in 0,17 s ein und in 0,18 s aus. 2. 0,9–2,7 s: Ein pinker Ball fällt auf eine linierte Bodenlinie und springt dreimal im Beat auf (1,40; 1,88; 2,36 s). Jede Landung bekommt eine gepunktete Flugbahn, einen sich ausdehnenden Ring und einen kleinen Mono-Callout ("BIGGER", "SLOWER", "ANOTHER COLOUR"). Danach fliegt der Ball zurück in die Mitte und wächst, bis er das Bild pink füllt. 3. 2,7–3,25 s: Auf Pink steigt "YOUR" in schwarzer, breiter Schriftstärke Buchstabe für Buchstabe hinter der Grundlinie auf, darunter zeichnet sich eine Unterstreichung, und oben sitzt ein kleiner "(01)"-Tag. 4. 3,25–3,7 s: "IDEA" in Pink wechselt in 0,11 s von haarfein zu schwarzer Stärke, in einem violetten Auswahlrahmen wie in einem Design-Tool mit acht Griffen und einer hochzählenden Größen-Pille. 5. 3,7–4,1 s: Ein leichtes kursives "is" in Violett auf lavendelfarbenem Hintergrund skaliert unscharf hoch. Sein Punkt wird zu einem Blob, der das Bild violett flutet. 6. 4,1–4,65 s: "READY" in schmaler weißer Schrift dekodiert sich aus zufälligen Zeichen mit Magenta/Cyan-Split und versetzten Streifen, über blassen Mono-Zeilen mit Chat-Befehlen (zum Beispiel 'chat.say("Bigger")', 'export("mp4")') und einem blinkenden pinken Cursor-Block. Dann fällt das Bild zu einer leuchtenden Linie zusammen wie ein ausgehender Röhrenbildschirm, gefolgt von einem grauen Blitz. 7. 4,65–6,5 s: Ein Punktraster von 19 x 11 wächst aus der Mitte. Ein violetter Ring lässt die Punkte zu Pluszeichen wellen. Ein Sweep von links nach rechts verwandelt die Pluszeichen in Kreuze, Kreise und Rauten, mit zufälligen pinken und violetten Zellen. Ein zweiter schneller Sweep macht alle zu Quadraten. 8. 6,5–8,4 s: Das quadratische Raster kippt zurück in ein 3D-Feld aus abgerundeten Balken, die in Wellen aufsteigen. Ein glänzender pinker Ball hüpft im Beat über ihre Spitzen, mit geringer Schärfentiefe, und endet in einem Zoom-Blur. 9. 8,4–10,25 s: Eine Typo-Wand aus sieben horizontalen Bändern schlägt mit Motion Blur von rechts herein, das mittlere Band zuerst. Violette und helle Bänder wiederholen "[YOUR BRAND]" in vier Schnitten der variablen Schrift (kursiv heavy expanded, kursiv light condensed, aufrecht heavy, aufrecht light), mit pinken Punkten dazwischen, in wechselnden Richtungen scrollend. Das mittlere Band ist pink, der Name darin ruhig und groß. Die Bänder gleiten seitlich hinaus und lassen das Wort allein in Weiß zurück. 10. 10,25–12,1 s: Das Wort löst sich von links nach rechts in etwa 3.000 Partikel auf. Sie formen eine rotierende Kugel, dann zwei gekreuzte Ringe mit pinkem Kern, dann eine Galaxie mit zwei Armen (ein Arm pink) und fliegen schließlich radial davon. 11. 12,1–14,2 s: Ein Rückblick auf die früheren Szenen im Splitscreen (zwei Felder, dann vier, dann neun), mit Ein-Frame-Glitch-Blitzen und einem grauen Blitz am Ende. 12. 14,2–15,9 s: Endkarte. "[YOUR BRAND]" steigt Buchstabe für Buchstabe auf, darunter zeichnet sich eine Linie. "YOUR AI MOTION DESIGNER" und "[YOURSITE.COM]" dekodieren sich in gesperrter Mono-Schrift. Der pinke Ball fällt herein und landet als Schlusspunkt. Dann gleiten "● TRY IT FREE" und ein kursives "describe the video. the agent animates it." herein. Teil zwei (15,9–31,8 s, 144 BPM), Editorial-Slides: - 15,9 s: Titelkarte "Your AI motion designer" mit "02 / 02". - 16,8 s, fast schwarz: "EDIT" / "IN WORDS." (zweite Zeile orange), Fließtext "TELL THE CHAT WHAT TO SHOW. / THE AGENT BUILDS THE ANIMATION.", Labels "LIVE PREVIEW / MP4 EXPORT", ein verchromter Torusknoten mit orangen Spiegelungen und mein Logo oben rechts. - 19,2 s, orange: "IDEAS" / "IN MOTION." in Fast-Schwarz, eine Pille "NO KEYFRAMES", "FONTS FOR EVERY SCRIPT.", "BIGGER / SLOWER / ANOTHER COLOUR" und ein dunkler, verdrehter Bandring, bedruckt mit "IDEAS IN MOTION •". - 21,7 s, fast schwarz: "IDEA." / "TO VIDEO." / "ONE CHAT.", "SHAPES / 3D EFFECTS / SOUND", eine verchromte Schnörkelröhre, Eckklammern und ein Prozentzähler mit Fortschrittsbalken. - 24,2 s, helle Seite: "MUSIC" / "TO RHYTHM.", "MUSIC AND / SOUND EFFECTS.", ein oranger glänzender, aufgeblähter Stern und ein schwarzer Ball, der im Beat über einer animierten Wellenform hüpft. - 26,7 s, 27,6 s, 28,5 s: ein zentriertes Wort pro Slide. "BIGGER." auf Fast-Schwarz, "SLOWER." auf heller Seite mit einem kleinen verchromten Schnörkel in der Ecke, "COLOUR." auf Orange. Untertitel: "SAY WHAT SHOULD CHANGE.", "NO KEYFRAMES TO HUNT FOR.", "THE PREVIEW UPDATES AS YOU TALK.". - 29,2 s, fast schwarz: "OPEN" / "[YOUR BRAND].", "[YOURSITE.COM]", "IDEA → CHAT → VIDEO", ein oranger Button "TRY IT FREE" und ein verchromter, aufgeblähter vierzackiger Stern. Das Video endet mit dem letzten Musikhit bei 31,5 s, insgesamt 31,8 s. Aller zitierte Text ist ein Beispiel. Ersetze ihn durch eigene Worte ähnlicher Länge, damit das Layout hält. </structure> <composition> Palette Teil eins: Fast-Schwarz #0D0B1E mit Filmkorn und weicher Vignette; helle Seite #FAF9FF für Schrift; Pink #FB2D89 als Hauptakzent; Violett #7C6CF2 als zweiter; Lavendel #F0EDFF nur als Hintergrund der "is"-Einstellung. Palette Teil zwei: flache Slides in Fast-Schwarz, Orange #FE9117 und heller Seite #FAF9FF mit einem schwachen 96-px-Raster. Die Schrift ist auf den orangen und hellen Slides fast schwarz und auf den fast schwarzen hell. Schrift: eine variable Neo-Grotesk-Display-Familie mit Breiten- und Stärkeachsen für jede Überschrift (Mona Sans). Eine Monospace-Schrift für jedes kleine Label, jede HUD-Zeile, Bildunterschrift und jeden Zähler (JetBrains Mono). HUD in Teil eins: dünne Eckklammern. Oben links "[YOUR BRAND] [YOURSITE.COM]". Oben rechts "LIVE PREVIEW MP4 EXPORT NO KEYFRAMES". Unten links ein laufender Timecode, vier kleine Quadrate und eine Fortschrittslinie. Unten rechts der aktuelle Abschnittsname, der mit den Szenen wechselt: "IDEAS IN MOTION", "KINETIC TYPE", "SHAPES", "3D EFFECTS", "EDIT IN WORDS", "LIVE PREVIEW", "MP4 EXPORT", "TRY IT FREE". Die Slides in Teil zwei teilen sich Kopf- und Fußzeile. Kopfzeile: "● [YOUR BRAND] / IDEAS IN MOTION" links, "MP4 [YOURSITE.COM]" rechts, darunter eine Haarlinie. Fußzeile: "[YOUR BRAND]", sechs kleine Striche, die den aktuellen Slide markieren, ein laufender Timecode und eine orange Fortschrittslinie, die über die ganze Hälfte wächst. Überschriften stehen groß links. Jeder Slide hat rechts ein 3D-Objekt, das sich langsam in einer dünnen Orbit-Ellipse dreht. Mein Logo erscheint als kleines Badge auf den Slides. </composition> <techniques> - Ball: Squash auf 1,9 x 0,45 für 60 ms bei jedem Aufprall und Stretch entlang der Geschwindigkeit im Flug. - Buchstaben-Aufstieg: Jeder Buchstabe braucht 0,2 s mit Cubic Out und 35 ms Versatz und steigt hinter der Grundlinie auf. Unterstreichungen und Linien zeichnen sich mit Expo Out. - Wortschnitte in Teil eins sind hart und im Beat. Jedes Wort bekommt seine eigene Behandlung: Aufstieg, Stärkenverlauf, Blob-Flut, Glitch-Dekodierung. - Glitch-Dekodierung: Zufällige Zeichen lösen sich mit RGB-Split und versetzten Streifen auf und enden in einem Röhrenbildschirm-Ausschalten. - Mono-Labels dekodieren sich aus zufälligen Zeichen. - Typo-Wand: Die Bänder schlagen mit Motion Blur herein, scrollen mit 260 px/s und gleiten seitlich hinaus. - Überschriften in Teil zwei gleiten 90 px von links ein, Deckkraft 0,35 bis 1 in 0,3 s, Cubic Out. Die zweite Zeile folgt 30 ms später. - Übergänge in Teil zwei: Eine Fläche in der Farbe des nächsten Slides fegt in 83 ms von links herein. Sie startet kurz vor dem Takt, sodass der neue Slide genau auf dem Downbeat landet. - Ein-Wort-Slides: harte Schnitte dazwischen. Jedes Wort steht zwischen zwei schwachen Outline-Kopien seiner selbst, die auseinanderdriften. - 3D-Objekte: verchromte und glänzende Materialien mit langsamer, kontinuierlicher Drehung. - Wellenform: Ihre Balken leuchten orange auf, wenn der Abspielkopf vorbeiläuft. - Korn und Vignette nur in Teil eins. Teil zwei bleibt flach. </techniques> <music> Ein originaler Instrumentaltrack, genau so lang wie das Video und auf sein Beat-Raster gelegt. Teil eins beginnt mit einem angespannten Riser über tickenden Hi-Hats. Ein schwerer elektronischer Drop trifft bei etwa 2,8 s (verzerrter Bass, Glitch-Zaps, 128 BPM) und treibt alles bis zur Endkarte. Bei 15,6 s folgt eine Sekunde zum Durchatmen. Teil zwei ist ein hellerer, federnder Electro-Pop-Groove mit 144 BPM von 16,8 s bis zu einem letzten Hit bei 31,5 s. Ballsprünge, Wortschnitte, Wipes und Slide-Landungen fallen alle auf Beats oder Downbeats. </music> <sound> Kein Voice-over. Soundeffekte über der Musik: - ein Klick bei jedem Ballaufprall - ein Riser in den Drop und ein Boom beim ersten Wort - kurze Whooshes bei den Wortschnitten - ein Downer, wenn der Bildschirm ausgeht - Whooshes in den 3D-Dive und in die Typo-Wand - ein Sub-Drop in den Rückblick - ein Boom, wenn der Name auf der Endkarte landet - ein Riser und Boom in Teil zwei - ein Whoosh bei jedem Slide-Wipe und ein Klick bei jedem harten Schnitt Mastering auf etwa -14 LUFS mit True Peak unter -1 dBTP. </sound> <references> Ein Showreel eines Motion-Design-Studios oder ein App-Launch-Sizzle. Die erste Hälfte ist brutalistische Kinetic Typography mit Design-Tool- und HUD-Overlays. Die zweite Hälfte sind Editorial-Slides im Schweizer Stil mit verchromten 3D-Objekten. </references>

Einmal verwendet
Simple Motion

Motion-Designer-Showreel: eine Linie, fünf Techniken

Erstelle eine horizontale Showreel 1920x1080, 15 Sekunden, mit Ton, 120 BPM: Auf jeden Schlag passiert etwas. Entwirf ein einziges Konzept, nenne es am Anfang kurz und halte es bis zum Ende durch. Jede Szene wächst aus der vorherigen: Formen, Text und Farbe verwandeln sich in die nächste Szene, ohne Schnitte und ohne Überblendungen. Hook: Eine rote Linie zerschneidet eine große Überschrift „LINEWORK“ (ersetze sie durch dein eigenes Wort), die Hälften fahren auseinander, werden zu dünnen Streifen zusammengedrückt und verschwinden in der Linie. Danach pro Szene eine Technik, mit gleichem Zeitanteil: kinetische Typografie, Formen-Morphing, Übergang von 2D zu 3D, ein Moment mit Daten oder Interface (Diagramme, Zähler, UI-Elemente), der stärkste Effektmoment. In den letzten zwei Schlägen: der finale Titel, das letzte Bild entspricht dem ersten, damit das Video sich als Loop wiederholt. Stil: eine Schrift (Geist oder Inter), eine Palette aus einer bis drei Farben plus Schwarz und Weiß, ein roter Akzent, eine einheitliche Kamerasprache. Animation mit Federn und exponentiellem Abbremsen, bei schnellen Bewegungen Bewegungsunschärfe in Bewegungsrichtung, ohne Abprallen, Pausen länger als eine halbe Sekunde, Partikel, Leuchten, Glanzlichter, Kamerawackeln, RGB-Verschiebung und Standard-Verläufe. Ton: synthetisierter Beat, Kick auf jedem Schlag, Steigerung vor dem Finale, kurze Akzente bei den Übergängen.

28-mal verwendet
Simple Motion

Produktlaunch im Keynote-Stil in einer einzigen durchgehenden Einstellung

Mach ein quadratisches Video, 1440x1440, 27 Sekunden, mit Ton, im Stil einer Apple-Präsentation. Nur 2D, eine einzige durchgehende Einstellung: keine Schnitte, Überblendungen, Unschärfe, Partikel oder Leuchteffekte. Jede Szene wächst aus der vorherigen heraus, die Objekte verändern ihre Form. Text steigt aus einer Maskenlinie auf, Icons springen mit Federeffekt aus der Null, Balken zeichnen sich, Seiten verschieben sich, und eine schwarze Form füllt das Bild und schrumpft zur nächsten Szene. Palette: warmes Off-White, schwarze Oberfläche, Glas im Stil von iOS 26 über Fotos. Schriften: sehr breite, fette Grotesk für das Logo-Wort und Geist für die Oberfläche. Der Cursor macht echte Klicks, Drag-and-drop-Bewegungen und lange Drücke, und die Kamera zoomt wie in Screen Studio, sodass jeder Moment das Quadrat füllt. Rhythmus 120 BPM, bei jedem Beat passiert etwas. 1) Das Wort „[your brand]“ schrumpft zu seinem eigenen Punkt, der Punkt wächst zu einer schwarzen Pille, darin steigt eine Zeile auf. Klick: sechs Blendenlamellen schließen und öffnen sich über einem Foto. 2) Der Kreis wird zum Quadrat und wird kleiner, unter ihm faltet sich ein Fotoraster wie eine Papierkarte auf und ordnet sich dann zu einem Bento um. Der Zoom in eine Kachel landet im Drop. 3) Das gläserne Wort „Edit“ schmilzt zu einem Tropfen, der Tropfen wird zur Toolbar, die Toolbar zum Slider. Das Ziehen des Sliders färbt das Foto in Goldenes-Stunde-Licht um, der Regler wird zur Linse, dann zur Kugel, dann zum Sperrbildschirm. 4) Finale: Eine schwarze Form füllt das Bild und schrumpft zu einer hellen Wand mit laufenden Blätterschatten, an der Wand hängt ein gerahmter Abzug, das Wort „[your brand]“ kehrt zurück. Musik mit Drop und leisem Breakdown, Klicks und Schnalzer exakt auf den Beat.

19-mal verwendet
Simple Motion

15-Sekunden-Showreel einer Website mit einem durchgehenden Objekt

Mach ein horizontales Video in 1920x1080, 15 Sekunden, mit Ton: ein Showreel meiner Website. Verwende das echte Logo, die echten Texte und das echte Aussehen der Oberfläche von der Website, erfinde nichts: keine Funktionen, keine Zahlen. Wähle ein durchgehendes Objekt aus dem Produkt selbst (den Cursor, den Hauptbutton oder das Logozeichen) und benenne es, bevor du das Storyboard erstellst. Jede Szene muss seine Verwandlung sein: Es beginnt in der Oberfläche, ändert in jeder Szene seine Form oder Rolle und wird im Finale zum Logo auf der Endkarte. Zeichne die Oberfläche in Vektorebenen neu, damit sich ihre Teile einzeln bewegen; schiebe keine flachen Screenshots ein. Der Cursor klickt und zieht selbst. Die Kamera im Screen-Studio-Stil fährt so heran, dass jeder Moment das Bild ausfüllt. In jeder Szene bewegt sie sich sanft von Maßstab 1.0 auf 1.04 und steht nie still, und die nächste Szene beginnt mit dem Maßstab, bei dem die vorherige geendet hat. Stil: Markenfarben und eine Markenschrift, viel Leerraum. Eine Akzentfarbe nur auf dem durchgehenden Objekt und dem Schlüsselwort, zum Beispiel „Make videos by chatting“ (ersetze es durch deinen eigenen Text). Bewegung: Federungen mit wenig Überschwingen, nichts erscheint aus dem Nichts, alles wächst, entfaltet sich oder wird per Maske sichtbar, auf jedem Schlag ändert sich etwas. Ton: originale Musik ohne Gesang, 120 BPM, Bassdrum auf jedem Schlag, Clap auf jedem zweiten Schlag, Bass und ein klares Arpeggio, ein Akkord bei jedem Szenenwechsel. Vor dem Höhepunkt bei Sekunde 12 füge einen Aufbau mit schnellen Hi-Hats und den stärksten Schlag hinzu. Jede Szene braucht kurze Soundeffekte, zum Beispiel Klicks auf Elemente. Lautstärke etwa -14 LUFS.

9-mal verwendet
Simple Motion

Motion-Designer-Showreel: Eine Linie wird zur Form

Erstelle ein horizontales Video in 1920x1080, 15 Sekunden, mit Ton: ein Motion-Showreel zu einer einzigen Idee: „eine Linie nimmt Form an“. Nenne das Konzept in einer Zeile, dann wächst jede Szene durch die Transformation von Formen, Typografie und Farbe aus der vorherigen heraus, ohne Schnitte, Überblendungen, Glow, Partikel, Kamerawackeln und RGB-Versatz. Eine Grotesk-Schrift (Geist oder Inter), schwarzer Hintergrund, Weiß, höchstens drei Akzentfarben. Tempo 120 BPM, auf jeden Schlag passiert etwas, keine Haltezeiten länger als eine halbe Sekunde. Reihenfolge: 1) Hook: eine weiße Linie verwandelt sich in die Worte „ONE / LINE / TAKES / FORM“ (ersetze sie durch eigene); 2) kinetische Typografie: der Buchstabe „O“ löst sich und morpht über Kreis, Quadrat, Dreieck und Kreuz zurück zum Quadrat; 3) 2D zu 3D: das Quadrat wird zu einem Würfel extrudiert, der sich dreht; 4) Daten und Interface: der Würfel zerfällt in Balken eines Diagramms, ein Zähler läuft bis „+312%“, ein Liniendiagramm wird gezeichnet und klappt zu einem Slider mit Stufen von ×2 bis ×16 zusammen; 5) Finale: ein Schlusstitel mit dem Namen „[your brand]“ im letzten halben Takt, das letzte Bild entspricht dem ersten (eine Linie), sodass das Video sich nahtlos wiederholt. Bewegung mit Federn und Exponentialkurven, ohne „gummiartiges“ Nachfedern; bei schnellen Bewegungen Bewegungsunschärfe in Geschwindigkeitsrichtung. Ton: Lo-Fi-Musik mit 120 BPM ohne Gesang für alle 15 Sekunden, weiche Bassdrum auf jedem Schlag, Hi-Hats mit Swing, warme Keyboard-Akkorde, runder Bass, leichtes Vinyl-Knistern. Darüber Klicks und Interface-Sounds beim Erscheinen der Wörter, beim Morphen der Formen, bei der Drehung des Würfels, beim Zähler, bei den Slider-Schritten und bei Szenenwechseln. Lautstärke etwa -14 LUFS.

4-mal verwendet
Simple Motion

Eine Form verwandelt sich im Takt in 10 UI-Elemente

Erstelle ein vertikales Video 1080x1920 mit einer Länge von etwa 22 Sekunden und mit Ton. Dunkle Szene, Schwarz-Weiß-Grafik und ein einziger Farbakzent in Electric Blue. In der Mitte befindet sich eine einzelne geometrische Form, die ohne Schnitte fließend von einem Interface-Element in das nächste übergeht. Insgesamt 10 Zustände, jeweils einer pro Takt zu Musik mit 120 BPM: Button, Loader, Schalter, Schieberegler, Tabs, Player, Diagramm, Toast-Benachrichtigung, Befehlspalette mit Texteingabe, und am Ende wieder der Button. Jede Verwandlung trifft den Beat: Die Form dehnt sich elastisch und ändert ihre Gestalt, die Elemente im Inneren erscheinen mit leichter Verschiebung und Skalierung, und die alten blenden sanft aus. Die Schrift ist eine saubere geometrische Grotesk, kurze Beschriftungen wie "Abspielen" oder "Suche" (ersetze sie durch deine eigenen). Musik: ein energiegeladener Elektrotrack mit 120 BPM, passgenau auf das Taktraster des Bildes abgestimmt. Viele Soundeffekte, jeder genau auf dem Frame der Aktion: Beim Schalter ein klarer Klick und ein kurzes Swoosh, beim Einschalten ein heller Klang; beim Schieberegler eine Ratsche, die mit der Bewegung im Ton ansteigt, und ein sanfter Klick am Ende; beim Tippen von Text für jeden Buchstaben ein eigener Tastenklick mit leichten Tonhöhenunterschieden, die Leertaste dumpfer; der Loader tickt leise; die Tabs gleiten und rasten ein; der Button wird mit einem Klickgeräusch gedrückt.

3-mal verwendet
3D Simple

Chrom-3D-Titel mit Drop und Funkenspirale

Mach einen 10-sekündigen, cineastischen Motion-Clip mit einem 3D-Titel aus dicken, verchromten Buchstaben mit abgeschrägten Kanten, zum Beispiel "MOTION FAB" (ersetze es durch meinen Text). Der Titel steht auf einem dunklen, glänzenden Boden mit scharfen Spiegelungen. Anfang: Dunkelheit und ein ansteigender Riser, der Boden unter dem künftigen Titel wird langsam heller. Einen halben Beat vor dem Drop bricht der Ton ab und der Bildschirm wird kurz schwarz. Bei etwa 1,5 s schlägt der Drop mit einem schweren Sub-Boom ein: Die zweite Hälfte des Titels knallt ins Bild, die erste rastet Buchstabe für Buchstabe ein, bei den Akzenten gibt es helle Blitze. Dann läuft ein weicher Glanzstreifen über das Metall. Danach dreht sich der Titel zu einer Spirale, die anwächst und in Funken zerfällt, ohne auszubrennen. Kamera: Storyboard aus etwa acht Einstellungen, jede beginnt genau im Takt. Eine Einstellung fliegt abrupt herein, bremst sanft ab und bekommt einen leichten Neigungsruck, dann driftet sie langsam nach vorn. Reihenfolge: Totale beim Drop, nahe Seitenansicht auf den Glanzstreifen, niedriger heroischer Winkel über der Spiegelung, Draufsicht aus der Totale für die Spirale. Licht und Palette: dunkler Hintergrund, kalte, helle Chromkanten, weiches Leuchten (Bloom), feines Filmkorn. Musik: Techno mit etwa 124 BPM, verzerrte Bassdrum im Viervierteltakt, Claps auf 2 und 4, offene Hi-Hats auf den Offbeats, tiefer rollender Bass, kurzer Moll-Stab mit leichtem Echo. Füge bei jedem Szenenwechsel Whooshes und beim Erscheinen des Texts Klicks hinzu. Binde alle Akzente und Kamerawechsel an das Beat-Raster.

33-mal verwendet
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