Mit Adobe Illustrator ist es einfach, Bilder in Vektoren zu konvertieren, ohne an Qualität zu verlieren.  Hier ist der schrittweise Prozess zum Vektorisieren.

So vektorisieren Sie ein Bild in Adobe Illustrator

Werbung Es gibt zwei Arten von Digitalbildern: Raster und Vektoren. Rasterbilder bestehen aus einzelnen Pixeln und enthalten eine enorme Menge an Details. Sie können sie jedoch nicht vergrößern, ohne an Qualität zu verlieren. Ein Vektorbild besteht aus Linien und Formen. Sie sind normalerweise weniger detailliert, aber Sie können sie so groß machen, wie Sie möchten, ohne etwas zu verlieren. Wenn

Werbung

Es gibt zwei Arten von Digitalbildern: Raster und Vektoren.

Rasterbilder bestehen aus einzelnen Pixeln und enthalten eine enorme Menge an Details. Sie können sie jedoch nicht vergrößern, ohne an Qualität zu verlieren.

Ein Vektorbild besteht aus Linien und Formen. Sie sind normalerweise weniger detailliert, aber Sie können sie so groß machen, wie Sie möchten, ohne etwas zu verlieren.

Wenn Sie eine Raster-Grafik haben, die für Ihre Anforderungen zu klein ist, besteht die Lösung darin, das Bild in einen Vektor zu konvertieren - ein Vorgang, der als Vektorisieren bezeichnet wird. Und das können Sie in Adobe Illustrator tun. Es ist ein schneller und einfacher Vorgang, der hervorragende Ergebnisse liefert. So konvertieren Sie ein Bild mit Adobe Illustrator in einen Vektor.

Was ist ein Vektorbild?

Ein Vektorbild ist ein skalierbares Bild, das aus Werten und nicht aus Pixeln besteht.

Die meisten online gefundenen Bilder sind Rasterbilder (siehe verschiedene Dateitypen, erklärt JPEG, GIF oder PNG? Bilddateitypen erklärt und getestet JPEG, GIF oder PNG? Bilddateitypen erklärt und getestet Kennen Sie die Unterschiede zwischen JPEGs, GIFs, PNGs, und andere Bilddateitypen? Wissen Sie, wann Sie einen anstelle des anderen verwenden sollten? Fürchten Sie sich nicht, MakeUseOf erklärt alles! Rasterbilder verwenden quadratische Pixel (Farbbits), um ein Bild zu übertragen. Vektorgrafiken vermitteln Farbe mithilfe skalierbarer Farbpolygone. Da Vektorbilder dynamische Farbabschnitte im Gegensatz zu statischen Quadraten verwenden, sorgen sie für perfekte Linien und gestochen scharfe Farben.

Die Geometrie der Vektorbilder ist formelhaft und damit auflösungsunabhängig. Das bedeutet, dass Bilder nicht an Qualität verlieren, wenn sie vergrößert oder verkleinert werden, da die Farbpolygone in einem Vektorbild immer ihre Form behalten. Gleiches gilt nicht für Rasterbilder, da die Farbinformationen dieser Bilder beim Skalieren gestreckt werden.

Sobald Sie wissen, wie Sie eine JPG-Datei in Adobe Illustrator in einen Vektor konvertieren, können Sie alles, was Sie finden, auf die gewünschte Größe skalieren, ohne die Bildqualität zu beeinträchtigen.

Schritt 1: Wählen Sie ein Bild aus, das in einen Vektor konvertiert werden soll

Das Bild, das Sie verwenden, spielt bei den folgenden Schritten keine Rolle, außer dass die Bearbeitung größerer Bilder länger dauert. Es gibt jedoch einige Bilder, die als Vektorbilder besser funktionieren als andere.

Es ist besser, ein einzelnes Thema zu bearbeiten als eine Landschaft oder ähnliches. Vorzugsweise sollte das Bild einen weißen oder transparenten Hintergrund haben und eine relativ niedrige Auflösung haben.

wie man Bilder in Vektor in Illustrator konvertiert

Wir werden das Bild von Ryu aus der Street Fighter-Serie oben verwenden. Es ist aus verschiedenen Gründen ein perfektes Beispiel. Zum einen ist es ein einziges Thema. Es eignet sich auch gut für ein Vektorbildformat, da es ein erkennbares Zeichen ist. Das Vektorbildformat wird normalerweise für Logos oder erkennbare Bilder verwendet.

Schritt 2: Wählen Sie eine Image Trace-Voreinstellung

Illustrator verfügt über ein spezielles Tool, mit dem Sie Bilder vektorisieren können. Es heißt Image Trace und enthält eine Reihe von Voreinstellungen, die den größten Teil der Arbeit automatisch erledigen. Grundsätzlich sollten Sie die Image Trace-Voreinstellung verwenden, die dem Typ des zu konvertierenden Bilds am ähnlichsten ist.

Ihre Möglichkeiten sind:

  • High Fidelity Photo und Low Fidelity Photo . Diese erzeugen sehr detaillierte bzw. etwas weniger detaillierte Vektorbilder. Ideal für Fotos oder komplexe Grafiken, z. B. das von uns verwendete Beispielbild.
  • 3 Farben, 6 Farben und 16 Farben . Diese Voreinstellungen geben Vektorbilder mit drei, sechs oder 16 Farben aus. Sie eignen sich perfekt für Logos oder Grafiken mit vielen flachen Farben.
  • Grautöne . Diese Voreinstellung erzeugt ein detailliertes Graustufenbild.
  • Schwarzweiss-Logo . Auf diese Weise wird ein einfaches Logo mit zwei Farben erstellt: Schwarz und Weiß.
  • Skizzierte Kunst, Silhouetten, Strichzeichnungen und technisches Zeichnen . Diese werden am besten für bestimmte Bildtypen verwendet und erstellen vorwiegend linienbasierte Schwarzweißzeichnungen.

Öffnen Sie Ihr Bild in Illustrator und wählen Sie das Bild aus, um die Bildoptionen zu aktivieren. Diese Optionen sollten oben in Ihrem Illustrator-Fenster angezeigt werden.

wie man Bilder in Vektor in Illustrator konvertiert

Klicken Sie auf den Dropdown-Pfeil neben Image Trace, um Ihre Voreinstellung auszuwählen. Wir werden Low Fidelity Photo verwenden . Klicken Sie darauf, um die Ablaufverfolgung zu starten.

Schritt 3: Vektorisieren Sie das Bild mit Image Trace

Sobald Sie auf die Schaltfläche klicken, durchläuft Ihr Bild automatisch den Verfolgungsprozess. Sie werden einige Änderungen an Ihrem Bild bemerken, aber insgesamt sollte es ungefähr gleich bleiben. Das Folgende ist zum Beispiel eine Nahaufnahme unseres Bildes vor dem Verfolgungsprozess.

Eine Nahaufnahme einer Bildvorvektorisierung, die die Pixel zeigt

Beachten Sie die Pixelierung. Hier ist das Bild nach dem Prozess:

Eine Nahaufnahme eines Bildes nach dem Vektorisierungsprozess

Viele Details wurden vom Originalbild entfernt, aber es erscheint auch viel schärfer. Sie werden feststellen, dass die Farbformen nicht pixelig sind, egal wie genau das Bild gezoomt wird.

Verkleinert sollte das Bild praktisch gleich aussehen. Hier ist unser Gesamtbild vor der Bearbeitung.

Ein Bild, bevor es vektorisiert wird

Hier ist unser Bild nach der Bearbeitung:

Ein Bild nach dem Vektor

Obwohl das obere Bild in einigen Fällen schärfer erscheint, ist die Qualität unseres vektorisierten Bildes immer noch beeindruckend.

Schritt 4: Optimieren Sie Ihr Traced Image

Wenn Sie das Bild nachverfolgt haben, öffnen Sie das Bildverfolgungsfenster, um die Konvertierung zu optimieren.

Wählen Sie Modus, um zwischen Farbe, Graustufen und Schwarzweiß umzuschalten. Ziehen Sie außerdem den Schieberegler Farben nach links, um das Vektorbild zu vereinfachen, oder nach rechts, um weitere Details hinzuzufügen.

Bildverfolgungsoptionen

Wenn Sie mit Ihren Einstellungen zufrieden sind und sie wiederverwenden möchten, klicken Sie auf die Schaltfläche Voreinstellungen verwalten neben der Option Voreinstellungen. Sie können Ihre Einstellungen jetzt als neue Voreinstellung speichern .

Schritt 5: Gruppierung der Farben aufheben

Ihr Bild wurde jetzt in farbigen Formen sortiert, die zum ursprünglichen Rasterbild passen. Um Ihren Vektor fertigzustellen, müssen Sie diese Farbgruppen trennen, um sie zu bearbeiten. Wählen Sie dazu Ihr verfolgtes Bild aus und klicken Sie oben im Fenster auf die Schaltfläche Erweitern .

Klicken Sie auf die Schaltfläche Erweitern

Auf diese Weise können Sie die zusammengesetzten Formen anzeigen, aus denen sich das Vektorbild zusammensetzt. Jede der Formen ist blau umrandet. Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie im Menü die Option Gruppierung aufheben . Auf diese Weise können Sie Ihre Farbformen in einzelne Teile unterteilen.

Klicken Sie im Kontextmenü auf Gruppierung aufheben

In Ihrem Ebenenbedienfeld sehen Sie, dass Ihre Farbgruppen in Ebenen unterteilt wurden.

Schritt 6: Bearbeiten Sie Ihr Vektorbild

Nachdem Sie ein Rasterbild in einen Vektor konvertiert haben, können Sie das Bild im freien Bereich bearbeiten. Beginnen Sie mit dem Löschen der gewünschten Farbgruppen. Sie können ganze Farbgruppen auswählen, indem Sie auf eine Form klicken und die Überschrift Auswählen> Gleich> Füllfarbe wählen. Dadurch werden alle Gruppen mit derselben Farbe ausgewählt wie die, die mit dem Direktauswahl- Werkzeug ( A ) ausgewählt wurde.

Direktes Auswählen einer Vektorform

Drücken Sie dann die Rücktaste auf Ihrer Tastatur, um die Formen zu löschen. Wenn Sie eine bestimmte Farbgruppe ändern oder erweitern möchten, können Sie dies auch tun, indem Sie eine Ebene mit dem Direktauswahl-Werkzeug auswählen. Nachdem Sie eine Ebene ausgewählt haben, füllen Sie mit den Stift- oder Pinselwerkzeugen leere Stellen aus oder fügen Sie Ihrem Design zusätzliche Farben hinzu.

Schritt 7: Speichern Sie Ihr Bild

Hier sehen Sie das Originalbild, nachdem Sie den lästigen weißen Hintergrund gelöscht und das Bild mit der oben beschriebenen Methode leicht verändert haben.

Ein Bild, das mit einer anderen Hintergrundfarbe vektorisiert worden ist

Jetzt sind wir bereit für den letzten Schritt beim Konvertieren eines Bildes in einen Vektor in Illustrator: Speichern Sie das Bild in einem Vektorformat, um seine Qualität zu erhalten. Es stehen verschiedene Vektorbildformate zur Auswahl: PDF, AI, EPS, SVG und andere. Wir werden das SVG- Format verwenden. Wenn Sie mit Ihrem Bild fertig sind, gehen Sie zu Datei> Exportieren> Exportieren als .

Betiteln Sie Ihre Datei im folgenden Fenster und wählen Sie SVG im Dropdown-Menü neben Dateityp.

Als SVG speichern

Das ist es. Ihre skalierbare Vektordatei sollte jetzt auf Ihrem PC gespeichert werden.

Gehen Sie keine Kompromisse ein, Vectorize!

Jetzt können Sie ein Bild in Illustrator in einen Vektor konvertieren. Skalieren Sie Ihre neue Kreation auf die gewünschte Größe.

Vektorbild in den mehrfachen Größen

Beachten Sie, dass komplexe Vektordateien erheblich größer sein können als ihre Raster-Gegenstücke. Das bedeutet, dass das Laden und Bearbeiten möglicherweise länger dauert. Trotzdem behält Ihr Vektorbild unabhängig vom Maßstab seine Qualität.

Und wenn Sie keinen Illustrator haben oder lieber etwas anderes verwenden möchten? Arbeiten mit Vektorgrafiken in Photoshop Erstellen und Arbeiten mit Vektorgrafiken in Photoshop Erstellen und Arbeiten mit Vektorgrafiken in Photoshop Photoshop ist eine überraschend leistungsfähige Alternative zu Illustrator für Vektorgrafiken. Im Folgenden finden Sie ein Einführungstutorial zum Erstellen von Vektorgrafiken in Photoshop. Lesen Sie mehr und es gibt auch viele fantastische browserbasierte Illustrator-Alternativen Die 8 besten kostenlosen browserbasierten Adobe Illustrator-Alternativen Die 8 besten kostenlosen browserbasierten Adobe Illustrator-Alternativen Wenn Adobe Illustrator für Ihr Budget zu teuer ist, gibt es viele kostenlose Browserbasierte Adobe Illustrator-Alternativen, die Sie ausprobieren können. Lesen Sie mehr, dass Sie versuchen können. Sie können ähnliche Ergebnisse in vielen von ihnen erhalten.

Erfahren Sie mehr über: Adobe Illustrator, Tipps zur Bildbearbeitung, Vektorgrafiken.