Tutorial

Tutorial: PNG in Vektor umwandeln mit Adobe Illustrator

Melden

Hier ist ein detailliertes Tutorial, wie du eine PNG-Datei (Pixelgrafik) in Adobe Illustrator in eine editierbare Vektorgrafik umwandelst.

Vektorgrafiken haben den großen Vorteil, dass sie ohne Qualitätsverlust beliebig groß skaliert werden können. In Adobe Illustrator nutzt man hierfür das leistungsstarke Werkzeug „Bildnachzeichner“ (Image Trace).

Schritt 1: PNG-Datei importieren

  1. Öffne Adobe Illustrator.
  2. Erstelle ein neues Dokument oder öffne ein bestehendes.
  3. Gehe auf Datei > Platzieren... und wähle deine PNG-Datei aus.
  4. Klicke auf die Arbeitsfläche, um das Bild einzufügen.

Schritt 2: Den Bildnachzeichner aktivieren

  1. Wähle das platzierte Bild mit dem Auswahl-Werkzeug (V) aus.
  2. In der oberen Steuerungsleiste oder im Eigenschaften-Bedienfeld (rechts) siehst du nun die Schaltfläche Bildnachzeichner.
  3. Wichtig: Klicke nicht direkt auf die Schaltfläche, sondern auf den kleinen Pfeil daneben, um die Voreinstellungen zu sehen.

Schritt 3: Die passende Methode wählen

Wähle je nach Art deines Bildes eine der folgenden Optionen:

  • Technisches Logo / Einfache Form: Wähle „Silhouetten“ oder „Schwarz-weiß-Logo“.
  • Farbiges Logo/Grafik: Wähle „6 Farben“ oder „16 Farben“.
  • Detailliertes Bild: Wähle „Foto mit hoher Treue“ (Achtung: erzeugt sehr viele Pfade und kann den PC verlangsamen).
  • Skizze: Wähle „Skizzenzeichnung“.

Schritt 4: Feineinstellungen vornehmen (Optional, aber empfohlen)

Um das Ergebnis zu optimieren, öffne das Bildnachzeichner-Bedienfeld. Du findest es unter Fenster > Bildnachzeichner.

  • Ecken: Schiebe den Regler nach rechts für schärfere Ecken oder nach links für rundere Formen.
  • Rauschen: Erhöhe den Wert, um kleine Störpixel zu ignorieren.
  • Pfad: Bestimmt, wie genau der Vektor der Pixelform folgt.
  • Option „Weiß ignorieren“: Wenn dein PNG einen weißen Hintergrund hat, setze unter „Erweitert“ ein Häkchen bei „Weiß ignorieren“. So erhältst du direkt ein freigestelltes Objekt.

Schritt 5: In Pfade umwandeln

Bisher ist das Ergebnis nur eine dynamische Vorschau. Um die Grafik wirklich als Vektor bearbeiten zu können, musst du sie „fixieren“:

  1. Klicke oben in der Steuerungsleiste (oder im Eigenschaften-Fenster) auf die Schaltfläche Umwandeln (Expand).
  2. Deine Grafik besteht nun aus echten Pfaden und Ankerpunkten.

Schritt 6: Gruppierung aufheben und Bearbeiten

  1. Da das Ergebnis meist gruppiert ist, mache einen Rechtsklick auf die Grafik und wähle Gruppierung aufheben.
  2. Jetzt kannst du mit dem Direktauswahl-Werkzeug (A) einzelne Punkte verschieben oder mit dem Füllwerkzeug die Farben der einzelnen Flächen ändern.

Schritt 7: Speichern

Um die Vektorgrafik für andere Programme zu behalten, speichere sie in einem Vektorformat ab:

  • Gehe auf Datei > Speichern unter...
  • Wähle als Format AI, EPS oder PDF. Für Webanwendungen eignet sich SVG.

Profi-Tipps für bessere Ergebnisse:

  • Hohe Auflösung: Je höher die Auflösung der ursprünglichen PNG-Datei ist, desto sauberer werden die Kurven beim Nachzeichnen.
  • Kontrast: Erhöhe vor dem Import in Photoshop eventuell den Kontrast des PNGs, damit Illustrator die Kanten besser erkennt.
  • Vereinfachen: Wenn das Ergebnis zu viele Ankerpunkte hat, gehe auf Objekt > Pfad > Vereinfachen, um die Grafik „cleaner“ zu machen.
0