So exportieren Sie ein Bild oder eine Animation als SVG in Blender

Seit der Veröffentlichung von Blender 2.8 bietet die Software die Möglichkeit, Bilder und Animationen im SVG-Format ( Scalable Vector Graphics ) zu exportieren. Dieses vektorbasierte Format ist bei Web- und Grafikdesignern beliebt und eine großartige Möglichkeit, Ihre Arbeit mit anderen zu teilen, die möglicherweise keinen Zugriff auf Blender haben. In diesem Artikel gehen wir auf die Grundlagen ein, wie man ein Bild oder eine Animation als SVG in Blender exportiert.

Gliederung zum SVG-Mixer

Umrisse in Blender werden mit dem Stroke-Bedienfeld in der Werkzeugleiste erstellt. Um einen Umriss zu erstellen, wählen Sie zuerst das Objekt aus, das Sie umranden möchten. Wählen Sie dann in der Werkzeugablage das Strichbedienfeld aus. Wählen Sie im Strichbedienfeld den Strichtyp aus, den Sie verwenden möchten. Die Optionen sind: – Freihand: Erstellt eine Freihandkontur – Polygonal: Erstellt eine polygonale Kontur – Spline: Erstellt eine Spline-basierte Kontur Nachdem Sie den gewünschten Strichtyp ausgewählt haben, können Sie die Einstellungen für diesen Strich anpassen . Sie können beispielsweise die Dicke des Strichs, die Farbe des Strichs und die Anzahl der Punkte anpassen, die zum Erstellen des Strichs verwendet werden. Wenn Sie mit den Einstellungen für Ihren Strich zufrieden sind, können Sie auf die Schaltfläche „Strich“ klicken, um den Umriss zu erstellen. Der Umriss wird dem Objekt als neue Scheitelpunktgruppe hinzugefügt.

Blender Export Grease Pencil als Svg

Es gibt keine Ein-Klick-Schaltfläche, um Grease Pencil -Objekte als SVG-Dateien in Blender zu exportieren, aber es ist mit ein wenig Arbeit möglich. Wählen Sie zunächst das Grease Pencil-Objekt aus, das Sie im Outliner exportieren möchten. Wechseln Sie dann im Bedienfeld „Eigenschaften“ zur Registerkarte „Objektdaten“ und scrollen Sie nach unten zum Abschnitt „Exportpfad“. Klicken Sie auf die Schaltfläche Durchsuchen und wählen Sie einen Speicherort für die Datei aus. Wählen Sie schließlich im Dropdown-Menü „Dateiformat“ die Option „SVG“.

Exportieren von Grease Pencil-Dateien

Wenn Sie ein einzelnes Bild exportieren möchten, wählen Sie einen leicht zu merkenden Dateinamen. Um Frames aus einer Animation zu exportieren, verwenden Sie eine Datei mit einer Sequenz, die die Sequenz der Frames widerspiegelt. PNG-, JPG- und GIF-Dateien sind die drei Hauptdateitypen für Fettstifte. GIF und PNG eignen sich beide für kleine Animationen, während JPG für große Webgrafiken geeignet ist. Beim Exportieren einer Grease Pencil-Datei wird ein PNG-Bild mit einem Alphakanal gespeichert und dann als Grease Pencil-Datei gespeichert. Es ist wichtig, diesen Kanal offen zu halten, da das Grease Pencil-Werkzeug anhand des Alphakanals bestimmt, welche Teile der Zeichnung transparent sind. Alternativ können Sie eine Grease Pencil-Datei als JPG- oder JPG-Datei exportieren. GIF-Bild. Ein JPEG kann für Webgrafiken verwendet werden, während ein GIF für kleine Animationen verwendet werden kann. Mit dieser Option können Sie eine Grease Pencil-Datei als PNG, JPG oder GIF exportieren. Wählen Sie ein Stiftfettwerkzeug, wenn Sie eines verwenden möchten. Sie können Ihre Arbeit exportieren, indem Sie im Bedienfeld „Werkzeuge“ auf „Exportieren“ klicken. Gehen Sie zum Datei-Browser-Fenster exportieren und wählen Sie den Dateinamen für Ihr Grease-Frame-Archiv im Datei-Browser-Fenster exportieren und exportieren Sie es dann. Blender speichert die Datei nach der Konvertierung als PNG-Bild mit Alphakanal.

Blender-Svg-Addon

Das Blender SVG Addon ist eine großartige Möglichkeit, hochwertige Grafiken für das Web zu erstellen. Sie können damit Vektorgrafiken erstellen, die als SVG-Dateien exportiert werden können. Dies ist eine großartige Möglichkeit, Logos, Symbole und andere Grafiken zu erstellen, die auf Websites und in anderen Anwendungen verwendet werden können.

SVG-Tutorial

SVG ist ein XML-basiertes Vektorbildformat für zweidimensionale Grafiken mit Unterstützung für Interaktivität und Animation. Die SVG-Spezifikation ist ein offener Standard, der seit 1999 vom World Wide Web Consortium (W3C) entwickelt wird. SVG-Bilder und ihr Verhalten werden in XML-Textdateien definiert. Das bedeutet, dass sie durchsucht, indiziert, mit Skripten versehen und komprimiert werden können. Als XML-Dateien können SVG-Bilder mit jedem Texteditor erstellt und bearbeitet werden, werden aber häufiger mit Zeichensoftware erstellt. Diese werden dann zu einer Datei kombiniert, was die Verteilung und Bearbeitung erleichtert.

Scalable Vector Graphics (SVG) ist derzeit eines der heißesten Themen auf dem Markt. Obwohl StandardVG in den frühen 2000er Jahren standardisiert wurde, wurde es durch schlechte Browserunterstützung (vor allem IE) immer wieder negativ beeinflusst. Für die direkte Einbettung von SVG in HTML sind derzeit die aktuellsten Browser erforderlich. Meistens müssen Sie den Code nicht bearbeiten, aber Sie können Tools wie Figma oder Sketch verwenden, um ihn zu erstellen. Der Browser kann sie als img-Tag anzeigen, genauso wie er Bilder in anderen Dateiformaten anzeigen kann. Um Bilder einzubetten, verwenden HTML5 und XHTML unterschiedliche Syntax. Renderport und ViewBox können mit dem g-Element kombiniert werden.

Im SVG-Canvas können Sie ein neues Koordinatensystem angeben. Beginnen Sie beispielsweise mit 0 und begrenzen Sie dann Ihre Leinwandgröße auf 100 × 100. Sie können einen zweiten Teil derselben Leinwand sehen, sobald Sie 100 erreichen. So wie HTML-Tags ein Stilattribut akzeptieren, kann dies jedes Element in sva tun. Da aufgrund der Art des Formulars einige CSS-Eigenschaften anders funktionieren als erwartet, können Sie nicht alle CSS-Eigenschaften verwenden. Fill kann auch als Elementattribut verwendet werden, um beispielsweise die Farbe eines Textelements zu ändern. Inline ist auch in HTML und CSS vorhanden.

Geben Sie einfach die entsprechende Daten-URL in das Feld ein. Mithilfe der CDATA-Methode können Sie ein externes Stylesheet in eine SVG-Datei einbinden. Wenn die Seite vollständig geladen ist, können Sie das JavaScript zuerst platzieren und es in ein Ladeereignis einschließen, um es abzuschließen. Wenn Sie mit dem SVG interagieren können (das SVG ist im HTML eingebettet), können Sie jedes Attribut in JavaScript ändern. Dies ist eine Auszeichnungssprache, die mit HTML5 verwendet werden kann, aber nur verwendet werden sollte, wenn Sie zuerst XHTML verwenden (Dokumente mit Aufgrund des XML-Formats wird eine ungültige SVG-Datei möglicherweise von einigen Diensten oder Apps nicht akzeptiert. Zum Beispiel die Modernizr Die Bibliothek kann verwendet werden, um nach fehlender Unterstützung zu suchen.

Erstellen Sie SVG-Dateien mit Inkscape

Es gibt eine Vielzahl anderer Softwareprogramme, die ebenfalls SVG-Dateien erstellen können. Vektorillustration wird häufig mit einem kostenlosen Programm namens Inkscape verwendet. Sie können Inkscape in die Hände bekommen, indem Sie seine Website besuchen. Es gibt auch kommerzielle Anwendungen wie Adobe Illustrator und Inkscape, die die Möglichkeit bieten, sva-Dateien zu erstellen.