3D-Timeline-Animation ist da

Mit der Timeline-Animation von Spline erweckst du deine 3D-Designs mit flüssiger, keyframebasierter Bewegung zum Leben.

Spline öffnen

Wir freuen uns, unser neuestes Update vorzustellen, mit dem wir Motion Design in Spline weiter ausbauen: Timeline-Animation.

Mit dieser neuen Funktion erstellst du flüssige, keyframebasierte Bewegung für Videoexporte und interaktive Erlebnisse – alles im Spline-Editor.

States und keyframebasierte Animation

Ursprünglich wurden Animationen in Spline mit einem State-basierten System erstellt. Du hast verschiedene States für deine Objekte angelegt und dann per Events und Transition-Action zwischen ihnen gewechselt.

Von diesem System sind wir nach wie vor überzeugt. Es ist leicht zu bedienen und schnell eingerichtet: Du animierst Objekte in einer Abfolge von Übergängen von A über B nach C. Doch das System stößt an Grenzen, wenn es darum geht, das Timing der State-Übergänge mehrerer Objekte in komplexeren Bewegungen zu steuern.

Mit der Timeline animierst du jetzt präziser und mit mehr Kontrolle. Du siehst deine Übergänge auf einer horizontalen Zeitachse angeordnet und steuerst das Timing feiner. Diese neue Lösung baut auf States auf und erweitert die Animationsmöglichkeiten in Spline.

Keyframes auf der Timeline von Spline in Aktion

Graph-Editor für flüssige Bewegung und feinere Kontrolle

Der integrierte Graph-Editor gibt dir Kontrolle über Easing und Geschwindigkeit. So gehst du über lineare Übergänge hinaus und erzeugst Bewegungen, die natürlich, flüssig oder dynamisch wirken.

Kurvenbasierte Timeline-Animation in Spline in Aktion

Events und Interaktivität

Genau wie States lassen sich Timeline-Animationen mit dem Event-System von Spline verbinden. So löst du Bewegungen durch Nutzeraktionen oder bedingte Logik aus und baust interaktive Timelines, die dynamisch darauf reagieren, wie Menschen mit deiner Szene umgehen.

Jede Objekteigenschaft lässt sich animieren, darunter Position, Drehung, Skalierung, Größe, Material, Cloner oder Pfad-Extrusionen. Keyframes werden automatisch aufgezeichnet, während du Anpassungen im Viewport oder im Eigenschaften-Panel vornimmst – der Workflow bleibt flüssig und zerstörungsfrei.

Hovern oder tippen zum Ausprobieren (Erlebnis erstellt mit der Timeline von Spline)

Mehrere Timelines

Du kannst in einem einzigen Projekt mehrere Timelines anlegen. So trennst du Bewegungen in saubere Spuren, baust verschiedene Zustände für dasselbe Objekt oder organisierst Animationen in komplexen Szenen.

Mit mehreren Timelines lassen sich außerdem je nach Interaktion unterschiedliche Bewegungen auslösen. Eine Timeline kann zum Beispiel die Einblendanimation eines Objekts festlegen, während eine andere steuert, wie es auf einen Klick reagiert.

Animierte 3D-Pfade und Kamera mit der Timeline

Video exportieren

Die Timeline ist nicht auf interaktive Projekte beschränkt. Du kannst Animationen auch direkt aus Spline als hochwertiges Video exportieren. Wähle die Timeline, die du rendern möchtest, passe Dauer, Bildrate und Auflösung an und erzeuge ein Video für Präsentationen, Marketingkampagnen oder Loop-Inhalte.

Durch diesen doppelten Ansatz eignet sich die Timeline sowohl für interaktive als auch für klassische Motion-Design-Workflows.

Timeline-basierte Videos, exportiert aus Spline

Weiterentwicklung in der Beta

Die Timeline-Animation ist als Beta gestartet. Wir verbessern sie aktiv und entwickeln den Workflow mit deinem Feedback weiter. Unser Ziel: Animieren in 3D so nahtlos und ausdrucksstark wie möglich zu machen – ob du für interaktive Echtzeit-Erlebnisse gestaltest oder für Video.

Wir sind gespannt, wie du deine Projekte mit der Timeline zum Leben erweckst.

— Das Spline-Team

Spline öffnen

Mehr aus dem Blog