Zum Hauptinhalt springen
Produkt

664 gestaltete Karten für die Szenen zwischen den Shots

· 3 Min. Lesezeit

Schau dir drei PageToVid-Videos hintereinander an, und es fällt dir auf: Die gezeichneten Szenen zwischen den Aufnahmen ähnelten sich. Dieselbe Titelkarte, dieselbe Liste, derselbe Zähler. Heute ändert sich das, denn jedes Video kann jetzt aus einer Bank von 664 gestalteten Motion-Karten schöpfen.

Nach drei Videos kanntest du jede Karte

Ein PageToVid-Video mischt echte Aufnahmen einer Website mit gezeichneten Szenen: ein Titel, eine Feature-Liste, eine hochzählende Zahl, eine Schlusskarte. Diese Szenen stammten aus ein paar Dutzend handgebauten Visuals. Zuverlässig, aber viel zu schnell vertraut.

Gleichzeitig lagen in einem anderen unserer Projekte 665 fertige Motion-Vorlagen, gebaut auf genau derselben Basis wie PageToVid: Remotion, React und 30 Bilder pro Sekunde. Dieselben Werkzeuge, derselbe Takt, eine viel größere Bandbreite an Looks. Offen war nur, wie wir sie hereinholen.

Teil des Videos, kein Anruf woanders

Wir hätten einen anderen Dienst bitten können, jede Karte während der Videoerstellung zu zeichnen. Stattdessen haben wir die Vorlagen in PageToVid kopiert und zeichnen sie mit demselben Renderer wie alles andere.

  • Ein Video wartet nie auf einen anderen Dienst und scheitert nie an ihm.
  • Jede Karte entsteht im selben Durchgang wie ihre Nachbarn, also passen Timing und Farben.
  • Eine Karte ist Code, keine KI-Generierung, und kostet daher nichts extra.

Der letzte Punkt war uns am wichtigsten. Weil die Karten Code sind, stehen sie in jedem Tarif bereit, auch im kostenlosen, ab dem ersten Video.

In jedem Format getestet, bevor ein Video sie nutzt

Eine Vorlage, die in ihrer eigenen Demo glänzt, kann in einem echten Video stolpern. Unsere Videos gibt es in drei Formaten (16:9, 9:16 und 1:1), sie tragen Untertitel unten und enthalten deine Worte, die selten so lang sind wie Beispieltext.

Also haben wir alle 664 Vorlagen in allen drei Formaten gezeichnet, mit Untertiteln und vollem Text, und schriftlich festgelegt, was bestehen heißt: kein leeres Bild, kein abgeschnittener oder unter den Untertiteln versteckter Text, nichts zu klein zum Lesen, keine Beschriftungen übereinander. 651, 650 und 641 haben bestanden, je nach Format. Eine Vorlage, die in einem Format nicht besteht, wird dort einfach nie angeboten.

Im Video sitzt eine Karte über den Untertiteln, dauert genau ihren Anteil an der Stimme und trägt deine Markenfarben, vertauscht, wenn sie unlesbar würden. Beispieltext erreicht nie ein Video, und das Bild einer Karte ist das der Szene oder ein Verlauf in deinen Markenfarben.

Leicht zu finden, leicht zu wählen

Eine Bibliothek, die niemand sieht, existiert kaum. Deshalb haben wir die Karten noch am selben Tag überall sichtbar gemacht.

Wir haben für jede Vorlage in jedem bestandenen Format ein echtes Vorschaubild gezeichnet, 1.301 kleine Bilder. Der Animationskatalog wurde ein einziges Raster mit 817 Animationen, eingebaute und gestaltete nebeneinander, mit Suche und Filtern. Im Editor bekam jede Szene eine Kartenauswahl mit einem Formular aus den Feldern der Vorlage, kostenlos in jedem Tarif.

Der Planer setzt sie mit Maß ein: eine Karte in einem kurzen Video, zwei ab fünf Szenen, drei ab neun und nie zwei hintereinander. Die Aufnahmen der echten Website bleiben das Herz des Videos.

Eine Karte, die jede Bearbeitung übersteht

Ein Feature, das beim ersten Render stimmt und bei der ersten Bearbeitung still verschwindet, ist nicht fertig. Bevor wir es so nannten, haben wir die Karten deshalb durch jeden Weg verfolgt, der ein Video verändert.

  • Die KI-Durchsicht und die Längenanpassung behalten jedes Feld einer Karte.
  • Ein Formatwechsel macht aus einer Karte, die dort nicht zeichnen kann, einen schlichten Satz der Szene, mit Hinweis.
  • Eine Übersetzung übersetzt den Kartentext Feld für Feld, nie Links, Bilder oder Zahlen.
  • Eine ältere Revision wird beim Wiederherstellen erst auf den aktuellen Stand gebracht.

Auch Assistenten, die per MCP verbunden sind, können die Karten auflisten, Felder und Vorschaubild einer Vorlage lesen und eine beim Namen anfordern. Ein Test läuft jeden dieser Wege ab und prüft, dass die Karten heil herauskommen.

Was sich für dein Video ändert

Dein nächstes Video hat viel mehr Möglichkeiten als gestern, „hier ist eine Zahl“ oder „hier sind drei Gründe“ zu sagen, in deinen Farben, passend zu deinem Format und weiterhin um die echten Aufnahmen deiner Website gebaut. Du kannst jetzt eins starten und auf jeder Szene, die du aufwerten willst, eine Karte wählen.

Für uns liegt die Lehre in der Form der Arbeit: Eine breite Bibliothek nützt nur hinter engen Toren. Festzulegen, was bestehen heißt, und den Rest abzulehnen, lässt die Vielfalt herein, ohne die Fehler hereinzulassen.

Sieh es auf deiner eigenen Website

Füge eine Seite ein und bekomme das vertonte Video, um das es in diesem Blog geht. Das erste ist kostenlos.

Erstes Video gratis · keine Kreditkarte · in Minuten fertig

← Alle Artikel