Simple MotionKinetic-Type-Produktlaunch zu einem 120-BPM-Beat
<direction> Mach einen 24-sekündigen Kinetic-Type-Launchfilm für mein Produkt, horizontal 1920x1080 bei 30 fps, genau 23,8 s lang, ohne Stimme und ohne gefilmtes Material: alles ist gezeichnet. Die Idee: ein fettes kleingeschriebenes Wort pro Einstellung, jede Sekunde ein harter Schnitt auf einen 120-BPM-Beat, in der Mitte eine kurze Produktdemo, dann eine getippte Pause, ein Drop und eine schnelle Tour durch das funktionierende Produkt, die auf einem ruhigen Schlusswort endet. Setze mein Logo-Zeichen auf jeder Wort-Einstellung unten links und zeichne die Screens meines Produkts als schlichte flache UI nach (Seitenleiste, Karten, ein Diagramm, ein Videoplayer). Jedes zitierte Wort und jede zitierte Zeile unten ist ein Beispiel, das durch Inhalte meines Produkts ersetzt wird: 15-18 einzelne Feature-Wörter mit je einer kurzen Chip-Phrase, drei Schritte, ein paar Zeilen, die ein Nutzer tippen würde, samt Antworten, und der Name meines Produkts und seine Webadresse. Vermeide Überblendungen, langsames Treiben, gefilmtes Material, Voice-over und ganze Sätze in den Headline-Einstellungen. </direction> <structure> 1. 0.00-0.97: „type.“ auf der hellen Seite, von links hereinfegend. Ein Cursor gleitet von unten rechts auf den pinken Punkt: ein Hover-Halo, eine Klick-Welle, und unter dem Punkt öffnet sich ein pinker Tooltip mit „Describe your idea.“, Schritt „01“ und einem Pfeil-Button. 2. 0.97-1.97: „ideas.“ auf tiefem Ink-Blau, links der Mitte, von rechts. Bei 1,5 s springt ein pinker Schritt-Tooltip von seiner linken Kante auf (back out, etwa 22 % Überschwingen, 543 x 196 px in Ruhe): „Type your idea. Live preview.“, Schritt „02“, Zurück- und Weiter-Pfeile. 3. 1.97-2.97: „edit.“ auf Pink von rechts, darunter der Chip „Edit in words“. Der Cursor zieht eine gestrichelte Auswahl über das Wortende und den Punkt, die dann verschwimmen (Hintergrundunschärfe 18 px); eine kleine weiße Blase neben dem Logo sagt „No keyframes“. 4. 2.97-3.93: „move.“ auf der hellen Seite von unten, Chip „3D effects“. Bei 3,5 s blendet der Chip aus und die Kamera taucht in den Punkt: die Skalierung wächst wie e^(0.0251 n²), n Frames seit Beginn des Tauchs, zentriert auf den Punkt, bis sein Pink das Bild füllt. 5. 3.93-4.97: auf diesem Pink wächst „sound.“ von 0,42 auf 1 (power2 in-out, 0,23 s, ein Hauch Überschwingen); seine Buchstaben springen dann wie ein Pegelmesser (jeden Frame ein neuer zufälliger Hub und Maßstab, beruhigt sich). Eine weiße Pille mit Notensymbol, einer lebendigen Wellenform (gespielte Balken pink, der Rest blassrosa) und „Music and sound effects“. 6. 4.97-5.97: „vertical.“ auf der hellen Seite von links, darunter eine lavendelfarbene Pille „Vertical“. Bei jeder Achtelnote rollt das Wort zu „horizontal.“, „square.“, „MP4.“: über 3 Frames steigt das alte Wort 135 px auf, verschwimmt und blendet aus, während das neue aus 300 px Tiefe unscharf heraufkommt (power2 out), und der Pillentext wechselt beim Landen. Eine dunkle Blase neben dem Logo sagt „Try it free“. 7. 5.97-6.97: „fonts.“ auf Pink von oben mit einem fast schwarzen Button „Try it free“; dann harte Schnitte alle 0,25 s auf dasselbe Wort als weiche Serife auf Violett (gelber Punkt), eine enge schwarze Grotesk auf Orange (weißer Punkt) und ein schmaler Schnitt auf Türkis (Punkt in Deep Ink), jeweils mit eigener Button-Farbe. 8. 6.97-7.97: „free.“ auf tiefem Ink-Blau von links. Eine weiße Adressleiste poppt mit Überschwingen auf und zeigt die Adresse meines Produkts und einen pinken „Open app“-Button; der Cursor klickt darauf, ein Haken erscheint und im Button läuft eine Welle. 9. 7.97-8.97: „live.“ auf der hellen Seite von rechts; darunter ein einzeiliges Embed-Snippet in einer weißen Codebox, ein iframe-Tag mit der Adresse meines Produkts (Tag pink, Attribut orange, String violett). Bei 8,4 s fällt ein Browserfenster von oben hinter das Wort (power2 in, 2 Frames, unscharf) und landet. 10. 8.97-9.97: „export.“ auf Pink von unten; drei weiße Karten fliegen nacheinander hoch, 2 Frames versetzt, schwingen etwa 28 px über und setzen sich: „Pick a template“ 01, „Describe your idea“ 02, „Refine in words, then export“ 03. 11. 9.97-11.47: „in a chat.“ klein (140 px) oben, von links. Darunter steigt das Dashboard meines Produkts in einem Browserfenster von unten auf (expo out über 0,29 s ab etwa 725 px, unscharf): eine Seitenleiste in Deep Ink mit meinem Zeichen, Schrittkarten und ein pinkes ansteigendes Diagramm, und ein pinker Tour-Tooltip „Describe the video. The agent animates it.“. Der Cursor klickt auf seinen Weiter-Pfeil und die Seite blitzt weiß in die nächste Seite mit dem Tooltip „The preview updates as you talk.“. 12. 11.47-12.97: „as an MP4.“ auf Pink, das Produkt als abgedunkelter Videoplayer, der von unten aufsteigt. Der Cursor drückt den weißen Play-Button, die Abdeckung hebt sich, der Button klappt weg und das Video fährt (1,34x, power3 out) auf die erste Karte ein, während ein Tooltip „Pick a template.“ und ein pulsierender pinker Hotspot erscheinen. 13. 12.97-13.97: die Pause auf Deep Ink. „your AI“ blendet Wort für Wort mit einem orangen Textcursor auf, die Zeile zentriert sich neu, wenn „motion“ hinzukommt, der Cursor blinkt 4 Frames an, 4 aus; dann 7 Frames Fast-Schwarz. 14. 13.97-14.97: der Drop auf Pink. Ein Ring dünner weißer Speedlines platzt in 6 Frames nach außen und „designer.“ knallt mit 2x herein, schwingt nach unten auf 0,88 und federt über 1,03 innerhalb von 0,45 s in die Ruhe. 15. 14.97-20.97: das Produkt bei der Arbeit. Ein App-Fenster gleitet von rechts auf die helle Seite: links ein Chat, rechts eine Bühne („Your AI motion designer“, zwei Start-Buttons „Pick a template“ und „Describe your idea“). Die Kamera fährt auf den Chat ein (1,77x in 4 Frames): eine Anfrageblase „Kinetic type, shapes and sound“, drei Denkpunkte, eine getippte Antwort „Describe the video. The agent animates it.“. Sie zieht zurück, während die Bühne ein Browserfenster mit einer Vorlagenauswahl (sechs Karten) öffnet, fährt auf Chat und Bildschirm gemeinsam ein, während „No keyframes to hunt for. Say what should change.“ getippt wird und eine Blase „'Bigger', 'slower', 'another colour'“ eintrifft, zieht zurück, während die Bühne zu einem laufenden Video wird, und endet weit. Jede schnelle Bewegung dauert 3-6 Frames mit leichter Unschärfe. 16. 20.97-21.97: „words.“ auf Pink von links; eine weiße Chatkarte, in der die Anfrage „'Bigger', 'slower', 'another colour'“ einblendet, dann die Antwort „The preview updates as you talk.“. 17. 21.97-22.97: „gets it.“ auf Deep Ink von rechts; eine weiße Leiste mit vier Zellen poppt auf (0,83 auf 1 mit back out): TYPE „Bigger“, MOTION „Slower“, COLOUR „Another colour“, EXPORT „MP4“. 18. 22.97-23.80: „in motion.“ auf der hellen Seite von oben, eine türkise Pille „Live preview · Vertical“, deren zweite Hälfte alle 7 Frames durch „Horizontal“, „Square“ und „MP4 export“ läuft. Das letzte Label ist die Adresse meiner Website. </structure> <composition> Palette: helle Seite #FAF9FF, Deep Ink #1C0B5D (dunkle Hintergründe und dunkle Schrift), Fast-Schwarz #0D0B1E (Buttons, der Blackout), Hauptakzent Pink #FB2D89 (auch die farbigen Hintergründe), Orange #FE9117 (Akzent auf Dunkel), Violett #7C6CF2, Türkis #2DD4B0 und Gelb #FFD23F nur für die Theme-Schnitte, Lavendel-Panels #F0EDFF, gedämpfter Text #6B6385, Haarlinien #E9E4F2, Weiß. Die Einstellungen wechseln zwischen drei Hintergründen: helle Seite mit Deep-Ink-Wörtern und pinkem Punkt; Deep Ink mit weißen Wörtern und orangem Punkt; Pink mit weißen Wörtern und einem Deep-Ink-Punkt. Headline-Wörter: Mona Sans Black mit 112,5 % Breite, 250-315 px, Laufweite -0,06 em, klein geschrieben, zentriert, immer gefolgt von einem farbigen runden Punkt, 0,2 em breit, auf der Grundlinie. UI-Text in Inter 400-700. Für das Theme-Karussell: ein Serifen-Moment in Fraunces 600 mit weichen Enden, eine enge Grotesk (Inter Black bei -0,1 em) und ein schmaler Schnitt (Mona Sans bei 75 % Breite). Code in Geist Mono. Chrome auf jeder Wort-Einstellung: ein Versalien-Label oben links (Mona Sans 600 expanded, 19 px, +0,25 em Laufweite; Deep Ink mit 55 % auf Hell, Weiß mit 52 % auf Dunkel, Weiß mit 62 % auf Farbe), ein dünnes Linien-Icon oben rechts (30 px, gleiche Farbe, blendet nach jedem Schnitt über 3 Frames ein) und mein Logo-Zeichen unten links als abgerundetes Quadrat mit 78 px. </composition> <techniques> Schnitte sind hart und landen auf dem Beat, alle 2 Beats (1,0 s); die vier Theme-Schnitte landen auf Achteln. Jedes neue Wort fegt von einer Seite herein, abwechselnd links, rechts, oben, unten: es startet etwa 500 px entfernt und setzt sich in 0,14 s mit expo out, mit einem Abfall von etwa 5x pro Frame, mit einer Unschärfe in Bewegungsrichtung proportional zur verbleibenden Distanz (etwa 0,11 px Unschärfe pro px), und landet scharf. Das Versalien-Label entschlüsselt sich bei jedem Schnitt: 3 Buchstaben pro Frame lösen sich auf, verwürfelte Buchstaben und Ziffern laufen 7 voraus und ändern sich jeden zweiten Frame; Leerzeichen und der Mittelpunkt bleiben. UI-Teile poppen: im ersten Frame halb sichtbar, einen Frame später ganz, skalieren von 0,7-0,85 mit back out (etwa 10 % Überschwingen) über 0,26 s. Das Logo hüpft vor jedem Beat 6 px pro Frame und sendet ein pinkes Halo (weiß auf dem pinken Hintergrund) aus, das auf 1,68x wächst und über den Beat von 34 % auf 6 % ausblendet. Cursor sind ein schwarzer Pfeil mit weißem Rand, die mit power3/power4 out hereingleiten und mit leichtem Stauchen und einem Wellenring klicken. </techniques> <music> Mach ein originales, mitreißendes, glänzendes Electro-Pop-Bett mit 120 BPM im 4/4-Takt, genau so lang wie das Video: federnder Staccato-Synthbass, knackige Claps, crispe Hi-Hats, helle Plucks und ein paar zerhackte Vocal-„woo“-Stabs, keine Worte. Volle Energie ab dem ersten Beat, mit Downbeats alle 2 s ab -0,03 s, sodass jeder Schnitt auf einem Beat sitzt. Bei 12,97 s fällt der Beat weg und lässt nur einen gefilterten Breakdown und einen Riser unter der getippten Pause; bei 13,97 s knallt der volle Groove mit einem tiefen Boom auf den Burst zurück. Kurzes Ausblenden am Ende. </music> <sound> Kein Voice-over. Über der Musik: ein kurzes luftiges Whoosh mit Spitze bei jedem Schnitt, weiche Klicks bei jedem Pop, Ticks bei den Theme-Schnitten und den getippten Wörtern, ein kurzer Riser in den Tauchgang und ein Sub-Drop, wenn die Farbe das Bild füllt, schnelle Whooshes bei den Kamerabewegungen, ein Aufprall, wenn das Browserfenster landet, und ein Boom beim letzten Schnitt. Mix auf etwa -14 LUFS mit True Peak unter -1 dBTP. </sound>
7-mal verwendet
