Die Erstellung von Vektorgrafiken ist eine der wichtigsten Lektionen, die man lernen muss, bevor man Grafikdesigner wird. Ein einfacher Einstieg ist das Durchpausen von Rasterbildern und deren Umwandlung in Vektorgrafiken. Zumindest habe ich das vor 12 Jahren so gelernt.

Am Anfang kann es schwierig sein, etwas von Grund auf neu zu erstellen, vor allem, wenn man nicht weiß, welche Werkzeuge man verwenden soll. Aber wenn man es wirklich will, gibt es sicher einen Weg, und ich zeige Ihnen, wie.

In diesem Artikel erfahren Sie mehr über Vektorbilder und verschiedene Möglichkeiten, ein Vektorbild in Adobe Illustrator zu erstellen.

Sie wissen wahrscheinlich schon, dass Adobe Illustrator für die Erstellung von Vektorgrafiken berühmt ist. Aber was ist ein Vektor? Woher wissen Sie, ob ein Bild ein Vektor ist?

Was ist ein Vektorbild?

Eine technische Erklärung wäre: Es handelt sich um ein Bild, das aus mathematischen Formeln wie Punkten, Linien und Kurven besteht. Das bedeutet, dass Sie die Größe des Bildes ändern können, ohne die Auflösung zu verlieren. Einige gängige Arten von Vektordateien sind .ai , .eps , .pdf , .svg .

Klingt verwirrend? Ich mache es Ihnen leichter. Grundsätzlich sind alle bearbeitbaren Bilder Vektorbilder. Wenn Sie ein Design von Grund auf in Adobe Illustrator erstellen, ist es ein Vektor, es sei denn, Sie rastern es. Es kann zum Beispiel eine Form, ein nachgezeichnetes Bild, ein umrissener Text und ein professionelles Logo sein.

Es gibt viele Möglichkeiten, in Adobe Illustrator ein Vektorbild zu erstellen, aber ich werde sie in zwei Hauptkategorien einteilen: Vektorisierung eines Rasterbildes und Erstellung eines Vektors von Grund auf.

Vektorisierung eines Bildes

Sie können ein Rasterbild in ein Vektorgrafikbild umwandeln, indem Sie das Stiftwerkzeug oder die Bildverfolgungsfunktion verwenden. Die schnellste und einfachste Option ist definitiv die Bildverfolgung, die Sie über das Menü Eigenschaften > Quick Actions Tafel.

Ich zeige Ihnen, wie Sie das Bild auf zwei Arten vektorisieren können, und die Ergebnisse können völlig unterschiedlich aussehen.

Hinweis: Die Screenshots dieses Tutorials stammen aus der Mac-Version von Adobe Illustrator CC 2022. Windows- oder andere Versionen können anders aussehen.

Bildspur

Schritt 1: Schneiden Sie das Bild auf den Bereich zu, den Sie vektorisieren möchten.

Schritt 2: Markieren Sie das Bild und wählen Sie Bildspur von der Eigenschaften > Quick Actions Tafel.

Wählen Sie ein Tracing-Ergebnis.

Wenn Sie zum Beispiel die Option Schwarzes und weißes Logo wird es so aussehen.

Wenn Sie mit dem Ergebnis nicht zufrieden sind, können Sie das Bildspur-Bedienfeld öffnen, um weitere Einstellungen vorzunehmen. Sie können zum Beispiel die Schwellenwert .

Sieht es besser aus?

Schritt 4: Wählen Sie das Bild aus und klicken Sie auf Erweitern Sie von Quick Actions Jetzt ist Ihr Bild bearbeitbar und Sie können die Punkte und Linien sehen.

Ändern Sie die Farbe, um zu sehen, wie es aussieht 🙂

Probieren Sie ruhig ein paar Optionen aus. Sehen wir uns ein anderes Ergebnis an. So würde es aussehen, wenn Sie Folgendes wählen 16 Farben bei Schritt 2.

Wenn Sie es erweitern, sehen Sie die bearbeitbaren Pfade.

Heben Sie die Gruppierung des Objekts auf, und Sie können die nicht gewünschten Bereiche löschen oder eine andere Hintergrundfarbe hinzufügen. Vergessen Sie nicht, die Objekte nach der Bearbeitung wieder zu gruppieren, da Sie sonst beim Verschieben einige Teile des Kunstwerks verpassen könnten.

Zu komplex? Wie wäre es, wenn Sie einen einfacheren Entwurf mit dem Stift-Werkzeug erstellen?

Stift-Werkzeug

Das Stiftwerkzeug gibt Ihnen viel Freiheit, kreativ zu werden. Auch wenn wir das Stiftwerkzeug zum Nachzeichnen des Umrisses verwenden, aber wer sagt, dass Sie den Linien folgen müssen? Wir können einen einfachen Linienvektor erstellen.

Schritt 1: Kehren Sie zum Originalbild zurück und verringern Sie die Deckkraft auf etwa 70 %, damit Sie den Pfad des Stiftwerkzeugs deutlicher sehen können. Sichern Sie das Bild, falls Sie es versehentlich verschieben.

Schritt 2: Wählen Sie die Stift-Werkzeug (P) aus der Symbolleiste, wählen Sie eine Konturfarbe und ändern Sie Füllung in keine.

Schritt 3: Zeichnen Sie den Umriss der Bildform nach. Wenn Sie später Farbe hinzufügen möchten, sollten Sie den Pfad des Stiftwerkzeugs schließen und ich schlage vor, dass Sie Formen auf der Grundlage des Farbbereichs erstellen. Sperren Sie den fertigen Pfad, um zu vermeiden, dass Sie den falschen Pfad bearbeiten.

Ich zeichne zum Beispiel den Kopfteil getrennt vom Unterteil auf.

Wenn Sie es jetzt einfärben, wird es natürlich sehr einfach aussehen.

Schritt 4: Jetzt wird es Zeit, kreativ zu werden! Du kannst weitere Details aus dem Originalbild nachzeichnen oder deine eigene Note hinzufügen. Ich habe zum Beispiel dem Kopf mit meinen Aquarellpinseln einige Details hinzugefügt und einige geometrische Formen für den Körper erstellt.

Schritt 5: Löschen Sie das Originalbild und Sie haben Ihr Vektorgrafikbild. Sie können das Bild zur späteren Verwendung als png speichern.

Einen Vektor von Grund auf neu erstellen

Es gibt so viele Möglichkeiten, einen Vektor von Grund auf neu zu erstellen: Sie können Striche ziehen, Formen erstellen, mit dem Pinsel zeichnen usw. Einige beliebte Werkzeuge für die Erstellung von Formen sind das Stiftwerkzeug, die Formwerkzeuge (Ellipse, Rechteck, Polygon usw.) und das Werkzeug Shape Builder.

Ich zeige Ihnen, wie Sie in weniger als fünf Minuten eine Vektorananas von Grund auf selbst herstellen können.

Schritt 1: Benutzen Sie das Stiftwerkzeug, um den Kopf zu zeichnen, das kann ganz einfach sein.

Schritt 2: Verwenden Sie die Ellipse-Werkzeug (L) um den Ananaskörper zu zeichnen, und ziehen Sie ihn, um den Kopf zu verbinden. Es sollten zwei sich überschneidende Punkte sein.

Schritt 3: Markieren Sie beide Formen und wählen Sie die Werkzeug "Shape Builder ( Schicht + M ).

Klicken und ziehen Sie durch den Kopf und den überlappenden Teil der Ellipsenform, um die Formen zu kombinieren.

In diesem Schritt werden der Kopf und der Körper für die Füllfarbe getrennt.

Schritt 4: Füge beiden Formen Farbe hinzu und du hast eine einfache Ananas.

Schritt 5: Verwenden Sie die Liniensegment-Werkzeug (\) um einige gerade Linien zu zeichnen und Details hinzuzufügen.

Das ist nur eine der vielen Möglichkeiten, einen Vektor von Grund auf zu erstellen. Sie können auch eine Ananas im Stil einer Freihandzeichnung erstellen, indem Sie Pinsel verwenden und die Striche aus dem Overhead-Menü umreißen Objekt > Pfad > Umriss Schlaganfall .

Einpacken

Sie können jede der oben genannten Methoden verwenden, um ein Vektorgrafik in Adobe Illustrator zu erstellen. Wenn Sie die Datei bearbeiten möchten, speichern Sie sie im Vektorformat. Wenn Sie die erstellte Vektorgrafik als JPEG speichern, ist sie nicht bearbeitbar.

Die einfachste Art, einen Vektor zu erstellen, ist das Durchpausen vorhandener Bilder. Sie können jederzeit Methoden kombinieren, das Stiftwerkzeug oder andere Werkzeuge verwenden, um etwas Einzigartiges zu schaffen.