Prompts der Community

UI-Animation

UI-Animation: 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

Nahtloser 15-Sekunden-App-Showreel in purer Motion Graphics

<direction> Erstelle einen 15-sekündigen Motion-Graphics-Showreel im Querformat für meine App, 1920x1080 bei 60 fps. Alles ist gezeichnete Grafik, ohne Filmmaterial. Das Einzige, was ich beisteuere, ist das Logo meiner App (ein App-Icon als abgerundetes Quadrat). Die Idee ist eine durchgehende Bewegung, bei der jeder Abschnitt sein letztes Objekt an den nächsten weitergibt. Ein Punkt wird zum Logo, das Logo wird zum Namen, die Buchstaben werden zu Punkten, die Punkte werden zu Rennbällen, ein Ball flutet das Bild, eine Form zerfällt in Kacheln, die Kacheln werden zu einer 3D-Punktwolke, und dann folgen kinetische Wörter und eine Endkarte. Jeder Abschnitt zeigt eine Motion-Fähigkeit. Verwende flache Farben, klare Vektorformen und ein Kamerasucher-HUD über allem, mit Schnitten, die auf einen 128-BPM-Track abgestimmt sind. Vermeide Filmmaterial, Verläufe und Texturen, Voice-over und jeden Abschnitt, der aus dem Nichts beginnt, statt aus dem vorherigen herauszuwachsen. </direction> <structure> 1. 0–1,9 s, fast schwarz: Ein pinker Punkt sitzt in einem dünnen grauen Ring, und der Ring öffnet sich mit expo.out. Ein zweiter Ring rollt zu einem schwachen großen Kreis aus (0,45 s, expo.out). Bei 0,5 s wächst mein Logo aus dem Punkt, seine Ebenen poppen nacheinander mit back.out auf. Bei 0,92 s setzt es sich größer und dreht sich dabei sanft. Ein dünner pinker Ring aus kreisendem Mono-Text ("APP NAME · IDEAS IN MOTION · APPNAME.APP ·", ersetze ihn durch deinen) erscheint darum und dreht sich langsam. Bei 1,7 s schrumpft das Zeichen mit leichter Unschärfe zurück zu einem kleinen hellen Punkt. 2. 1,9–3,5 s: Beim Drop bei 1,93 s platzen zwei Scheiben aus dem Punkt, zuerst die helle und die pinke 30 ms dahinter (expo.out, 0,3 s), sodass ein dünner heller Ring auf dem pinken Rand reitet. Der Name meiner App in der breiten Grotesk steigt Buchstabe für Buchstabe von der Grundlinie auf: Jeder Buchstabe ist auf seine eigene Box beschnitten, mit 30 ms Versatz und 0,26 s expo.out. Der Name füllt immer dieselbe Breite von 1640 px. Eine dünne dunkle Linie zeichnet sich von der Mitte darüber, mit "01", das links eingetippt wird, und meiner Webadresse rechts. Ab 2,55 s läuft eine Breitenwelle durch die Buchstaben: Jeder staucht sich von 150 % auf etwa 55 % Breite und zurück in 0,6 s, 0,1 s nach dem vorherigen. Das Wort wird in jedem Frame auf 1640 px neu angepasst, sodass schmale Buchstaben höher werden. Bei 2,84 s steigt darunter ein heller Serif-Kursiv-Slogan ("ideas in motion") Wort für Wort auf. Bei 3,3 s kollabieren die Buchstaben zu dunklen Punkten und der Slogan fällt weg. 3. 3,5–5,6 s: Ein diagonaler heller Wipe kommt von unten rechts (0,16 s). Sechs dunkle Punkte schwingen in einer Kurve zum Anfang von sechs Zeilen (power2.inOut, versetzt) und nehmen die Zeilenfarben an. Ein Serif-Kursiv-Titel wird von links eingetippt ("Chat instead of a timeline."), mit einer Mono-Notiz rechts ("NO KEYFRAMES · LIVE PREVIEW") und Spurlabels "IDEA" und "MP4" an den beiden Enden. - Jede Zeile hat eine pinke Nummer, einen Mono-Namen ("animated type", "shapes", "transitions", "3D effects", "sound", "live preview"), ein winziges Kurvensymbol, das sich selbst zeichnet, und eine Spurlinie, die von links nach rechts gezeichnet wird. - Bei 4,215 s rasen sechs Bälle (dunkel, violett, pink, wiederholt) in genau 0,94 s 1040 px weit, jeder mit eigener Easing-Kurve: linear, power2.inOut, expo.out, back.out(1.7), elastic.out(1, 0.3) und bounce.out. - Striche über jeder Spur markieren, wo der Ball bei jedem 1/16 des Laufs war. Drei verblassende Geisterringe folgen jedem Ball, die Bälle strecken sich entlang ihrer Geschwindigkeit, ein Punkt fährt synchron auf jedem Kurvensymbol mit, und jeder Ball bekommt bei der Ankunft einen Outline-Halo. - Bei 5,3 s blenden die Zeilen aus, die Bälle fliegen in die Mitte und verschmelzen, und der violette schwillt an, bis er das Bild füllt. 4. 5,6–7,5 s, violett: Ein heller Kreis federt aus einem Punkt hoch (elastic.out, 0,45 s). Zwölf Satellitenpunkte schießen auf eine Umlaufbahn (expo.out, im Abstand von 12 ms). - Dahinter liegen dünne Fadenkreuz-Hilfslinien, ein gepunkteter Orbitkreis mit Teilstrichen und den Labels "270°" und "90°". - Mono-Anzeigen sitzen an den Seiten: "SHAPES NO KEYFRAMES" links und zitierte Änderungswünsche rechts ("“BIGGER” “SLOWER”", "“ANOTHER COLOUR”"). - Pinke Wellenringe pulsieren um den Kreis. - Die Form morpht dann Kreis → Dreieck → Stern → Quadrat. Jeder Morph dauert 0,26–0,3 s mit back.out(2,2) und einer 120°-Drehung, und pinke Echo-Umrisse folgen der Form nur, solange sie sich dreht. - Die Satelliten morphen einen Schlag später, nacheinander, und verschwinden bei 7,22 s. Sie kommt als aufrechtes 360-px-Quadrat zur Ruhe. 5. 7,5–9,75 s, fast schwarz: Das Quadrat teilt sich in neun 120-px-Kacheln. Ein Truchet-Labyrinth wächst Ring für Ring, bis es das Bild füllt (back.out, etwa 30 ms pro Ring); jede Kachel hat zwei Viertelkreisbögen in gegenüberliegenden Ecken, gezeichnet als helle 20-px-Linien. Pinke Wellen ziehen darüber: erst zwei Bänder von links nach rechts, dann ein Ring, der sich auf die Mitte zusammenzieht. Kacheln innerhalb einer Welle drehen sich um 90 oder 180 Grad, schrumpfen auf 80 % und werden pink, sodass die Linien in Striche zerfallen, und kehren zurück, sobald das Band vorbei ist. Ein kleines Mono-Label wird unten eingetippt ("SHAPES · TRANSITIONS · NO KEYFRAMES"). Ab 9,45 s kollabieren die Kacheln von der Mitte nach außen. 6. 9,5–11,25 s: Ein 24 x 24 Punktraster erscheint, wo die Kacheln waren, von oben gesehen. Es kippt in eine perspektivische Ebene und faltet sich zu einer Kugel, einer Vase, einem gequetschten Klecks und einem Torus, während es sich um seine Vertikalachse dreht. Zwischen den Formen bewegt es sich mit power2.inOut, mit schwachen Linien zwischen Nachbarn, etwa jeder neunte Punkt ist pink, und Punkte werden mit der Tiefe dunkler. Ein Mono-Label sitzt darunter ("3D EFFECTS · LIVE PREVIEW · MP4 EXPORT"). Es zoomt durch die Kamera und blendet bei 11 s aus. 7. 11,25–13,0 s, kinetische Wörter: ein Wort alle 0,23 s, jedes auf eigenem flachem Hintergrund und jedes füllt die Breite in einer anderen Breite derselben Schrift. Ersetze die sechs Wörter durch deinen eigenen Satz. - "IDEA": dunkel auf Pink, gleitet von links herein, Skalierung 1,3 auf 1, Unschärfe klärt sich in 0,14 s. - "IN.": hell auf Fast-Schwarz mit pinkem Punkt, kommt mit Unschärfe von rechts, und eine kleine Mono-Notiz oben links ("EDIT IN WORDS ↗"). - "VIDEO": ultra-schmal violett auf heller Seite, Buchstaben steigen von unten auf, 25 ms versetzt. - "OUT.": hell auf Violett, mit Unschärfe von links, mit einer Notiz oben rechts ("↘ MP4 EXPORT"). - "NO": dunkel auf Gelb. Die Buchstaben fallen in Winkeln mit back.out herein, dann füllen umrandete Kopien des Wortes Zeilen oberhalb und unterhalb und scrollen in wechselnden Richtungen, während die Hauptzeile nach links driftet. - "KEYFRAMES.": hell auf Fast-Schwarz, gleitet mit konstanter Geschwindigkeit nach links mit einer dünnen diagonalen Linie, dann verschwindet es schnell mit Unschärfe. 8. 13,0–15 s, Endkarte: Pink flutet von rechts herein, und ein heller Ring rollt aus der Mitte aus (0,42 s). Mein Logo dreht sich in der Mitte herein (back.out) mit einem kleinen Konfetti-Burst aus Punkten, Ringen und Dreiecken in Dunkel, Hell und Violett, dann wandert es links neben das Lockup. Der Name meiner App fällt Buchstabe für Buchstabe daneben herein, von unscharf zu scharf, je 0,22 s. Darunter steigt ein Serif-Kursiv-Slogan auf ("your AI motion designer"). Eine Linie wird gezeichnet, und darunter wird eine Mono-Zeile eingetippt: "PICK A TEMPLATE · DESCRIBE YOUR IDEA · MP4 EXPORT", ein kleiner Aufnahmepunkt, dann meine Webadresse rechts. Halte die letzte Sekunde. </structure> <composition> Palette, alles flach: - tiefes Fast-Schwarz #0d0b1e - knalliges Pink #fb2d89 (die Hauptakzentfarbe) - helle Seite #faf9ff - weiches Violett #7c6cf2 - warmes Gelb #ffd23f, nur für einen kinetischen Schnitt Schriften: - Eine breite variable Grotesk mit Breitenachse (Anybody, Gewicht 900, Breite 50–150 %) für den Namen und die kinetischen Wörter. - Eine schmale redaktionelle Serif-Kursive (Instrument Serif Italic) für Titel und Slogans. - Eine Mono (JetBrains Mono) für die Interface-Labels, 14 px, Zeichenabstand 0,16em. Ein Kamerasucher-HUD liegt über dem ganzen Video: - Dünne 2-px-Eckklammern, 44 px von jeder Ecke eingerückt. - Oben links: der Name meiner App in fetten Mono-Versalien mit einem blasseren Slogan dahinter ("APP NAME IDEAS IN MOTION"). - Oben rechts: das aktuelle Abschnittslabel ("01 — APP NAME", "02 — NO KEYFRAMES", "03 — SHAPES", "04 — EDIT IN WORDS", "05 — 3D EFFECTS", "06 — KINETIC TYPE", "07 — TRY IT FREE"). - Unten links: ein laufender Timecode mit Frames ("00:00:03:09") und ein kurzer Slogan ("LIVE PREVIEW"). - Unten rechts: ein weiterer Slogan ("NO KEYFRAMES"), vier kleine Quadrate, die pro Beat eins aufleuchten, und "MP4". - Entlang des unteren Rands: eine 2-px-Fortschrittslinie, die mit der Zeit wächst. Das HUD wechselt bei jedem Schnitt zwischen dunkler und heller Tinte, damit es auf jedem Hintergrund lesbar ist. Alle Wörter auf dem Bildschirm sind Beispiele, die du durch deine eigenen ersetzen sollst. </composition> <techniques> - Jeder Abschnitt endet mit einem Objekt, aus dem der nächste wächst: Punkt zu Logo, Logo zurück zu Punkt, Scheiben zu Name, Buchstaben zu Punkten, Punkte zu Bällen, Ball zu violetter Flut, Quadrat zu Kacheln, Kacheln zu Punktraster, Punktwolke, die durch die Kamera in die kinetischen Wörter zoomt. - Jedes neue HUD-Abschnittslabel tippt sich über 0,3 s ein, mit zufälligen Zeichen, die dem Cursor vorauslaufen. Die anderen Mono-Zeilen werden ebenfalls eingetippt. - Variable-Breite-Schrift: Animiere die Breitenachse jedes Buchstabens und passe das ganze Wort in jedem Frame an eine feste Breite an. - Buchstaben-Reveals werden auf die eigene Box jedes Buchstabens beschnitten. - Verwende leichte Bewegungsunschärfe nur bei schnellen Bewegungen und einen schwachen violetten Farbsaum beim großen Irisblenden-Wipe. - Echo-Umrisse, Geisterringe und Halos sind dünne pinke oder passend gefärbte Striche, die schnell verblassen. </techniques> <music> Energetischer elektronischer Synth-Pop mit 128 BPM, Schlag eins bei 0,06 s, genau 15 s lang: - Weiche glockenartige Pad-Akkorde im ersten Takt. - Nach dem Drop bei 1,93 s eine Four-on-the-Floor-Kick mit Claps auf 2 und 4, Off-Beat-Hi-Hats, ein druckvoller Synthbass und kurze Akkord-Stabs unter den Abschnitten. - Ein Break ab etwa 10 s, der sich in den kinetischen Abschnitt steigert. - Ein klingender finaler Pad-Akkord auf der Endkarte. Abschnitte wechseln an Taktgrenzen, der Name landet auf dem Drop bei 1,93 s, und die Schnitte der kinetischen Wörter liegen auf Achteln. </music> <sound> Keine Stimme. Hits über der Musik: - ein Riser durch den ersten Takt - ein Boom auf dem Drop bei 1,93 s - ein Riser ab etwa 10 s in einen Punch-Hit bei 11,25 s - eine Kick und ein kurzes Whoosh bei jedem kinetischen Wortschnitt - ein Beckenschlag bei 12,71 s - ein Boom mit dem klingenden Pad-Akkord, wenn die Endkarte landet - ein kleiner Blip bei 14,1 s Die Musik trägt den Track, und die Hits liegen klar darüber. </sound> <references> Ein Showreel eines Motion Designers, gekreuzt mit einem Tech-Produktlaunch-Sizzle. Es kombiniert ein Kamerasucher-Overlay, kräftige kinetische Typografie im Schweizer Stil, Easing-Kurven-Demonstrationen, generative Truchet-Kachelmuster und eine rotierende 3D-Punktwolke. </references>

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>

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

Kinetisches App-Launch-Video mit animiertem UI-Mockup

<direction> 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. </direction> <structure> 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. </structure> <composition> 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. </composition> <techniques> 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. </techniques> <music> 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. </music> <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. </sound> <references> 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. </references>

2-mal verwendet

Simple Motion

Promo mit Ticket, Koffer und Formaten samt Logo-Reveal

<direction> Erstelle ein 15-sekündiges Motion-Graphics-Promo im Querformat (1920x1080, 60 fps) für [your brand], ein Produkt, das aus einer Beschreibung ein fertiges Video macht (passe die Worte an deine an). Die Idee: Eine Anfrage wird zu einem Ticket, das Ticket öffnet sich zu einem Versprechen, ein Koffer liefert die Schritte nacheinander, drei Formate ziehen vorbei und alles landet auf meinem Logo. Es gibt keinen Sprecher: Die Worte stehen auf dem Bildschirm und die Musik trägt alles. Alles ist gezeichnet: flache 2D-Grafik mit einer in 3D gekippten Karte, kein Filmmaterial. Der Look ist hell, klar und energiegeladen: ein pinker Akzent auf heller Seite, mit einem tiefen tintenfarbenen dunklen Feld. Vermeide Filmmaterial, Sprecher, Unschärfe in Textmasken sowie jedes Driften oder Verzerren des Logos. Das Logo bildet sich als Ganzes, genau wie gezeichnet, und bleibt von etwa 13,3 s bis zum Ende absolut ruhig. </direction> <structure> 1. 0–1,9 s, die Anfrage. Links steht ein kleiner, gesperrter pinker Kicker „YOUR AI MOTION DESIGNER“ über einer dreizeiligen Schlagzeile von etwa 180 px, „Describe“ / „the“ / „video.“ (ersetze sie durch deine; die letzte Zeile ist pink). Die Zeilen steigen nacheinander von ihren Grundlinien auf. Die erste bewegt sich schon bei Frame 0, die anderen folgen im Abstand von 0,13 s, linear, je 0,17 s. Rechts ist eine weiße Ticketkarte in Perspektive gekippt, ihre linke Seite näher. Sie hat einen pinken Kopf „FROM IDEA TO VIDEO“ und mein kleines Logo mit „[your brand]“ daneben. Zwei Felder, „FROM IDEA · Your idea“ und „TO MP4 · Video“, sind durch eine gestrichelte Linie mit pinkem Play-Dreieck verbunden. Dazu kommen kleine Beschriftungen „EDIT WORDS“, „STEP 03“, „EFFECTS 3D“ und „PREVIEW LIVE“, ein Barcode und „03“ auf dem Abschnitt. Die Karte fliegt bei 0,23 s von rechts ein (power3.out, 0,35 s), schießt etwa 125 px nach links über und pendelt sich zurück (sine.inOut, 0,37 s). Währenddessen wechselt der „MP4“-Code 15-mal pro Sekunde zufällige Buchstaben und rastet Buchstabe für Buchstabe bei 0,67, 0,8 und 0,93 s ein. Bei 1,17 s schlägt ein pinker Umriss-Stempel „MP4 EXPORT“, um -14° gekippt, aus 2,4x in 8 Frames mit winzigem Nachfedern ein. Bei 1,67 s schrumpft das Play-Dreieck zu einem pinken Punkt, der zu einer Kreisblende wächst, die auf ihm zentriert ist, mit zwei blassrosa Ringen knapp außerhalb ihres Rands. Der Radius durchläuft 15, 36, 66, 120, 210, 330, 540, 900 und 1500 px, ein Schritt alle zwei Frames. Die Schlagzeilenzeilen verlassen der Reihe nach nach oben das Bild, während der Kreis wächst. 2. 1,9–4,0 s, das Versprechen, auf einem vollständig pinken Feld (radial, in der Mitte heller). Ein weißes Play-Dreieck, etwas länger als breit, damit es in seine Richtung zeigt, entsteht im Kreis. Es fliegt eine Schleife um die Worte, entlang seines Wegs gedreht: nach oben, links über die Oberseite, die linke Seite hinunter, am unteren Rand entlang, die rechte Seite hinauf und oben rechts hinaus. Hinter sich zeichnet es eine gepunktete weiße Umlaufbahn, deren ältere Punkte zu einer dünnen, schwachen Linie verblassen. Zwei große blasse Kreise liegen im Hintergrund. „No keyframes.“ (etwa 220 px, weiß) schwingt Buchstabe für Buchstabe im Abstand von 0,03 s auf einem Bogen von unten rechts herein, beginnt bei 38° und richtet sich auf. Bei 2,8 s fliegt es Buchstabe für Buchstabe nach oben hinaus. Gleichzeitig steigt „The agent animates it.“ (etwa 157 px) Buchstabe für Buchstabe im Abstand von 16 ms von seiner Grundlinie auf. Bei 3,03 s wischt eine weiße abgerundete Pille in 0,18 s von links hinter „animates it.“ herein, und diese Worte werden darin pink. Bei 3,77 s verschwimmen die Worte und blenden aus. Ein tiefer tintenfarbener Koffer mit pinkem Gurt und einem „MP4“-Anhänger fällt von oben und landet bei 4,02 s mit leichtem Stauchen. 3. 4,0–8,95 s, die Schritte. Aus dem Koffer öffnet sich ein heller Kreis mit zwei blassrosa Ringen, und zwei pinke Wellen-Ellipsen breiten sich von seiner Basis aus. Oben steigt „Edit in words.“ (gedämpft, etwa 56 px) auf. Dann steigt „Your idea is ready to move.“ (etwa 93 px) Wort für Wort auf, mit „move.“ in Pink und einer handgezeichneten pinken Unterstreichung darunter. Über dem Koffer erscheinen sechs weiße Schrittkarten, eine alle 0,58 s. Jede Karte ist 900x165 px groß und abgerundet, mit einer Icon-Kachel links und einem Status-Chip rechts. Jede steigt hinter dem Koffer auf (von 100 px tiefer und mit 72 % Größe, 0,3 s, power2.inOut) mit einem lavendelfarbenen „Animating“-Chip und einem Spinner. Dann leuchtet sie in zwei Schlägen auf: zuerst ein pinker Rand und ein weicher äußerer Halo, 0,07 s später wird die Icon-Kachel pink und der Chip zu einem pinken „✓ Ready“. Wenn die nächste Karte kommt, rückt die alte 40 px nach oben und blendet in 0,15 s aus. Die Karten lauten: „Kinetic type“, „Shapes“, „3D effects“, „Sound“, „Your own footage“, „Fonts for every script“ (ersetze sie durch deine). Unter dem Koffer schalten sich sechs Punkte und ein Zähler mit jeder Karte weiter, von „1 / 6 in motion“ bis „6 / 6 in motion“. Bei 7,9 s wechselt die letzte Karte an Ort und Stelle zu „Ready to move.“ mit einer Häkchen-Kachel und einem pinken „6 / 6“-Chip. Der Zähler wird durch „✓ Live preview. MP4 export.“ ersetzt. Bei 8,4 s hebt alles außer dem Koffer ab und verschwimmt. Bei 8,7 s taucht die Kamera in den Koffer, bis sein tiefer tintenfarbener Körper das Bild füllt. 4. 8,95–11,4 s, die Formate. Eine Gruppe aus drei schrägen Bändern fegt in 0,2 s von rechts nach links über das Bild und öffnet hinter ihrer Hinterkante ein bildfüllendes Panel. Die Bänder sind um etwa 18° geneigt: ein dunkelpinker schmaler Streifen, ein breites pinkes Band und ein hellpinker schmaler Streifen. Derselbe Schwung kommt bei 9,76 s und 10,5 s erneut. Die drei Panels sind weiche Verlaufsblöcke mit Horizont: - Lavendel zu Violett, mit warmem Licht in der unteren Hälfte; - ein violetter Himmel über einem tiefen tintenfarbenen „Meer“; - ein orangefarbener Himmel über tiefem Tintenton, mit einem türkisen Nebelband. Jedes Panel schiebt sich langsam von 1,07 auf 1 heran und hat unten einen tiefen tintenfarbenen Verlauf. Sein Name steigt Buchstabe für Buchstabe unten links auf, etwa 226 px, weiß: „Vertical“, „Horizontal“, „Square“. Oben links sitzt ein kleines, gesperrtes HUD: „01 / 03“ in hellem Pink, dann „9:16“, dann tippt sich „MP4 EXPORT“ ein, mit einer wachsenden pinken Unterstreichung darunter. Es wechselt zu „02 / 03 · 16:9 · LIVE PREVIEW“ und dann zu „03 / 03 · 1:1 · NO KEYFRAMES“. 5. 11,4–12,5 s, das Raster. Das letzte Panel schrumpft zur rechten Karte, während die anderen beiden von links hereingleiten. Zusammen bilden sie drei Hochformat-Karten (580x780 px, 30 px Abstand) auf einem tiefen tintenfarbenen Feld. Das Raster schiebt sich sanft auf 1,05 heran und setzt sich in einer halben Sekunde wieder. „Vertical, horizontal or square.“ steigt in Weiß darüber auf. Sobald sich das Raster gesetzt hat, blenden kleine Namen auf den Karten ein („Vertical“, „Horizontal“, „Square“), gut innerhalb des Bildes. 6. 12,2–15 s, das Logo. Ein pinker Punkt wächst aus der mittleren Karte, mit blassen Halo-Ringen, während das Raster auf einer weißen Seite auf 0,9 schrumpft. Sein Radius wird alle zwei Frames von 12 bis 1150 px gekeyt. Dann schrumpft der Punkt schnell und wird langsamer (260, 125, 90, 75 px), während er links von der Mitte wandert. Dort öffnet er sich direkt zur Hintergrundform meines Logos, ohne das Logo je zu überlappen, und die inneren Teile des Logos wachsen als ein Stück ein, genau wie das Logo gezeichnet ist. Bei 13,03 s gleitet „[your brand]“ hinter dem Logo nach rechts heraus (power3.out, 0,32 s), während sich ein dünner pinker Ring um das Logo ausbreitet und verblasst. Der Name ist etwa 150 px groß, tief tintenfarben, seine Buchstaben sind auf der Mittellinie des Logos zentriert, und das ganze Lockup ist im Bild zentriert. Dann steigt „Describe the video. The agent animates it.“ Wort für Wort darunter auf, der zweite Satz in Pink. Drei lavendelfarbene Chips poppen auf: „• Vertical“, „• Horizontal“, „• Square“. „[your website]“ steigt in gedämpftem Grau auf. Das Logo bleibt ab etwa 13,3 s absolut ruhig, und alles hält bis zum Ende. </structure> <composition> Die Basis ist eine helle Seite #FAF9FF mit einem schwachen 40-px-Punktraster #E9E4F2 und weichen pinken radialen Glühen. Tiefes Tintenblau #1C0B5D ist für dunkle Schrift, dunkle Objekte und das dunkle Feld. Es gibt einen Akzent, Pink #FB2D89, für Hervorhebungen, das Akzentfeld und den Fortschritt. Gedämpftes #6B6385 ist für Nebenzeilen und Lavendel #F0EDFF für weiche Chips. Orange #FE9117, Violett #7C6CF2 und Türkis #2DD4B0 erscheinen nur in den drei Format-Panels (und in meinem Logo, falls es sie verwendet). Schlagzeilen sind in einer kräftigen geometrischen Sans, Manrope ExtraBold, mit enger Laufweite von etwa -0,05em. Kleine Beschriftungen, HUD-Text und die Website sind in einer klaren Sans, Inter SemiBold. Layout je Shot: - Shot 1: Schlagzeile links, gekipptes Ticket rechts. - Shot 2: Worte zentriert auf dem pinken Feld. - Shot 3: Schrittkarten über dem Koffer gestapelt, Punkte und Zähler darunter, Schlagzeile oben. - Shot 4: Formatnamen unten links, HUD oben links. - Shot 6: End-Lockup zentriert, darunter Tagline, Chips und Website gestapelt. </composition> <techniques> Einblendungen sind sauber. Text steigt von seiner eigenen Grundlinie in einem Ausschnitt auf, der sich mit ihm bewegt, niemals als Unschärfe in einer Maske. Ausblendungen beschleunigen und sind in etwa 0,1 s verschwunden. - Kreisblenden wachsen in gestuften Radien, alle zwei Frames gekeyt, mit blassrosa Ringen knapp außerhalb des Rands. - Der Ticketcode wechselt Buchstaben und rastet Buchstabe für Buchstabe ein. - Der Stempel schlägt aus 2,4x mit winzigem Nachfedern ein. - Buchstaben kommen auf einem rotierenden Bogen herein, und die Hervorhebungs-Pille wischt hinter Worte, die darin die Farbe wechseln. - Schrittkarten leuchten in zwei Schlägen auf: zuerst Rand und Halo, dann Kachel und Chip. - Die Kamera taucht in den Koffer bei Skalierung 1,5, 3,1, 6,2 und 7 über eine Viertelsekunde. - Schräge Drei-Band-Schwünge tragen die Übergänge zwischen den Format-Panels, und jedes Panel schiebt sich langsam heran. - Das einzelne Panel kollabiert zu einem Raster aus drei Karten. - Ein Punkt wandert und öffnet sich zum Logo, das sich als Ganzes aufbaut und sich nach der Bildung nie bewegt oder verformt. </techniques> <music> Verwende einen originalen, beschwingten, optimistischen Electronic-House-Track mit 120 BPM, genau 15 s lang. Der volle Groove läuft ab dem ersten Frame, mit einer Kick auf jedem Beat bei etwa x,05 und x,55 s. Er bleibt unter den Karten und Formaten gleichmäßig. Die Drums fallen bei 12,55 s weg, wenn der Punkt das Raster verschluckt, und lassen ein warmes Pad und ein aufsteigendes Arpeggio zurück, die bis 15 s ausklingen. Schnitte und wichtige Akzente liegen auf dem Beat-Raster. </music> <sound> Das Sounddesign liegt über dem Track, ohne zusätzliche Drums: - ein Whoosh, wenn das Ticket einfliegt; - leise Ticks, wenn der Code einrastet; - ein sanfter Impact beim Stempel; - Whooshes bei jeder Kreisblende und der Hervorhebungs-Pille; - ein dumpfer Schlag, wenn der Koffer landet; - ein im Ton ansteigender Blip, wenn jede Karte pink wird; - ein Chime, wenn die letzte Karte landet; - ein Riser in den Tauchgang und ein Impact, wenn sich das erste Panel öffnet; - Whooshes bei jedem Band-Schwung und wenn die Karten zusammenkommen; - ein Riser in den Drop; - eine Glocke, wenn sich das Logo bildet; - sanfte Klicks bei den Chips. Mische auf etwa -14 LUFS mit einem True Peak unter -1 dBTP. </sound> <references> Eine moderne App-Launch-Werbung im flachen Vektorstil, aufgebaut auf kinetischer Typografie und einer Reise-Metapher: eine Bordkarte, ein Koffer und Horizont-Panels. Sie endet mit einem sauberen, zentrierten Logo-Lockup. </references>

3-mal verwendet

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

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

Soft-Tech-App-Promo: Icon-Wand, Smartphone und 3D-Studio

placeholder

Simple Motion

Morphende UI-Loop, gesteuert von einem klickenden Cursor

<direction> Erstelle ein quadratisches 14-Sekunden-Video (1440x1440, 30 fps): ein nahtloser UI-Motion-Loop, komplett gezeichnet, ohne Schnitte. Eine abgerundete Form verwandelt sich immer weiter von einer Interface-Komponente in die nächste: Button, Loader, Häkchen, Island-Pille, Musikplayer, Lautstärkeregler, Toggle, Tabs, Diagramm, Suchpille, Command Palette, Toast und zurück zum Button. Ein Cursor auf dem Bildschirm steuert jede Änderung und klickt und zieht wirklich. Das letzte Bild muss zum ersten passen, damit es loopt. Der Look ist klar und ruhig: eine lavendelfarbene Fläche, tiefdunkle Tinten- und weiße Komponenten und eine saubere UI-Schrift. Die einzige Farbe kommt von meinem Logo, das als Albumcover dient. Fast auf jedem Beat passiert etwas, bei etwa 120 BPM. Vermeide Glows, Verläufe auf der UI-Oberfläche, Partikel, federnde Easings, Schnitte und Stimme. Alle Bildschirmtexte unten sind Beispiele, die durch meine ersetzt werden. Halte jeden etwa gleich lang, damit das Layout hält. </direction> <structure> 0.0-0.6 s: ein tintenfarbener Pillen-Button „Open app“ (etwa 640x200 px, weiße Schrift mit 62 px). Der Cursor gleitet von unten rechts herein und drückt ihn bei 0.46 s, der Button sinkt auf 96 %. 0.6-1.25 s: er schrumpft zu einem Kreis von 230 px mit einem weißen kreisenden Bogen, dann zeichnet sich ein weißes Häkchen. 1.25-1.75 s: der Kreis streckt sich zu einer Island-Pille (etwa 860x210) mit meinem Logo als kleinem abgerundetem Quadrat links und fünf hüpfenden weißen Waveform-Balken rechts. 1.75-3.7 s: die Island öffnet sich zu einer tintenfarbenen Player-Karte (etwa 990x630, 72 px Ecken). Das Logo wächst als geteiltes Element zu einem 224-px-Cover neben dem Titel „Ideas in motion“ und „[your site]“ in zartem Lavendel. Darunter eine dünne weiße Fortschrittsleiste mit Knopf, „01“ und „03“ an den Enden und Symbole für zurück / Pause / weiter. Der Cursor klickt Pause, das über einen schnellen Blur zu Play wird, und klickt dann zurück auf Pause. Danach greift er den Knopf, der um 25 % wächst, und zieht ihn von etwa einem Drittel bis fast ans Ende. 3.7-5.25 s: die Karte klappt zu einer breiten Lautstärke-Pille zusammen (etwa 1070x186) mit einem Lautsprechersymbol. Der Cursor zieht den Pegel fast auf null, wieder hoch und über das Maximum hinaus. Die ganze Pille dehnt sich wie Gummi nach rechts, bis etwa 170 px, und federt beim Loslassen mit einem kleinen Wackeln zurück. 5.25-6.25 s: sie wird zu einem Toggle (etwa 520x260). Der Knopf erscheint grau in der Mitte, dann kippt er an, aus, an, aus, jeweils mit einem Druck. An ist eine tintenfarbene Spur mit dem weißen Knopf rechts. Aus ist eine blasse #E9E4F2-Spur mit dem Knopf links. 6.25-7.25 s: der Knopf wächst zum tintenfarbenen Indikator einer weißen Tab-Leiste „Pick“ / „Describe“ / „Export“. Der Cursor klickt „Describe“, dann „Export“. Der Indikator streckt sich voraus und holt auf, und das Label darunter wird weiß. 7.25-9.7 s: die Tab-Leiste öffnet sich zu einer weißen Diagrammkarte (etwa 1100x840), die Tabs wandern nach oben und der Indikator wird eine kleine Pille. Eine große fette Zahl rollt „01“, „02“, „03“ mit leichtem Blur über der Bildunterschrift „Refine in words, then export“. Währenddessen zeichnet sich eine tintenfarbene Linie in etwa einer halben Sekunde von links nach rechts über einer lavendelfarbenen Fläche und vier Haarlinien. Der Cursor streicht an der Linie entlang mit einem tintenfarbenen Tooltip „01“, „02“, „03“, gefolgt von einem Punkt und einer gestrichelten Hilfslinie. Ein Klick auf „Describe“ rollt die Zahl auf „02“ mit der Bildunterschrift „Describe your idea“, und die Kurve morpht in eine niedrigere, welligere. 9.7-10.1 s: die Karte klappt zu einer weißen Suchpille zusammen mit Suchsymbol, „Edit in words“ und „⌘K“ rechts. 10.1-11.75 s: die Pille öffnet sich zu einer Command Palette (etwa 1060x830). Oben eine Suchzeile mit dem Platzhalter „Describe your idea“ und blinkendem Cursor, dann eine Haarlinie. Fünf Zeilen folgen, im Abstand von 40 ms eintretend, jede mit einer lavendelfarbenen Icon-Kachel: „Pick a template ⌘N“, „MP4 export ⌘E“, „Ideas in motion“, „Live preview“, „Your AI motion designer ↵“. Das Wort „motion“ wird Buchstabe für Buchstabe getippt, etwa 0.1 s auseinander und leicht ungleichmäßig, mit festem Cursor beim Tippen. Das getippte Wort muss genau zwei Zeilen treffen. Nicht mehr passende Zeilen verschwinden im Blur, die zwei Treffer rutschen nach oben, das Panel federt kürzer und die Ansicht zoomt hinein. Eine lavendelfarbene Markierung liegt auf dem ersten Treffer, wandert zu „Your AI motion designer“ hinunter und wird bei Enter tintenfarben. 11.75-12.6 s: die Palette faltet sich über einen helleren Ton zu einem tintenfarbenen Toast (etwa 970x180) mit weißem Häkchen und „Your AI motion designer“, während die Ansicht zurückgleitet. 12.6-14 s: der Text des Toasts verschwimmt zu „Open app“ und die Pille schrumpft zurück zum Anfangs-Button. Er bleibt bis zum Ende, der Cursor ruht unten rechts, sodass das letzte Bild zum ersten passt. </structure> <composition> Die Fläche ist lavendelfarben #F0EDFF mit einem weichen weißen Glühen knapp über der Mitte und einer leichten Vignette. Komponenten sind tintenfarben #1C0B5D oder weiße Panels #FFFFFF. Gedämpfter Text ist #6B6385, Haarlinien und der Aus-Zustand des Toggles sind #E9E4F2. Alle Panels werfen weiche, lange Schatten in Tintenfarbe. Die einzigen Farbakzente sind die Farben meines Logos, hier Pink #FB2D89 und Orange #FE9117, also nimm die Farben deines Logos. Das Logo erscheint als kleines abgerundetes Quadrat der Island und als Cover des Players. Setze alle Texte in Geist, die kleinen Zahlen des Players in Geist Mono. Der Cursor ist ein fast schwarzer Pfeil (#0D0B1E) mit weißem Rand. Alles bleibt mittig auf der Fläche. </composition> <techniques> Die eine Form ändert Breite, Höhe, Eckenradius und Farbe auf straffen Federn: etwa 0.25 s zum Einschwingen, höchstens etwa 1 % Überschwingen. Alles in jedem Zustand blendet in 0.1 s mit 10 px Blur ein und aus, sodass sich Text nie überlagert, während der Container seine Größe ändert. Textwechsel, wie Pause zu Play und der Toast-Text zurück zu „Open app“, laufen ebenfalls über einen schnellen Blur. Der Cursor bewegt sich auf glatten Kurven und schrumpft um etwa 14 %, solange sein Button gehalten wird. Das Logo wandert als geteiltes Element von der Island zum Player-Cover. Die Lautstärke-Pille dehnt sich wie Gummi, wenn über das Maximum gezogen wird, und federt dann mit einem kleinen Wackeln zurück. Die Vorderkante des Toggle-Knopfs läuft auf einer steiferen Feder als die Hinterkante, sodass sich der Knopf auf dem Weg streckt. Der Tab-Indikator streckt sich genauso voraus und holt auf. Die Zahlen des Diagramms rollen mit leichtem Blur, die Linie zeichnet sich in etwa 0.5 s von links nach rechts, und die Kurve morpht beim Tab-Wechsel in ihre neue Form. Palettenzeilen treten im Abstand von 40 ms ein, und herausgefilterte Zeilen verschwimmen. Die Kamera bleibt stehen, außer einem sanften 17-%-Push-in, solange die Palette kurz ist, das beim Entstehen des Toasts wieder zurückgleitet. </techniques> <music> Erzeuge einen schwungvollen instrumentalen Rockabilly-/Country-Rock-Track in Es-Dur bei etwa 120 BPM, genau so lang wie das Video. Er hat einen Boom-Chick-Groove mit der Bassdrum auf dem Beat und der Snare auf den Achteln dazwischen, und twangige Lead-Gitarrenlicks über Bass und Schlagzeug. Er startet mit voller Energie im ersten Bild und bleibt gleichmäßig. Lege die Cursor-Aktionen und Morphs auf sein Beat-Raster. Bei etwa 13.4 s hört die Band mit einem Schlag und einem Crash auf und lässt ihn ausklingen, damit der Loop im Takt wieder anschließt. </music> <sound> Soundeffekte, passend zum Bild komponiert, über der Musik: - Jeder Cursor-Druck klickt mit einem kurzen, hellen Tick und einem kleinen getonten Klang. Jedes Loslassen gibt einen weicheren, höheren Tick. Beide werden sanft mit dem Cursor gepannt. - Ein winziges Blip, wenn das Häkchen erscheint. - Ein umgekehrtes Becken, das in den Klick auf den Tab „Export“ anschwillt. - Ein weicher tiefer Boom, wenn die Diagrammkarte sich öffnet. - Die Suche wird auf einer Schreibmaschine getippt: zwei Tasten für ⌘K, ein Klack pro getipptem Buchstaben, eine leichtere Taste für den Pfeil nach unten und ein schweres Enter mit einem kleinen Schreibmaschinenglöckchen. - Ein Wagenrücklauf-Zip, wenn die Palette sich zum Toast faltet, das mit einem Klonk endet, wenn der Toast landet. - Ein tiefer Boom und ein Splash unter dem finalen Stopp. Die Höhen der Musik sinken kurz unter jedem Klick und Tastenanschlag, damit sie hörbar sind. Keine Stimme. Mix auf etwa -14 LUFS, True Peak unter -1 dBTP. </sound> <references> Fließende Interface-Morph-Loops aus einer einzigen Form wie in Produkt-UI-Showreels und Übergängen im Dynamic-Island-Stil, in denen ein Container sich in einer einzigen durchgehenden Einstellung immer wieder in die nächste Komponente verwandelt. </references>

Simple Motion

Ein faltendes Blatt als Showreel, ohne Schnitte

Erstelle ein 24-sekündiges horizontales Motion-Design-Showreel im Format 1920x1080 mit Ton, aufgebaut um mein Thema. Setze auf ein einziges Konzept: ein einzelnes rotes Blatt, das den Bildschirm nie verlässt und nie geschnitten oder überblendet wird. Jede Szene entsteht aus der vorherigen durch Falten und Verwandeln von Formen, Schrift und Farbe. Verwende eine kräftige serifenlose Schrift, eine Palette aus Rot, Off-White und fast Schwarz (ersetze sie durch die Farben von [your brand]) und eine einheitliche, flache Kamera. Szenen, jeweils gleich viel Zeit, auf jedem Beat passiert etwas, bei 120 BPM: 1) Hook: Das Blatt faltet sich in schnellen Rucken. 2) Kinetische Typografie: vier Wörter wie "FOLD", "BEND", "TURN", "MOVE" (ersetze sie durch deine) klappen im Beat herein. 3) Formen-Morphing: Das Blatt wird zu Kreis, Quadrat, Dreieck und Kapsel. 4) 2D zu 3D: Ein flaches Würfelnetz faltet sich zu einem 3D-Würfel. 5) Daten/UI: Der Würfeldeckel öffnet sich zu einem Dashboard mit hochzählender Zahl und animierten Balken. 6) Die Balken werden zu Akkordeon-Streifen, die zu einem bildfüllenden Blatt mit einem riesigen Wort einrasten. 7) Endtitel "[your brand]" im letzten halben Takt, der sich zurückfaltet, sodass das letzte Bild dem ersten entspricht und das Video loopt. Bewegung: Spring- und exponentielles Easing, kein Nachfedern, Bewegungsunschärfe bei schnellen Bewegungen, keine Pausen über eine halbe Sekunde. Keine Partikel, Glows, Flares, Wackeln, RGB-Split, Überblendungen oder Verläufe. Sound: ein synthetischer Soundtrack mit Kick auf jedem Beat, einem Riser zum stärksten Moment und einem Hit bei jedem Szenenwechsel.

50-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

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

Nahtloser 15-Sekunden-App-Showreel in purer Motion Graphics

Produkterklärung als handgezeichnetes Drink-Rezept

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

Landingpage-Promo mit objektgesteuerten Übergängen

Kinetisches App-Launch-Video mit animiertem UI-Mockup

Promo mit Ticket, Koffer und Formaten samt Logo-Reveal

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

Showreel, das Bewegungsprinzipien an sich selbst vorführt

Soft-Tech-App-Promo: Icon-Wand, Smartphone und 3D-Studio

Morphende UI-Loop, gesteuert von einem klickenden Cursor

Ein faltendes Blatt als Showreel, ohne Schnitte

Produktlaunch im Keynote-Stil in einer einzigen durchgehenden Einstellung

15-Sekunden-Showreel einer Website mit einem durchgehenden Objekt

Eine Form verwandelt sich im Takt in 10 UI-Elemente

Cookies & Datenschutz