So erstellen Sie Pixel-Kunst-Ikonen in Adobe Illustrator_1
In diesem Anfänger Tutorial werden Sie lernen Techniken für immer skalierbare Pixel-Kunst in Adobe Illustrator zu schaffen. Mit dem Einsatz des rechteckigen Gitternetz-Tool und die Live-Füllwerkzeug, werden wir
schaffen einfache, nette kleine Pixel-Kunst-Symbole, und dann werde ich Ihnen zeigen, wie sie von dem Gitter heraus zu sprengen, lossless Erstellen von Icons, Pixel-Kunst-Muster und vieles mehr.
1. Einrichten Ihres Dokuments
Von der Symbolleiste. greifen die Rechteck-Raster-Werkzeug (zu finden unter dem Liniensegment-Werkzeug (/). Doppelklicken Sie auf das Werkzeug um die Optionen aufzurufen. Geben Sie in der Größe Ihres Dokuments für die Breite und Höhe. Geben Sie 30 sowohl für die horizontale und vertikale Divider.
Stellen Sie sicher, dass Ihre rechteckigen Gitterlinien mit Ihrem Artboard. Wählen Sie ein Raster und stellen Sie die Strichfarbe auf schwarz, oder was auch immer Farbe, die Sie am besten gefällt, so dass Sie leicht das Gitter sehen kann.
2. Zeichnung der Umriss des Notebook
Wählen Sie ein Gitter und ergreifen Sie die Live-Füllwerkzeug (K) (in der Werkzeugleiste unter der Form Builder Tool (Shift-M)).
Sie können entweder einen Rasterabstand zu einem Zeitpunkt klicken, oder klicken und zieht entlang Ihres Raster in mehreren Räumen in einem Rutsch zu füllen. Unabhängig von Ihrer Methode, füllt in einem Rechteck Umrisse von 15 Pixel breit und 18 Pixel nach unten.
Verwendung des Live-malen-Auswahlwerkzeug (Shift-M). wählen Sie den braunen Kasten in der linken unteren Ecke des braunen Rechteck und löschen. Dann wird unter Verwendung der Live-Füllwerkzeug. in drei diagonal Kästchen in der rechten unteren Ecke füllen.
Für die Spiralen des Notebooks, zwei Gitterräume auf der linken Seite beginnen und bis in zwei Felder ausfüllen, ein Feld diagonal nach oben, und zwei Kisten nach unten. Überspringen eine Spalte und zweimal wiederholen.
Dann das Live-malen-Auswahlwerkzeug verwenden, um den Abstand zwischen der braunen Rechteck Kontur zu löschen, damit Ihre Notebook Spiralen vier weiße Flächen von oben nach unten (siehe unten).
Füllen Sie drei Räume unterhalb der Notebook-Umriss, die diagonal verbinden die Spirale Umrisse zu beenden.
3. Ausfüllen und Entpacken des Notebook
Ändern Sie Ihre Füllfarbe blau (# 4dc6e1) und füllen Sie das Notebook mit der rechten Kante beginnen und Unterkante. Füllen Sie Räume unterhalb jeder Spiralform und dann fünf Zeilen aus der Oberseite des Notebooks, füllen in einer horizontalen Linie (siehe unten).
Füllen Sie zwei horizontale Linien, die jeweils mit zwei Reihen zwischen ihnen. Dann, mit hellblau (# b6f9ff) als Füllfarbe füllt in großen Räumen auf einmal, anstatt nur eine Spalte oder Zeile).
Füllen Sie den Rest der Notebook-Seite (mit Ausnahme einer einzigen weißen Säule auf der linken Seite). Mit grau (# b1b1b1), füllen Sie die vier Räume in jeder Spirale.
Einmal mit dem Pixel-Art-Design abgeschlossen, Wählen Sie das Raster der rechten Maustaste. und trifft Gruppierung aufheben. Dann gehen Sie Objekt> Live-Farbe> Erweitern Sie Ihre Live-Lack-Gruppe in Objekte zu verwandeln. Hit Dividieren im Pathfinder-Bedienfeld so Ihre ausgefüllten Felder werden vom Netz getrennt sein. Schließlich verwenden Sie den Zauberstab-Werkzeug das gestreichelt Gitter und löschen, um sie auszuwählen. Wir werden über diesen Prozess gehen wieder für die anderen Symbole auf diesem Tutorial.
4. Erstellen eines einfachen Bleistift
Verwenden Sie das Rechtecklinie Grid-Tool ein anderes Raster für Ihre Vektor-Pixel-Kunst zu schaffen. Noch einmal, verwenden Sie die Live-Füllwerkzeug beginnt in Räumen mit brauner Füllung.
Füllen Sie vier diagonalen Räume nach rechts oben gehen und dann drei diagonal Räume nach unten rechts geht der Bleistift der Punkt zu erstellen. Der Rest des Top-Bleistift ist vier Räume auf beiden Seiten des Punktes nach unten und neun Räumen über.
Die Seiten des Bleistifts sind 19 Räume nach unten und der Boden sind sieben Räume über. Vergessen Sie nicht, in den ersten drei Reihen für den Bleistift Führung und zwei Reihen von sieben Räumen in der Nähe der Unterseite für das Metall Bit des Radiergummis zu füllen.
Wir brauchen zwei Farben für jeden Abschnitt des Stiftes: das Holz, der Gelbkörper, das Metall-Bit und der Radiergummi. Die dunklere Farbe füllt zwei volle Spalten auf beiden Seiten der helleren Farbe, die in drei Spalten füllt. Die Farben sind wie folgt:
Schließlich wollen wir wiederholen den Vorgang des Vektor Pixel-Design aus dem rechteckigen Raster zu extrahieren. Wählen Sie das Raster der rechten Maustaste. und trifft Gruppierung aufheben. Dann gehen Sie Objekt> Live-Farbe> Erweitern Sie Ihre Live-Lack-Gruppe in Objekte zu verwandeln. Hit Dividieren im Pathfinder-Bedienfeld so Ihre ausgefüllten Felder werden vom Netz getrennt sein. Schließlich verwenden Sie den Zauberstab-Werkzeug das gestreichelt Gitter und löschen, um sie auszuwählen.
Dieses Design ist ähnlich dem Bleistift, also werde ich über den Umriss gehen ziemlich schnell. Legen Sie Ihre Linienraster in der gleichen Weise wie das Notebook und Bleistift.
Zum dritten und letzten Mal in diesem Tutorial, lassen Sie sich die Schritte der Extraktion von vektorbasierten Pixelkunst aus einem rechteckigen Raster bewertet:
6. Ändern von Farben für Alternate Designs
Eine Möglichkeit, leicht wechselnde Farben zu kopieren (Strg-C) und Einfügen (Strg-V) das Raster Design, bevor Sie extrahieren Ihr Vektor-basierte Pixel-Art-Symbol aus dem rechteckigen Raster. Dann können Sie leicht Interaktiv malen Räume füllen.
Alternativ Ihr Design wählen, gehen> Farben bearbeiten> Bildmaterial neu färben, zu bearbeiten und die Farbtöne des ausgewählten Objekts ändern. Ich finde dies der schnellste Weg, um ein Objekt der Farben zu verändern.