vidmoat/layered-motion

Geschichtete Bewegung (Kompositionen)

Eine Komposition ist eine Bewegungsgrafik, die aus Ebenen besteht, deren Eigenschaften einzeln mit Keyframes versehen sind. Der Nutzer kann sie im Compositing-Panel öffnen und ändern. Erstellen Sie eine solche, wenn die Grafik wahrscheinlich bearbeitet wird (ein unteres Drittel mit einem Namen, der sich ändert, ein Titel, der umgetimmt wird). Für eine einmalige Grafik ohne erwartete Änderungen ist eine Motion-Komponente oder ein HTML-Element ausreichend; convertToComposition wandelt entweder eine Motion-Komponente oder eine TSX-Komponente später in Ebenen um.

Arbeitsablauf

1. Nachschlagen: Suchen Sie nach Fähigkeiten, Art workflows, ID compositions für den Vertrag, und get_command_schema (MCP) oder searchCatalogue Art commands ID editComposition für jede Operation.
2. Klein anfangen: addComposition mit den benötigten Ebenen, in Kompositionspixeln. Benennen Sie jede Ebene für das, was sie ist („Name“, „Rolle“, „Balken“): Der Nutzer liest diese Namen im Panel, und Ausdrücke suchen Ebenen anhand dieser Namen.
3. Mit Keys animieren, eine Eigenschaft nach der anderen. Die Erleichterung (Easing) auf einem Key formt die Bewegung HINEIN. Ease-Out bei Einflügen (easeOutCubic), Ease-In bei Ausflügen, und halten Sie Einflüge nahe 0,4 bis 0,6 Sekunden.
4. Zurücklesen (get_project: clips[].composition) vor der nächsten Bearbeitung, damit Operationen reale Ebenen-, Animator-, Pfad- und Effekt-IDs verwenden.
5. Frames ansehen beim Einflug, beim Halten und beim Ausflug, bevor Sie sagen, dass es fertig ist.

Welches Werkzeug für welchen Look

• Wörter erscheinen: Ein Text-Animator, nicht Keys auf vielen Textebenen. textPreset typewriter für Code oder Untertitel, die vorgelesen werden, wordPop für einen knackigen Hook, lineRise für einen ruhigen Titel, fadeByChar für eine elegante Enthüllung. Schreiben Sie Ihren eigenen mit setAnimator, wenn keiner passt (Einheit, Form, Bereich).
• Eine Wische oder Enthüllung einer Form: Eine Maske, deren Breite oder Punkte keyed sind, oder eine Track-Matte, wenn die Enthüllung der Form einer anderen Ebene folgt.
• Eine Linie, die sich selbst zeichnet (eine Unterstreichung, ein Kreis um ein Wort, ein Pfeil): Eine Formebene mit einem Strich und Trim-Pfaden, trimEnd keyed von 0 bis 100. Runde Enden wirken wie gezeichnet; stumpfe Enden wie geschnitten.
• Eine Form, die sich in eine andere verwandelt: Keyen Sie die Punkte des Pfades; jeder Key muss die gleiche Anzahl von Punkten haben.
• Etwas, das sich ständig bewegt (ein sanftes Schweben, ein Pulsieren): Ein Ausdruck (value + wiggle(1, 6) oder loopOut("pingpong")) anstatt Dutzender Keys. Halten Sie wiggle klein: Ein paar Pixel wirkt lebendig, Dutzende wirken kaputt.
• Eine Ebene, die einer anderen folgt: Ein Ausdruck, der sie liest (layer("Bar").x), sodass eine spätere Bearbeitung des Führenden den Folgenden übernimmt.
• Tiefe und Verfeinerung: Der Effekt-Stapel (Schlagschatten, Glühen, Strich, Farb- oder Verlaufsfüllung, Weichzeichnen). Ein Schatten pro Grafik, weich und niedrig; Glühen nur bei hell-auf-dunkel.
• Ein wiederholter oder wiederverwendbarer Block (ein Namensschild, das dreimal verwendet wird): Vorkomponieren Sie ihn und platzieren Sie die Vorkomposition dreimal, jede mit ihrem eigenen Zeitversatz.

Ein unteres Drittel, als Ebenen

1. Ein Balken (Rechteck, Markenfarbe) mit einer rechteckigen Maske, deren Breite über 0,5 s von 0 auf voll keyed ist, easeOutCubic.
2. Der Name (Text, fett) darüber mit textPreset lineRise, das 0,15 s später beginnt; die Rolle (Text, heller, kleiner) mit fadeByChar, 0,1 s danach.
3. Halten Sie mindestens 2,5 Sekunden; Ausflug, indem Sie die Deckkraft der Gruppe oder die Balkenmaske zurück auf 0 keyen, über 0,3 s, easeInCubic.
4. Platzieren Sie es im unteren sicheren Bereich, frei von Untertiteln.

Fallstricke

• setProps auf einer keyed-Eigenschaft benötigt time: es setzt den Key dort. Ohne time wird es abgelehnt (ein Basiswert würde nicht angezeigt).
• Eine gesperrte Ebene verweigert jede Bearbeitung, bis setLayer { locked: false }.
• Eine Track-Matte verwendet die Ebene DIREKT DARÜBER; eine Neuanordnung ändert die Paarung.
• Ausdrücke sind eine kleine Sprache: Namen time, value, index, duration und die aufgeführten Funktionen. Alles andere wird mit der Liste abgelehnt.
• Trim und der Strich beziehen sich auf den Strich einer Form, nicht auf ihre Füllung.

Verwandte Fähigkeiten: motion-graphics, titles, text-led-video. Spezialist: motion-designer.