How-to: Eine SVG erstellen

Eine korrekte SVG ist wichtig, um Probleme im Editor und im Druck-PDF zu vermeiden. In dieser Anleitung liest du, was eine gute SVG erfüllen muss, wie du diese in Illustrator speicherst und wie du Crop-Probleme lösen kannst.

KomponenteErklärung
Verwendung von FarbeVerwende eine Farbe, zum Beispiel Schwarz, wenn du die SVG im Editor umfärben oder als Stanzform verwenden möchtest.
Effekte und TransparenzVerwende keine Transparenz, Schlagschatten oder andere Effekte in einer SVG.
FarbmodusLasse den Farbmodus auf RGB eingestellt.
Einzelne ElementeGruppiere einzelne Elemente, aber erstelle daraus keine zusammengesetzte Form.
BereinigenEntferne alle unnötigen Elemente, auch außerhalb des Zeichenbereichs.
BildpositionStelle die Bildposition beim Speichern auf Einbetten ein.

Anforderungen an eine gute SVG

  1. Zeichne die gewünschte Form in Illustrator.
  2. Erstelle die Illustration in einer Farbe, zum Beispiel Schwarz, wenn du sie im Editor umfärben oder als Stanzform verwenden möchtest.
  3. Verwende in einer SVG keine Transparenz oder Effekte.
  4. Lasse den Farbmodus auf RGB eingestellt.
  5. Gruppiere mehrere einzelne Elemente, aber erstelle daraus keine zusammengesetzte Form.
  6. Überprüfe, ob keine unnötigen Elemente vorhanden sind, auch nicht außerhalb des Zeichenbereichs.
  7. Speichere die SVG-Datei mit den richtigen Einstellungen.
  8. Stelle die Bildposition auf Einbetten ein. Wenn diese Einstellung nicht auf Einbetten steht, kann die SVG aus dem Druck-PDF verschwinden.
svg-instellingen How-to: Eine SVG erstellen

SVG-Einstellungen beim Speichern in Illustrator.

Wichtig zu merken

Versuche, in einem Kartendesign im Editor so wenig wie möglich Gebrauch vom Zuschneiden (Croppen) und Drehen von SVGs zu machen. Dies kann zu unerwarteten Ergebnissen im Druck-PDF führen. In vielen Fällen ist es besser, hierfür eine neue SVG in Illustrator zu erstellen.

Crop-Probleme lösen

Es kann vorkommen, dass eine SVG im Editor zugeschnitten erscheint, im Druck-PDF jedoch vollständig gedruckt wird. Dies geschieht meistens, weil noch Teile der Illustration vorhanden sind, die nicht wirklich entfernt wurden.

  1. Gehe zu der Karte im Editor, bei der das Problem auftritt.
  2. Lade das Druck-PDF dieser Karte herunter.
  3. Öffne das Druck-PDF in Illustrator.
  4. Überprüfe, wie die SVG wirklich aufgebaut ist, indem du CMD + Y drückst oder Ansicht > Pfadansicht wählst. So siehst du, welche Teile noch vorhanden sind, auch wenn sie visuell nicht sichtbar erscheinen.
svg-croppen-issues-1024x291 How-to: Eine SVG erstellen

Beispiel einer SVG, die in der Pfadansicht mehr Elemente enthält, als auf der Karte sichtbar sind.

  1. Wähle den weißen Pfeil in der Werkzeugpalette; dies ist das Direktauswahl-Werkzeug.
  2. Wähle nur die Teile aus, die du behalten möchtest, und blende diese mit CMD + 3 aus.
svg-croppen-issues-1-1024x308 How-to: Eine SVG erstellen

Blende zuerst die Teile aus, die du behalten willst.

  1. Ziehe danach mit dem weißen Pfeil über den gesamten Zeichenbereich, um die übrigen Teile auszuwählen.
  2. Verwende hierbei nicht „Alles auswählen“, da du sonst auch die ausgeblendeten Teile wieder mitnimmst.
  3. Entferne die ausgewählten Teile mit der Backspace-Taste.
  4. Wähle danach Objekt > Alle einblenden, um die ausgeblendeten Teile wieder sichtbar zu machen.
  5. Passe anschließend den Zeichenbereich über Objekt > Zeichenflächen > An Bildmaterialbegrenzungen anpassen an.
  6. Speichere die Datei erneut als SVG.
  7. Ersetze in der Karte die alte SVG durch diese neue Datei.
svg-croppen-issues-2 How-to: Eine SVG erstellen

Nach dem Bereinigen und erneuten Speichern kannst du die angepasste SVG neu im Entwurf hochladen.

Häufige Ursachen für Probleme

  • Es befinden sich noch Elemente außerhalb des Zeichenbereichs.
  • Die SVG enthält Transparenz oder Effekte.
  • Die Bildposition steht nicht auf Einbetten.
  • Die SVG wurde im Editor zugeschnitten oder gedreht.
  • Einzelne Teile wurden nicht richtig bereinigt oder gruppiert.
Was this article helpful?

Related Articles

Je antwoord niet gevonden?

Neem gerust contact met ons op, ons Support team staat voor je klaar!