Motion Graphics mit KI: Daten, Icons und Automatisierung

Wenn man "Mache mir eine Animation" zu künstlicher Intelligenz sagt, kommt ein Graph heraus, der sich normalerweise bewegt, aber nichts sagt, während es mit dem gleichen Werkzeug, mit den richtigen Eingaben möglich ist, bewegte Graphen zu produzieren, die tatsächlich Ihren Inhalt tragen. In diesem Artikel sage ich Ihnen vier Ebenen: reale Daten, bereite Wesen, eigene Bilder und automatisch Graphen aus dem Video.

Warum bewegen sich Grafik-Gutschriften kommen?

Es ist nicht in der Animations-Engine, es ist in der Eingabe. Die "eine gute Animation machen" Anfrage gibt dem Modell keine Grenzen, so dass es die Voreinstellung: abstrakte Formen, allgemeine Übergänge, bedeutungslose Bewegung.

Das gemeinsame Merkmal des gut bewegenden Graphen ist: „Die Bewegung sagt eines: " Die Zahl wächst, der Prozess erscheint, der Prozess öffnet sich allmählich. Wenn die Bewegung selbst das Ziel ist, wird das Ergebnis dekorativ und vergesslich.

Ebene 1: Reale Daten in Animation verwandeln

Hier ist der schnellste Gewinn. Wenn Sie konkrete Zahlen haben, können Sie sie direkt an Animationen weitergeben: vergleichende Balkengrafiken, zeitverändernde Werte, Aktienverteilungen.

In der Praxis passiert das: Welche Stifte werden Sie vergleichen, Sie werden den Wert jedes von ihnen, den Farbansatz und die Logos angeben, und das Modell verwandelt sie in einen interaktiven, animierten Graphen.

Der wichtige Teil ist: Klicken Sie auf den gewünschten Stil.** Wenn Sie sagen: "Verwenden Sie diesen Stil in allen Balkengraphen nach diesem", Ihre Grafiken beginnen, gleich aussehen und Ihr Inhalt wird eine bekannte visuelle Sprache. Das ist der Unterschied zwischen der Herstellung einer schönen Grafik und mit einer konsistenten grafischen Sprache.

Ebene 2: Erhöhen Sie die Qualität mit bereiten Wesen

Einer der schwächsten Orte im Modell ist die Herstellung von Ikonen, und die Ikonen sind diejenigen, die die Qualität erhöhen, die am meisten wahrgenommen wird.

Die Lösung ist, das Icon aus einem fertigen Set zu bringen, anstatt es in ein Modell zu zeichnen. Für diesen Job existieren Icon-Bibliotheken und fertige Animationsarchive (einschließlich aktiver Icons im Lottie-Format). Sie machen die von Ihnen heruntergeladenen Objekte in eine Bibliothek und beziehen sich auf das Modell.

Drei Regeln:

• ** Verwenden Sie einen Stil. ** In einer Präsentation oder auf einem Video-Set, sind Symbole aus der gleichen Familie. Mischstil ist schlimmer als mit schlechten Symbol.
• ** Überprüfen Sie die Sprache.** Einige sind kostenlos, einige sind in kommerzieller Nutzung bezahlt. Dies ist keine Verhandlung im Kundengeschäft.
• Die Suche nach Icons auf jedem Projekt nimmt die Zeit, die Sie verdient haben, zurück.

Ebene 3: Erstellen und Installieren Ihrer eigenen Bilder

Die bereiten Wesen heben die Basis, aber sie machen dich nicht originell, und in der dritten Ebene produzierst du Hintergründe, Illustrationen und Gewebe selbst und stellst sie in Animation.

Der Fluss ist einfach: Sie erstellen das gewünschte Bild im visuellen Produktionsfahrzeug, wählen es aus, geben es an die Designumgebung weiter, platzieren es in die animierte Szene. Die Kosten bleiben bei einigen Cent pro Bild, aber der Sinn für Aktien geht völlig verloren.

Ebene 4: Autographieren von Video

Dies ist der tatsächliche Gewinn und der am wenigsten bekannte Teil der Content-Hersteller.

Wenn Sie ein Video (Ihr eigener Datensatz oder eine Verbindung) haben, können Sie das Modell bitten, das "zeitgestempelte Transkript" (ein zeitgestempeltes Transkript) zu entfernen, das mit der Anzahl der Sekunden übereinstimmt, die jedes Wort gesagt wird, was nichts für sich bedeutet, sondern den nächsten Schritt ermöglicht.

Im nächsten Schritt fragt man sich, welche Momente es wert sind, sich in diesem Video zu visualisieren?* Das Modell scannt die Rede: "Du machst hier einen Vergleich, du gehst hier hin, du zählst hier drei Schritte, du wirst hier eine Animation haben", und dann macht er Grafiken für diese Momente und liefert sie mit Zeitstempeln.

Als Business Flow, das Ergebnis ist, dass Sie das Video drehen, und der Rest davon ist meist automatisch, und anstatt zu denken, "Ich sollte besser etwas hier" auf dem Schnitttisch, haben Sie die Liste der Vorschläge.

Ebene 5: Forschungsschritt nicht überspringen

Wenn Sie über einen Vergleich im Video sprechen, aber Sie sagen nicht die Zahlen klar, das Modell muss diese Zahlen irgendwo finden, und wenn er sie nicht findet, erfindet er sie.

So setzen Sie einen "Forschungsschritt" in den Fluss: Lassen Sie die in der Grafik verwendeten Daten aus einer realen Quelle entfernt werden und die Quelle wird ermittelt. Nicht nur das rohe HTML der Seiten, aber die Schaberwerkzeuge, die die relevanten Inhalte anziehen, sind sowohl billig als auch praktisch für diesen Job.

Meine Regel ist: "Ich werde keine Zahl graphen, die ich nicht die Quelle zeigen kann.** Ein gut aussehender falscher Graph kostet viel mehr als ein hässlicher rechter Graph.

Zeit, Rhythmus und Weichmacherei

Der häufigste Grund für das Bewegen von Graphen ist das Timing. Das Modell fragt nicht nach diesen Werten, es verwendet die Standardeinstellung. Meine Anfangswerte:

• "Einführungsanimationen:** 200-400 ms. Weniger spürbar, länger warten.
• == Einzelnachweise ==
• ** Zählen von Animationen:** 800-1200 ms. Die Zahl muss langsam genug sein, um zu lesen, nicht zu drücken.
• Eine Kurve, die für den Eingang beginnt und verlangsamt, das Gegenteil für den Ausgang. Die lineare Bewegung ist immer mechanisch.
• Statt der fünf Elemente, die gleichzeitig erscheinen, kommen fünf Elemente, die mit einer Verzögerung von 60-80 ms dazwischen kommen.

Das letzte Element gibt die billigste Qualität, und anstatt die Artikel gemeinsam zu zeigen, bringt sie in Ordnung macht das gleiche Design fühlen sich anders.

Und die negative Regel lautet: „Lassen Sie nicht mehr als zwei Dinge in einer Szene nacheinander bewegen." Wenn alles sich bewegt, kann sich das Auge nicht überall konzentrieren und was der Graph bedeutet, ist verloren.

Format entsprechend der Lieferstelle auswählen

Man kann nicht überall dieselbe Grafik auf die gleiche Weise setzen.

• Webseite: HTML-basierte Ausgabe am besten skaliert, Dateigröße klein, Text wählbar. Lottie-Format für Licht-bewegliche Symbole passt.
• Soziales Video: Exportieren als Videodatei. 9:16 für vertikale Inhalte, 1:1 oder 4:5 für aktuelle Übertragungen.
• "Subject:** in kurzen Schleifen, wo es ohne Sprachsprache funktionieren kann.

Auf der Zeitseite gibt es eine praktische Schwelle: Eine Grafikszene in den sozialen Medien bewegt sich nach 3-5 Sekunden. Wenn das, worüber man sprechen möchte, länger ist, dann in ein paar kurze Szenen anstatt einer langen Szene aufgeteilt.

Bewegungsempfindlichkeit und Zugänglichkeit

Dies ist, was fast alle bewegenden Grafiker überspringen. Für einige Benutzer, Bewegung ist eine echte Wirkung, die zu Schwindel und Übelkeit geht.

Es gibt eine Standardlösung dazu auf der Web-Seite: Animationen für Benutzer, die die Einstellung "Restraint" im Betriebssystem geöffnet haben, zu begrenzen. Sie müssen die Animationen in der HTML-Ausgabe, die Sie produzieren, nicht vollständig entfernen, es ist oft genug, um die Zeiten zu verkürzen und die großen Änderungen zu entfernen.

Zwei weitere Regeln:

• Keine Auto-Player-Stimme. Wenn Sie Sound benötigen, lassen Sie den Benutzer starten.
• "Lassen Sie es nicht mehr als drei Blinken in der Vision. " Es ist keine ästhetische Wahl, es ist eine Schwelle, die Anfälle auslösen kann.

Sie haben diese Steuerungen nicht in der Grafik, die im Video eingebettet sind, also vermeiden Sie schnelle Blinken und hohe Kontrastschwingungen von Anfang an.

Wo soll es aufhören?

Man muss nicht für jeden Kontext diese ganze Kette bauen.

• Für ein einmaliges Sichtfeld müssen Sie nur 1** auf dem Board sein.
• Wenn Sie regelmäßige Inhalte produzieren, richten Sie einmal die "Katze 2**" ein; sie kommt immer wieder.
• Wenn Sie nur mehrere Videos pro Woche produzieren, ist die Wartung der Automatisierung mehr als genug.

Und hier ist die Sache: Verwenden Sie die Animation nicht, um das Publikum zu halten, sondern um die Erzählung zu unterstützen. Ein kontinuierlicher Bewegungsbildschirm drückt so schnell wie ein Bildschirm, der sich nie bewegt.

Häufig gestellte Fragen

Muss ich ein separates Programm für Animationen lernen?

Das ist nicht für Business Flow. Da die Ausgänge HTML-basiert sind, können Sie auf dem Browser arbeiten, Video aufnehmen und in Video setzen, und Sie brauchen nur professionelle Bearbeitungsprogramme, wenn Sie Frame-by-Square-Steuerung benötigen.

Kann ich die Animationen verwenden, die ich im Geschäft produziere?

Es gibt kein Problem mit den Teilen, die Sie produzieren. Sie müssen vorsichtig sein mit den bereiten Wesen, die Sie in sie: Icon-Sets, bereit Animationen und Schriftarten, die mit ihren eigenen Lizenzen kommen.

Was macht ein zeitgestempeltes Transkript?

Zwei Dinge: die Grafik an die richtige Stelle zu stellen und Untertitel zu produzieren, zu wissen, was Sie im Moment sagen, und es ist dasselbe, was sie beide füttert.

Was ist der häufigste Fehler in der Datengrafik?

Die Verwendung unbestätigter Zahlen. Zweitens ist die Darstellung zu vieler Daten eine einzige Idee in einem Graphen; wenn Sie vergleichen, genügen zwei oder drei Stifte.

Kurz gefasst

Was den Unterschied in der Bewegungsgrafik ausmacht, ist nicht die Fähigkeit zur Animation, sondern das, was Sie der Animation geben. Die realen Daten sehen nicht aus wie die Arbeit, die aus diesen vier kommt, ist sowohl schnelle als auch künstliche Intelligenz-Produkte, wenn es stimmt, es ist eine konsistente Existenzbibliothek, es ist Ihre eigenen Visuals, und es sind bestätigte Zahlen.