SVG in Synfig: Bearbeitbare Animationsebenen vorbereiten

Synfig kann SVG über File → Import importieren. Prüfe aber vor dem Animieren die entstandenen Ebenen. Seine SVG-Importdokumentation beschreibt auch einen Inkscape-zu-SIF-Weg, wenn der direkte Import die Grafik nicht sinnvoll wiedergibt.

Das sind zwei Wege zur Übertragung von Vektorgrafik. Keiner erstellt den Bewegungsplan für dich. Eine importierte Schreibtischlampe kann korrekt aussehen, während sich Schirm, Arme und Fuß weiterhin nur umständlich unabhängig auswählen oder drehen lassen.

Beginne mit einem Objekt, entscheide, welche Teile sich bewegen sollen, und vergleiche das Importergebnis mit der SVG-Masterdatei. Eine kurze Ebenen- und Bewegungsprüfung ist hilfreicher, als eine ganze Szene zu importieren und ihre Struktur erst später zu entdecken.

Direkten SVG-Import oder eine SIF-Kopie wählen

Probiere zuerst den direkten Import, wenn du bereits ein SVG hast. Halte das Original im Quelleditor geöffnet, damit du Form, Farbe und Organisation vergleichen kannst.

Die SIF-Option ist weiterhin in Inkscapes offizieller Synfig-Ausgabe-Erweiterungsdefinition enthalten. Sie deklariert Synfig Animation (*.sif) und kennzeichnet den Export als möglicherweise verlustbehaftet. Prüfe, ob dein installierter Inkscape-Build das Format anbietet. Die Existenz eines Exporters garantiert nicht, dass jede Installation ihn identisch bereitstellt.

Verwende den Weg, der das benötigte Erscheinungsbild und die Bearbeitungsstruktur erhält. SIF verspricht keine perfekte SVG-Kompatibilität, und ein sichtbarer SVG-Import ist noch kein Rig.

Die beweglichen Teile vor dem Export planen

Betrachte eine selbst erstellte Schreibtischlampe mit Fuß, unterem Arm, oberem Arm und Schirm. Der Fuß bleibt still. Die Arme drehen sich an Gelenken, der Schirm kippt an seiner Befestigung.

Halte diese Teile im Quelleditor getrennt und gib den Ebenen aussagekräftige Namen. Ordne Grafik, die sich gemeinsam bewegen soll, demselben Teil zu. Wenn ein Schirm eine Füllung und eine dekorative Kontur hat, sollten beide seiner Bewegung folgen.

Zeichne außerdem genügend von jedem Teil, um die geplanten Posen zu ermöglichen. Ein SVG, das nur die sichtbare Kante eines Arms enthält, liefert keine verdeckte Grafik, wenn du den Schirm wegschwenkst. Möglicherweise musst du den verdeckten Bereich manuell verlängern.

Das Diagramm beschreibt die gewünschte Organisation. Es sagt nicht voraus, wie viele Ebenen ein Importer erstellt. Inkscapes SIF-Exportercode kann aus Füllung und Kontur eines Pfads separate Flächen- und Konturebenen erzeugen. Ein Quellteil kann daher mehrere entstandene Ebenen benötigen, die sich gemeinsam bewegen.

Auch eine farbbasierte Nachzeichnung kann die Grafik anders organisieren als dein Bewegungsplan. Zwei dunkle Arme könnten Teil einer zusammengesetzten Form sein. Trenne die tatsächlich benötigte Geometrie, statt anzunehmen, jedes erkennbare Objekt habe eine eigene Ebene.

Eine kleine Prüfung des direkten Imports durchführen

Speichere eine Übergabekopie nur mit der Lampe und importiere sie über File → Import in ein neues Synfig-Dokument. Prüfe vor dem Hinzufügen von Animation vier Punkte:

1. Vergleiche die Gesamtsilhouette und die Grafikgröße mit der Zeichenfläche.
2. Klappe die Ebenenhierarchie auf und finde einen Arm oder den Schirm.
3. Blende diesen Teil vorübergehend aus, um genau zu sehen, welche Grafik er enthält.
4. Stelle die Sichtbarkeit wieder her, führe eine kleine vorübergehende Bewegung aus und mache sie anschließend rückgängig.

Wenn das Ausblenden des Schirms auch einen Arm ausblendet, prüfe die Gruppierung. Wenn beim Bewegen des Schirms seine Kontur zurückbleibt, fasse vor dem Fortfahren die Ebenen zusammen, aus denen dieser Teil besteht. Diese einfachen Tests zeigen die Struktur, ohne eine fertige Animation zu benötigen.

Prüfe Farbe getrennt von Geometrie. Eine korrekte Kontur mit falscher Füllung ist ein anderes Problem als fehlende Grafik. Vergleiche Farben, Deckkraft, sichtbare Konturen und Löcher mit der Quelle. Halte Korrekturen in einer Arbeitskopie, damit du zum Original zurückkehren kannst.

Bei Animationsformaten mit anderer nativer Geometrie zeigt der OpenToonz-Vektorablauf, warum der bearbeitbare Umriss einer gefüllten Fläche und eine bearbeitbare Mittellinie unterschiedliche Steuermöglichkeiten bieten. Gehe nicht davon aus, dass die Ebenenanzahl eines Importers dir sagt, welche Art von Bearbeitung jede Ebene unterstützt.

Inkscapes SIF-Export ausprobieren, wenn er hilft

Wenn deine Inkscape-Installation unter Save As die Option Synfig Animation (*.sif) bietet, speichere eine separate SIF-Kopie und öffne diese in Synfig. Behalte die bearbeitbare SVG-Masterdatei. Synfigs Inkscape-Konvertierungsleitfaden beschreibt diesen Weg und die Beziehung zwischen Inkscape-Ebenen und Synfig-Gruppenebenen.

Die aktuelle Exporterimplementierung behandelt eine Inkscape-Ebene außerdem als benannten Container für ihre konvertierten Inhalte. Bewusst angelegte Quellebenen sind daher für die Lampe hilfreich, das Ergebnis musst du aber weiterhin prüfen. Gewöhnliche SVG-Gruppen und Inkscape-Ebenen garantieren nicht dieselbe endgültige Hierarchie.

Vergleiche die SIF-Kopie anhand derselben Prüfungen mit dem direkten Import. Kannst du den Schirm auswählen? Bleiben Farbe und Kontur zusammen? Sind die Überlappungen intakt? Entscheide nach diesen Ergebnissen statt danach, welche Dateiendung nativer klingt.

Mache aus einer alten Kompatibilitätsliste keine universelle Regel. Die Synfig-Wikiseite enthält eine ältere XSLT-Konvertierungsmethode mit eigenen Einschränkungen. Diese beschreiben nicht automatisch den direkten SVG-Importer oder den heutigen Inkscape-Exporter. Reduziere bei einer problematischen Datei eine Kopie auf einfache gefüllte Formen und ergänze ihre komplexeren Funktionen einzeln wieder.

Gruppenursprünge vor einem Bewegungstest setzen

Synfigs Dokumentation zur Group Layer beschreibt einen Container, der seine untergeordneten Ebenen gemeinsam transformiert. Seine Transformationsregler umfassen Drehung, Versatz, Scherung und Skalierung. Gruppiere die zu einem beweglichen Lampenteil gehörenden Elemente, bevor du dessen Drehung testest.

Platziere das Drehzentrum am vorgesehenen Gelenk. Beim dokumentierten Group Transformation Widget kannst du Ctrl halten, während du das Transformationszentrum ziehst, um Origin unabhängig von der Gruppe zu ändern. Prüfe die Wirkung auf deine ausgewählte Gruppe vor dem Animieren.

Beim Schirm erzeugt ein Zentrum in der Mitte seiner Silhouette eine andere Bewegung als eines an der Armbefestigung. Probiere eine kleine Drehung auf einer Arbeitskopie. Achte auf abgelöste Konturen, Lücken am Gelenk oder Grafik, die sich um den falschen Punkt bewegt, und mache den Test danach rückgängig.

Damit schaffst du einen Ausgangspunkt für die Bearbeitung. Bewegungen in einer Eltern-Kind-Hierarchie, Bones, Timing und Interpolation brauchen weiterhin eine eigene Einrichtung. SVG-Import oder SIF-Export rekonstruiert kein vorhandenes Rig aus einer flachen Illustration.

Wenn der Import leer ist oder Farben sich ändern

Grenze die Untersuchung anhand des Symptoms ein:

Die Diagnose leerer SVGs behandelt Prüfungen von Viewport, Sichtbarkeit und nicht unterstütztem Inhalt. Bewahre gute Pfade während der Diagnose. Die gesamte Grafik in PNG umzuwandeln und erneut nachzuzeichnen verwirft möglicherweise weiterhin hilfreiche Struktur.

Notiere Synfig-Version, gegebenenfalls Inkscape-Version, gewählten Importweg und eine kleine Datei, die das Problem reproduziert. Ein alter Forumsbericht über Farbe oder Gruppierung ist ein Untersuchungshinweis, kein Beleg dafür, dass jede aktuelle Installation dasselbe Problem hat.

Wo PerfectVector in den Ablauf passt

Wenn die einzige Quelle eine flache PNG- oder JPG-Illustration ist, kann PerfectVectors Bild-zu-Vektor-Ablauf vor der Synfig-Übergabe bearbeitbare SVG-Pfade rekonstruieren. Prüfe die Silhouette und trenne die Bereiche, die du bewegen möchtest. Teste anschließend einen Import. Das Ergebnis braucht weiterhin Ebenenorganisation, Gelenkplatzierung und Animationseinrichtung in Synfig.

Behalte ein vorhandenes bearbeitbares SVG, statt einen Screenshot davon nachzuzeichnen. Gemalte Hintergründe können Rasterbilder bleiben, wenn ihre Textur wichtig ist und du das Bild nur platzieren oder bewegen musst. Synfig dokumentiert eine separate Import Image Layer für Bildinhalt. Einen anderen nativen Nachzeichnungsablauf findest du unter Bildnachzeichnung in Adobe Animate. Die umfassendere Erklärung zur Vektorisierung unterscheidet das Rekonstruieren von Pfaden vom Wiederherstellen der ursprünglichen Designstruktur.

FAQ

Kann Synfig SVG-Dateien importieren? Ja. Verwende File → Import und prüfe anschließend die sichtbare Grafik und die entstandene Ebenenstruktur. Synfigs Dokumentation beschreibt auch einen Inkscape-zu-SIF-Weg als Alternative, wenn der direkte Import die Datei nicht sinnvoll wiedergibt.

Sollte ich für eine Synfig-Animation SVG oder SIF verwenden? Behalte die SVG-Masterdatei und vergleiche einen direkten Import mit einem separaten SIF-Export, wenn diese Option in deiner Inkscape-Installation verfügbar ist. Wähle das Ergebnis, dessen Erscheinungsbild und bearbeitbare Teile zur Animation passen. Keiner der Wege erstellt automatisch ein Rig.

Warum ist mein SVG in Synfig leer oder falsch eingefärbt? Prüfe Sichtbarkeit, Grenzen, Maßstab, Füllungen, Deckkraft und die Struktur des fehlenden Teils. Teste eine einfache Kopie, um eine dateispezifische Funktion von einem allgemeineren Importproblem zu unterscheiden. Bewahre das Original und notiere App-Versionen und Importweg.

Erstellt ein SVG-Import separate bewegliche Teile? Prüfe die tatsächlichen Ebenen, statt das anzunehmen. Ein Quellteil kann mehrere Farbebenen erzeugen und mehrere sichtbare Teile können Geometrie teilen. Organisiere jeden beweglichen Teil, setze seinen Ursprung und teste vor dem Hinzufügen von Animation eine kleine Bewegung.

Quellen

1. Synfig — SVG-Import und Inkscape-Konvertierung — Dokumentiert direkten Import und alternativen SIF-Weg sowie historische Konvertierungsmethoden.
2. Inkscape — Synfig-Ausgabe-Erweiterungsdefinition — Registriert das SIF-Ausgabeformat und kennzeichnet den Export als möglicherweise verlustbehaftet.
3. Inkscape — Synfig-Exporterimplementierung — Zeigt die Behandlung von Ebenencontainern und separate Füllungs-/Konturkonvertierung.
4. Synfig — Group Layer — Definiert Transformationen gruppierter Ebenen und ihre Parameter.
5. Synfig — Group Transformation Widget — Dokumentiert die Anpassung des Gruppenursprungs unabhängig von der Grafik.
6. Synfig — Import Image Layer — Dokumentiert die separate Ebene für importierten Bildinhalt.

---

Beginnst du mit Rastergrafik? Bereite ihre SVG-Pfade mit PerfectVector vor, prüfe die Bereiche, die du bewegen möchtest, und teste einen Teil in Synfig, bevor du den Rest der Animation aufbaust.