Motion-Design

Motion-Designer-Showreel Design

Ein 15-sekündiges Showreel mit 128 BPM, in Code nachgebaut: harte Farbschnitte, ein Live-HUD und sieben Kapitel, getaktet auf den Takt. So funktionieren Timing, Typografie und Palette.

OpenDesignCode-Adaption & Produktion

Offiziell

Motion-Designer-Showreel Design15s · Motion-Design

OpenDesign herunterladen Discord beitreten

Große schwarze OpenDesign-Schrift und ein kursiver Motion-Designer-Untertitel auf einer leuchtend grünen Identitätskarte.

Ein Frame aus dem Motion Design

Designideen für

Motion-Designer-ShowreelsEin kurzes Reel, das auf einem festen musikalischen Raster zwischen Kapiteln schneidet.
Brand-Identity-OpenerEin Zeichen, eine Wortmarke und eine Rollenzeile, die sich in einer Endkarte auflösen.
Kinetische TypografieGroße Display-Schrift, gesteuert durch Timing, Echos und Farbwechsel.

Highlights des Showreels

Ein HUD, das den Beat zähltTimecode, 128 BPM, vier Beat-Quadrate und BAR n/8 bleiben auf jedem Frame sichtbar.
Harte Farbschnitte markieren KapitelLimettengrün, Fast-Schwarz und tiefes Grün trennen die Abschnitte.
Display-Schrift trägt das DesignBreite Wortmarke, kursive Serif-Rollenzeile und echoende Buchstaben tragen den Film.

Vorschau des Motion-Designer-Showreel Designs

Ein 15-sekündiges Motion-Video mit Musik, adaptiert von OpenDesign. OpenDesign-Vorlage ↗ · Original von @stephanlivera ↗

Vorschau anzeigen Teilen

Ein Reel auf musikalischem Raster

Der Film läuft 15 Sekunden mit 128 BPM, und das HUD auf dem Bild macht diese Struktur sichtbar. Jeder Frame zeigt einen Timecode, 60 FPS, vier Beat-Quadrate, einen BAR-Zähler von 8 und eine Fortschrittslinie am unteren Rand.

Dadurch wirken Schnitte bewusst gesetzt. Der Nachteil: Das HUD belegt dauerhaft die Ecken, sodass hinzugefügter Text im inneren Bildbereich bleiben muss.

Der Wortmarken-Frame zu Beginn bei 00:00:03:00, bezeichnet mit 01 — Identity, mit BAR 2/8 im HUD.

Sieben Motion-Kapitel und eine Endkarte

Die Quellnotizen gliedern das Reel in Kapitel mit jeweils eigener Startzeit. Kurze Kapitel halten das Tempo hoch, lassen aber wenig Zeit zum Lesen. Die Wortmarke bekommt 1,5 Sekunden, das Easing-Kapitel zwei.

Kapitel-Timing laut Quellnotizen
Zeit	Kapitel	Sichtbarer Inhalt
0–2,0 s	Identity	Strahlen, gezeichnetes Zeichen, Flash, Kreis-Wipe
2,0–3,5 s	Wortmarke	Zweizeiliger Slide, Squeeze, Serif-Rollenzeile
3,5–5,5 s	Easing	Sechs Kurven von A nach B
5,5–7,45 s	Morphing	Kreis zu Dreieck zu Stern zu Squircle
7,45–9,75 s	Systeme	Papierkachel teilt sich in ein Truchet-Feld
9,75–11,2 s	Tiefe	Punktebene faltet sich zur Laterne, dann zum Torus
11,2–13,1 s	Kinetische Typografie	EASE, IN., EASE, OUT., NEVER, LINEAR
13,1–15 s	Ende	Ring, rotierendes Zeichen, Konfetti, gestapelte Wortmarke

Typografie und Farbe als wichtigste Übergänge

Hintergründe wechseln hart statt per Überblendung. Der Identitäts-Frame nutzt leuchtendes Grün mit fast schwarzer Schrift, der Systeme-Frame ein dunkles Feld mit papierweißem Raster, der kinetische Frame tiefes Grün mit weißen Buchstaben.

Die Schrift im kinetischen Frame zieht durchscheinende Echos hinter jedem Glyphen her, was Richtung ohne Bewegungsunschärfe-Filter zeigt. Der Nachteil ist die Lesbarkeit: Mitten in der Bewegung sind nur zwei Buchstaben, „OU“, lesbar.

Kinetische Typografie bei 00:00:12:00: weiße Buchstaben mit grünen Echos auf tiefem Grün, BAR 7/8.

Größe der Wortmarke

OpenDesign ist in breiter, schwarzer Schrift auf zwei Zeilen gesetzt, darunter eine kursive Serif-Rollenzeile. Der Kontrast zwischen breiter Sans und schlanker Kursive trennt die Marke von der Berufsbezeichnung.

Systeme-Raster

Eine 3×3-Papierkachel auf Fast-Schwarz mit schwachem Punktraster dahinter beginnt als stehendes Objekt, bevor sie sich laut Quelle in ein Truchet-Feld teilt.

Das Reel an ein anderes Briefing anpassen

Die Quellnotizen empfehlen, Marke, Rolle, Fußzeilentext und Palette zu ändern und dabei sieben Kapitel auf dem 128-BPM-Raster zu behalten. Das ist praktikabel, da Text, Palette und Timing als Konstanten am Anfang der Komposition stehen.

Jeder sichtbare Wert ist eine Funktion der Zeit, daher liefert ein Rückwärtssprung denselben Frame. Eine längere Rollenzeile oder ein längerer Markenname braucht womöglich kleinere Schrift, damit er ins zweizeilige Layout passt.

Systeme-Kapitel bei 00:00:07:30: eine 3×3-Papierkachel zentriert auf dunklem Feld, BAR 5/8.

Identität ersetzen
Tauschen Sie zuerst Marke, Rolle und Fußzeilentext aus und prüfen Sie dann die Breite der Wortmarke.
Palette neu gestalten
Halten Sie starken Kontrast zwischen jedem Kapitelhintergrund und seiner Schrift.
Raster beibehalten
Takten Sie Inhalte innerhalb der vorhandenen Takte neu, statt Kapitel hinzuzufügen.

Quelle und Umfang

Dies ist ein offizieller OpenDesign-Code-Remake eines genannten Drittwerks: eines Beitrags von @stephanlivera auf X. Die Komposition ist anhand des veröffentlichten Werks in Code neu aufgebaut, der Soundtrack ist original. Diese Nennung ist sachlich und impliziert keine Billigung durch den ursprünglichen Urheber.

Dies ist ein gerendertes Showreel, kein interaktives Designwerkzeug. Die Vorlage stammt aus einem vorgeschlagenen OpenDesign-Video-Workflow; die Verfügbarkeit hängt von der installierten Version ab.

So erstellen Sie ein Motion-Designer-Showreel Design in OpenDesign

OpenDesign herunterladen und installieren
Desktop-App herunterladen, installieren und Einrichtung abschließen. Ein Projekt für das Design anlegen.
OpenDesign herunterladen
Reel-Briefing schreiben
Legen Sie Dauer, Tempo, Kapitelreihenfolge und Palette fest. Nennen Sie die gewünschte Marke und Rollenzeile und listen Sie auf, welche Kapitel aus der 15-Sekunden-Struktur bleiben sollen.

Vorgeschlagener Prompt

Erstelle ein 15-sekündiges Motion-Designer-Showreel mit 128 BPM im Format 16:9, gerendert als Film. Nutze harte Farbschnitte zwischen Fast-Schwarz, leuchtendem Grün, Papierweiß und tiefem Grün. Zeige auf jedem Frame ein HUD: Marke, Timecode, 60 FPS, 128 BPM, vier Beat-Quadrate, BAR n/8 und eine Fortschrittslinie. Kapitel: Identitäts-Opener, zweizeilige Wortmarke mit einer kursiven Serif-Rollenzeile, sechs Easing-Kurven, Formmorphing, ein Truchet-Raster, eine 3D-Punktwolke, kinetische Typografie und eine Endkarte. Verwende meinen Markennamen und meine Rolle. Füge keinen Voiceover hinzu.
Timing und Lesbarkeit prüfen
Prüfen Sie jedes Kapitel anhand des Taktzählers. Stellen Sie sicher, dass Wortmarke und Rollenzeile vor dem nächsten Schnitt lesbar sind, und kürzen Sie Text, der nicht passt.
Ton und Ränder prüfen
Entscheiden Sie, ob der Film Musik hat oder stumm bleibt. Halten Sie die Bühne randlos und prüfen Sie, dass die Bedienelemente nicht im Posterframe erscheinen.
Exportieren und Share-Link erhalten
Das fertige Design exportieren und anschließend über „Teilen" in OpenDesign einen Share-Link abrufen. Den Link in einem separaten Browserfenster öffnen und prüfen, ob die gewünschte Version sowie alle Assets vorhanden sind, bevor er weitergegeben wird.