Simple MotionShowreel, 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
