Zum Hauptinhalt springen
Design

Acht Übergänge, die kein einziges Wort verschieben

· 3 Min. Lesezeit

Ein guter Schnitt wird mehr gespürt als gesehen. Ein Wischer sagt „weiter“, eine Überblendung „derweil“, ein harter Schnitt „sieh her“. Bis zum 17. September ersetzte jede PageToVid-Szene einfach die vorige. An diesem Tag begannen die Szenen aufzutreten, ohne die Stimme um eine Millisekunde zu verschieben.

Ein Schnitt sagt etwas

Unsere Filme kannten nur eine Art, die Szene zu wechseln: den harten Schnitt, jedes Mal. Selbst mit guten Bildern und guter Stimme wirkt dieser Rhythmus wie eine Diashow, weil man nie spürt, dass der Film wählt, wie er weitergeht.

Übergänge sind die Grammatik eines Schnitts. Sie sagen dem Publikum, ob die nächste Szene den Gedanken fortsetzt, ihn beantwortet oder das Thema wechselt. Wir wollten, dass jeder Film diese Grammatik hat, passend zu seiner Stimmung, ohne dass jemand sie von Hand einstellen muss.

Acht Auftritte und ein Hausstil

Wir haben acht Arten definiert, wie eine Szene auftreten kann:

  • Schnitt und Überblendung, für Klarheit und Ruhe;
  • Wischer nach links und rechts, für Energie und Schwung;
  • Zoom-Stoß und Blitz, um einen Schlüsselmoment zu betonen;
  • Wischen nach oben, für das Gefühl eines Handy-Feeds;
  • Glitch, für einen gewollten Ruck.

Darüber liegen vier Schnittstile, die den Standardauftritt jeder Szene aus ihrer eigenen Stimmung wählen, sodass ein ruhiger Erklärfilm und eine knackige Anzeige nicht gleich schneiden. Autoren können jede Szene ändern, und der Bewegungskatalog führt jeden Übergang mit seinem Zweck auf, damit Assistenten nach Absicht wählen können.

Die Regel: keine Millisekunde

Ein PageToVid-Film hat eine durchgehende Tonspur, die sich seine Szenen teilen, und das Fenster jeder Szene hängt an den Wörtern, die sie trägt. Ein Effekt, der Zeit zwischen zwei Szenen schöbe, würde jedes spätere Bild von seinen Wörtern wegdrücken. Die gerade präzise gemachten Untertitel und Zeiten würden verrutschen, nur um Platz für einen Wischer zu schaffen.

Deshalb spielt jeder Übergang im Fenster der auftretenden Szene. Braucht ein Effekt die vorige Szene sichtbar, während sich die neue enthüllt, wird die vorige einfach ein paar Bilder länger darunter gemalt. Der Beginn keiner Szene ändert sich, und Stimme, Untertitel und Schnitte bleiben genau, wo sie waren.

Bild für Bild geprüft

Wir beurteilen Bewegung, indem wir sie ansehen, nicht indem wir Code lesen. Das erste Test-Rendering zeigte, was der Code nicht zeigen konnte: Jeder Effekt, der das Bild verschiebt, legt frei, was dahinter liegt, und dahinter lag der leere Hintergrund. Ein Wischer ließ auf der Seite, von der er kam, einen dunklen Rand.

Jeder Effekt, der das Bild bewegt, hält jetzt die vorige Szene darunter, und das neue Rendering war sauber. Eine automatische Prüfung hält fest, welche Effekte das Bild verschieben, damit jeder neue Übergang derselben Regel folgt. Soundeffekte haben wir vorerst weggelassen: Eine Einstellung, die angenommen wird und dann nichts abspielt, wäre ein still gebrochenes Versprechen, und Ton braucht zuerst eine lizenzierte Bibliothek.

Mehr zu zeigen: Listen mit acht, Nachrichten, Vorher-nachher

Am selben Tag haben wir erweitert, was eine Szene zeigen kann, nicht nur, wie sie auftritt.

  • Zeitleisten, Raster und Checklisten fassen acht Einträge. Sie skalieren sanft mit ihrer Länge, sodass eine kurze Liste aussieht wie zuvor, und sieben oder acht Zellen bilden zwei gleiche Reihen zu vier. Die Grenze steht an einem einzigen Ort, also sind sich Erzählung und Bild bei der Anzahl immer einig.
  • Ein Nachrichtenverlauf. Die Blasen erscheinen einzeln, und genau das unterscheidet eine Szene von einem Screenshot. Seiten, die Farbwelt der App und die asymmetrische Ecke der Blase lassen ihn wie ein echtes Gespräch wirken.
  • Ein Vorher-nachher. Eine wandernde Kante statt einer Überblendung, damit beide Bilder lesbar bleiben und der Vergleich im Mittelpunkt steht.

Raster-Symbole haben jetzt auch eine eigene Farbe, damit sie sich auf dunklen Karten abheben.

Was sich ändert

Jeder Film schneidet jetzt mit Absicht, in einem Stil, der zu seiner Stimmung passt, und bleibt genau synchron mit seiner Stimme. Weil Übergänge nie Zeit hinzufügen, sind sie bei jedem Film sicher, auch bei einem, den du aus einem bestehenden Storyboard neu renderst.

Für uns heißt die Lehre: Eine harte Vorgabe, die man zuerst festlegt, macht das Design einfacher, nicht schwerer. Alle Übergänge und Visuals findest du im Animationskatalog, und in fertigen Filmen in der Galerie.

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