SVG Morph

SVG Morph nimmt zwei SVG-Dateien und animiert die erste in die zweite: Konturen gleiten an ihre neue Position, Farben mischen sich, und Formen ohne Gegenstück teilen sich unterwegs auf oder verschmelzen. Das Ergebnis ist ein kurzer Clip mit echtem Alphakanal, der sich direkt über Footage in Premiere Pro, After Effects, DaVinci Resolve oder jedem anderen Video-Workflow legen lässt, der transparente QuickTime-Dateien versteht.

Lade ein Start- und ein Ziel-SVG und bestimme dann das Timing: Halte die erste Form einen Moment, lege fest, wie lange der eigentliche Morph dauert, und halte die fertige Form am Ende, damit sich der Clip sauber ein- und ausschneiden lässt. Die Interpolationskurve prägt den Charakter der Bewegung, vom nüchternen linearen Tween über ein schnelles exponentielles Ease-in bis zum verspielten Überschwingen, und die Live-Vorschau zeigt die exakten Frames, bevor irgendetwas gerendert wird.

Exportiert wird als ProRes 4444, QuickTime Animation, PNG in QuickTime oder VP8-WebM, jeweils mit Transparenz und in der Bildgröße und Bildrate deiner Wahl. Der Browser zeichnet jeden Frame selbst und FFmpeg wasm kodiert die Sequenz, es wird also nichts hochgeladen und kein Plug-in benötigt. Wer nur eine flache Animation braucht, kann das Ergebnis anschließend mit dem Video-zu-GIF-Konverter in ein GIF verwandeln.

Die besten Ergebnisse liefern saubere Vektorgrafiken: Pfade, Rechtecke, Kreise und Polygone mit flachen Füllungen oder Konturen. Wandle Text vor dem Export in Pfade um und löse Verläufe auf, oder schicke Rasterlogos zuerst durch das Raster/SVG Studio. Wie jedes Werkzeug in dieser Creator-Toolbox läuft SVG Morph vollständig auf deinem Gerät.