AI-Objekte als SVG-Dateien

Sie befinden sich auf:

Adobe Illustrator Tutorial

Das folgende Tutorial wurde mit Adobe Illustrator CC 2020 (24.x) auf macOS erstellt. Unter Windows 10 ist der Ablauf nahe zu gleich.

Tutorial: Wie man viele Objekte aus einer Illustrator-Datei einzeln als SVG-Dateien automatisch exportieren kann
Wenn Sie mit Symbolen, Zeichen und Zeichensätzen in Adobe Illustrator arbeiten, dann ist es gut, alle Symbole oder Zeichen in einem Illustrator-Dokument zu erstellen und so die Übersicht zu behalten. Doch dann kommt oft der Punkt, wo Sie die erstellten Objekte als einzelne SVG-Dateien benötigen. Ein manuelles Exportieren ist zeitaufwendig und fehleranfällig. Zum Glück gibt es eine Funktion in Adobe Illustrator, die Ihnen die Arbeit abnimmt.

Voraussetzung
images_12.png
1 Sie haben in einem Illustrator-Dokument viele Objekte erstellt, die jeweils als Gruppe vorliegen.
2 Jede Gruppe sollte einen einmaligen Namen tragen; hier im Beispiel heißen die Gruppen 'A', 'B', 'C' und so weiter.

Ziel
Das Exportieren aller Objekte als SVG-Grafiken mit dem Namen der jeweiligen Gruppe.
Vorgehensweise
images_ABC.png
A Rufen Sie den Menübefehl Fenster > Export von Elementen auf.
B Wählen Sie alle Objekte, die Sie exportieren möchten, aus und ...
C ziehen Sie diese in das Fenster Export von Elementen.
images_DEFGH.png
D In den Exporteinstellungen ...
E können Sie nun eine Nachsilbe (Suffix) angeben. Wenn das Feld leer ist, dann bekommen die SVG-Dateien genau den Namen der jeweiligen Gruppe. Sollte ein Gruppenname mehrfach vorkommen, so hängt der Illustrator beim Exportieren automatisch Zahlen wie (2), (3) und so weiter an, um unterschiedliche Dateinamen zu erzeugen.
F Wählen Sie als Export-Format SVG aus.
G Wenn mindestens ein Objekt im Export von Elementen ausgewählt ist, ...
H können Sie dies(e) exportieren.
images_IJ.png
I Wählen Sie einen Zielordner, zum Beispiel Schreibtisch aus, und ...
J klicken auf den Button Wählen.
images_K.png
K Nach dem Export der Dateien finden Sie diese in dem Unterordner SVG.
Trick für Abstand um ein Objekt
images_LMN.png
L Erstellen Sie ein Rechteck mit der gewünschten Größe, hier 20 x 20 mm, ohne Flächen- und Konturfarbe.
M Legen Sie das Rechteck unter das gewünschte Objekt, hier den Buchstaben 'N', und ...
N als unterstes Objekt in die Gruppe 'N'.
Wenn Sie nun dieses 'N' wie oben beschrieben als SVG-Datei exportieren, dann wird diese SVG-Datei die Maße, wie hier im Beispiel von 20 x 20 mm haben.
Ihr Webbrowser wurde als Internet Explorer 9 erkannt. Bitte benutzen Sie, wenn möglich, einen neueren Webbrowser.
Ihr Webbrowser wurde als Internet Explorer 8 erkannt. Bitte benutzen Sie, wenn möglich, einen neueren Webbrowser.
Ihr Webbrowser wurde als Internet Explorer 7 erkannt. Bitte benutzen Sie, wenn möglich, einen neueren Webbrowser.
Ihr Webbrowser wurde als Internet Explorer 6 erkannt. Bitte benutzen Sie, wenn möglich, einen neueren Webbrowser.
Ihr Webbrowser wurde als ältere Firefox/SeaMonkey erkannt. Bitte benutzen Sie, wenn möglich, einen neueren Webbrowser.