HilfeMotion-Design

Motion-Design

Sehen Sie sich das vorgestellte Motion-Design-Beispiel an und erfahren Sie anschließend, wie Sie ein Projekt beschreiben, in der Vorschau prüfen, überarbeiten und exportieren. Die Schritt-für-Schritt-Anleitung verwendet ein separates Focus-Übungsprojekt.

Motion-Design – vorgestelltes Beispiel, 37 Sekunden. In den folgenden Schritten wird der Workflow anhand eines separaten Focus-Projekts erklärt.

Mit einem von fünf integrierten Beispielen beginnen

Wählen Sie auf Home unterhalb des Prompts Motion design aus. Vier Zeilen sind gleichzeitig sichtbar. Scrollen Sie über die Beispielliste, um unten Product Promo einzublenden.

Durchgehende Scroll-Aufnahme; die App zeigt jeweils vier Zeilen gleichzeitig an.

Eine passende Richtung finden

  • Bring Ideas to Life: eine 20-sekündige Geschichte im Scherenschnittstil für Erzählungen, Figuren und handgemachte Texturen.
  • The Future Is Already Here: ein 20-sekündiges Technologie-Reel für beatbasierten Schnitt, kinetische Typografie und Chromoberflächen.
  • Motion Designer Showreel: eine 15-sekündige Motion-Präsentation für Portfolios und Vorstellungen.
  • One-Shape UI Motion: eine 14-sekündige, kontinuierliche Transformation einer Benutzeroberfläche – von Schaltflächen und Ladezuständen bis hin zu Playern und Diagrammen.
  • Product Promo: ein 15-sekündiger Film für ein fiktives Zahlungsprodukt, der Vorteile, Interface-Demonstrationen und einen gebrandeten Abschluss zeigt.

Zuerst Preview öffnen, dann den Prompt anpassen

Klicken Sie auf das Vorschaubild, um Preview zu öffnen. Schließen Sie die Vorschau und klicken Sie dann auf den Titel oder den Prompt-Text, um das Beispiel-Briefing in den Composer zu übernehmen. Ersetzen Sie Produkt, Text, Timing und Stil, bevor Sie den Prompt senden. Durch das Öffnen einer Vorschau wird kein eigenes neues Projekt erstellt.

Bevor Sie beginnen

Führen Sie die Einrichtung der KI-Verbindung einmal durch. Wählen Sie ein Projekt, das klein genug ist, um es genau zu prüfen: Das Focus-Beispiel verwendet einen grünen Punkt, eine Aufgabenkarte, eine Abschlussmarkierung und eine abschließende Markenbotschaft. Es nutzt lokale Animationen und Audiodateien statt eines externen kostenpflichtigen Dienstes zur Mediengenerierung.

Schritt 1 – Motion design auswählen

Öffnen Sie auf Home das Menü für den Erstellungstyp unterhalb der Eingabeaufforderung und wählen Sie Motion design. Unter dem Eingabebereich werden integrierte Motion-Beispiele angezeigt. Die Liste zeigt jeweils vier Zeilen; scrollen Sie innerhalb der Liste, um zur fünften zu gelangen. Alle fünf Beispiele ansehen, wenn Sie einen Ausgangspunkt suchen.

Motion design im Menü für den Erstellungstyp auf Home auswählen.

Schritt 2 – Das Ergebnis beschreiben

Geben Sie Dauer, Seitenverhältnis, sichtbaren Text, visuelle Ausrichtung, Szenentiming, Audio und die endgültigen Dateien an. Fordern Sie eine bearbeitbare Quelldatei und eine abspielbare MP4-Datei an, wenn Sie beides benötigen.

Erstelle einen 10-sekündigen Produkt-Motion-Film namens Focus in 1920×1080 bei 30fps. Verwende Papierweiß #fafafa, Tinte #262626 und einen zurückhaltenden grünen Akzent #63fe13. Führe einen einzelnen grünen Punkt durchgehend durch eine Collect-Aufgabenkarte, eine Done-Markierung und eine abschließende Focus-Wortmarke. Zeige Focus bei 0–2s, Collect bei 2–5s, Done bei 5–8s und „Raum für das schaffen, was zählt.“ bei 8–10s. Füge sanfte Originalmusik und einige dezente Soundeffekte hinzu, ohne Voiceover oder kostenpflichtige externe Mediendienste. Erstelle in diesem Projekt die bearbeitbare Quelldatei und die tatsächliche MP4-Datei.
Ein englischer Briefing-Entwurf im Eingabebereich auf Home. Prüfen Sie vor dem Absenden den Erstellungstyp.

Schritt 3 – Produktion und Rendering abwarten

Der Agent erstellt Quelldateien und Assets und rendert anschließend das Video. Ein Plan oder eine animierte Vorschau der Quelldatei beweist nicht, dass die MP4-Datei vorhanden ist. Warten Sie, bis die Videodatei und der Abschlussstatus des Renderings vorliegen.

Die App beim Rendern des tatsächlichen Videos.

Schritt 4 – Das Video prüfen

Öffnen Sie die MP4-Datei und spielen Sie sie ab. Prüfen Sie Text, Bewegungskontinuität, Übergänge, die abschließende Standzeit, Musik und Soundeffekte. Navigieren Sie auch durch die Zeitleiste, statt das Video nur von Anfang bis Ende anzusehen. Prüfen Sie die bearbeitbare Quelldatei separat, wenn Sie daran weiterarbeiten möchten.

Originale App-Steuerelemente und deren Positionen. Das Bildmaterial im Player wurde zur Veranschaulichung aus dem vorgestellten Film zusammengesetzt.
Die blaue handgemalte Szene bei 18 Sekunden im vorgestellten Film.

Schritt 5 – Eine konkrete Überarbeitung anfordern

Arbeiten Sie im selben Projekt weiter. Geben Sie genau an, was geändert werden und was unverändert bleiben soll, und fordern Sie anschließend ein neues Rendering an. In der tatsächlichen Anleitung ändert die zweite Version nur die abschließende Botschaft. Öffnen Sie die neue MP4-Datei und prüfen Sie, ob die überarbeitete Zeile sichtbar ist. Durch das Aktualisieren der Quelldatei ändert sich ein bereits gerendertes Video nicht nachträglich.

Ändere die letzte Zeile von „Raum für das schaffen, was zählt.“ in „Auf das konzentrieren, was zählt.“ Behalte die anderen Szenen, die Dauer von zehn Sekunden, die Farben und das Audio bei. Rendere focus-v2.mp4 und behalte die ursprüngliche focus.mp4 zum Vergleich.
Originale App-Steuerelemente und deren Positionen. Das Bildmaterial im Player wurde zur Veranschaulichung aus dem vorgestellten Film zusammengesetzt.

Schritt 6 – Die geprüfte Version herunterladen

Öffnen Sie die MP4-Datei, die Sie ausliefern möchten, und klicken Sie in der oberen rechten Symbolleiste auf Download. Wählen Sie im Speichern-Fenster des Systems einen Speicherort und einen Dateinamen aus. Vergewissern Sie sich, dass die lokale Datei vorhanden ist, abgespielt werden kann und die neueste Überarbeitung enthält. Wenn der Speichervorgang im Fenster nicht abgeschlossen werden kann, bewahren Sie das Projekt auf und geben Sie bei einer Supportanfrage den im Fenster angezeigten Fehlerstatus an. Ein angeklicktes Download-Steuerelement bedeutet nicht, dass der Speichervorgang abgeschlossen ist.

Originale App-Steuerelemente und deren Positionen. Das Bildmaterial im Player wurde zur Veranschaulichung aus dem vorgestellten Film zusammengesetzt.

Das bearbeitbare Projekt aufbewahren

In diesem Beispiel lautet die Einstiegsdatei motion-source/focus/index.html. Bewahren Sie beim Verschieben der Quelldateien die zugehörige GSAP-Datei, die Schriftarten und die Audiodateien gemeinsam mit ihr auf. Die MP4-Datei ist das abspielbare Endprodukt; sie enthält nicht das bearbeitbare Quellprojekt.

Originale App-Steuerelemente und deren Positionen. Das Bildmaterial im Player wurde zur Veranschaulichung aus dem vorgestellten Film zusammengesetzt.

Ein Briefing leichter nachvollziehbar machen

Geben Sie den sichtbaren Text an, statt den Agenten raten zu lassen. Verwenden Sie Zeitbereiche für wichtige Momente und legen Sie fest, ob die Ausgabe ein Film oder eine interaktive Animation sein soll. Erwähnen Sie Musik und Voiceover ausdrücklich. Benennen Sie bei Überarbeitungen die Szene oder den Zeitbereich und geben Sie an, welche Elemente unverändert bleiben sollen.