Pixelgrafik in Adobe Illustrator erstellen? Das klingt ungewöhnlich, weil Illustrator am besten mit Vektoren arbeitet, aber Sie wären überrascht, wie gut es sich auch für die Erstellung von Pixelgrafik eignet. Tatsächlich ist es eine gute Wahl, Pixelgrafik in Illustrator zu erstellen, weil Sie den Vektor skalieren können, ohne seine Qualität zu verlieren.

Einige von euch haben vielleicht schon versucht, Quadrate zu duplizieren, um Pixelkunst zu machen, okay, ihr könnte die Raster und Quadrate zu verwenden, und so habe ich auch angefangen.

Aber da ich immer mehr kreiere, habe ich eine viel einfachere Lösung gefunden, die ich in diesem Tutorial mit Ihnen teilen werde.

Die beiden wichtigsten Tools, die Sie verwenden werden, sind Werkzeug Rechteckiges Raster und Live Farbeimer Diese Tools sind vielleicht neu für Sie, aber keine Sorge, ich werde Sie anhand eines einfachen Beispiels anleiten.

Lassen Sie uns eine Pixel-Art-Version dieses Eis-Vektors erstellen, indem wir die folgenden Schritte befolgen.

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

Schritt 1: Erstellen Sie ein neues Dokument und setzen Sie die Breite und Höhe auf 500 x 500 Pixel.

Schritt 2: Wählen Sie die Werkzeug Rechteckiges Raster aus Ihrer Symbolleiste, die sich im selben Menü wie das Liniensegmentwerkzeug befinden sollte. Wenn Sie die Basis-Symbolleiste verwenden, finden Sie das Rechteckgitterwerkzeug im Menü Symbolleiste bearbeiten Menü.

Wählen Sie das Werkzeug Rechteckiges Raster und klicken Sie auf die Zeichenfläche. Stellen Sie die Breite und Höhe auf die gleiche Größe wie Ihre Zeichenfläche ein und erhöhen Sie die Anzahl der horizontalen und vertikalen Trennlinien. Die Anzahl bestimmt die Anzahl der Raster in einer vertikalen oder horizontalen Reihe.

Je höher die Zahl, desto mehr Raster werden erstellt, und mehr Raster bedeuten, dass jedes Raster kleiner ist, als wenn Sie weniger Raster hätten. Wenn Sie zum Beispiel 50 für Horizontale Trennwände und 50 für Vertikale Trennwände würde es so aussehen:

Schritt 3: Richten Sie das Gitter an der Mitte der Zeichenfläche aus. Wählen Sie das Gitter aus und klicken Sie auf Horizontal ausrichten Mitte und Vertikal ausrichten Mitte von Eigenschaften > Ausrichten .

Schritt 4: Erstellen Sie eine Farbpalette mit den Farben, die Sie für die Pixelgrafik verwenden wollen.

Nehmen wir zum Beispiel die Farben aus dem Eiscreme-Vektor: Verwenden Sie die Pipette, um Farben aus dem Bild zu entnehmen, und fügen Sie sie dem Farbfelder-Bedienfeld hinzu.

Schritt 5: Verwenden Sie die Auswahlwerkzeug (V) um auf das Gitter zu klicken und die Option Live Farbeimer Werkzeug mit dem K Taste oder in der Symbolleiste finden.

Sie sollten ein kleines Quadrat auf dem Raster sehen, auf das Sie den Mauszeiger setzen. Das bedeutet, dass Sie mit dem Zeichnen beginnen oder einfach auf die Raster klicken können, um die Raster zu füllen.

Schritt 6: Wählen Sie eine Farbe aus und beginnen Sie zu zeichnen. Wenn Sie die Farbe aus derselben Palette wechseln möchten, drücken Sie einfach die Pfeiltasten nach links und rechts auf Ihrer Tastatur.

Wenn Sie sich nicht zutrauen, es freihändig zu zeichnen, können Sie das Bild im hinteren Teil des Rasters platzieren, die Deckkraft verringern und den Umriss mit Live Paint Bucket nachzeichnen.

Löschen Sie anschließend das Bild auf der Rückseite.

Schritt 7: Klicken Sie mit der rechten Maustaste auf das Gitter und wählen Sie Auflösen der Gruppe .

Schritt 8: Zum Menü "Overhead" gehen Objekt > Live-Malerei > Erweitern Sie .

Schritt 9: Wählen Sie die Zauberstab-Werkzeug (Y) in der Symbolleiste.

Klicken Sie auf das Gitter und drücken Sie die Löschen So macht man aus einem Vektor Pixelkunst!

Sie können die gleiche Methode verwenden, um Pixelkunst von Grund auf neu zu erstellen. Anstatt das Bild nachzuzeichnen, zeichnen Sie einfach frei auf den Rastern.

Das war's

Die besten Werkzeuge sind der Live Paint Bucket und das Rectangular Grid Tool. Stellen Sie sicher, dass Sie die Gruppierung des Bildes und des Rasters aufheben, sobald Sie fertig sind, und erweitern Sie Live Paint, um das endgültige Ergebnis zu erhalten.

Das Beste an der Erstellung von Pixelgrafiken in Illustrator ist, dass Sie jederzeit zurückgehen können, um die Grafik neu zu färben oder sie für verschiedene Zwecke zu skalieren.