Wie konvertiere ich jedes Pixel eines Rasterbildes in quadratische Objekte in Illustrator?

26

Zum Beispiel habe ich 10 × 10px-Symbol. Ich möchte 100 Quadrate mit jeweils der entsprechenden Farbe und Position erstellen. Eigentlich ist die Frage, wie man aus einem Rasterbild ein genaues Pixelmosaik macht.

Ich habe Live Trace ausprobiert, aber es hat den Quadraten einige Verzerrungen hinzugefügt.

adobe-illustrator icon pixel-art Yakunine
quelle

Antworten:

37

Das ist eigentlich ganz einfach. Nehmen Sie ein ausgewähltes kopiertes oder platziertes (nicht verknüpftes) Rasterbild auf, dann:

  • Object > Create Object Mosaic
    • In älteren Versionen von Illustrator war dies der Fall Filter > Create > Mosaic
  • Geben Sie unter "Anzahl der Kacheln" die genaue Breite und Höhe des Pixelbildes ein.
  • Das ist es!

Ihre Vektorpixelquadrate werden in zwei Gruppen eingeschlossen. Gruppieren Sie sie also zweimal auf oder doppelklicken Sie zweimal in den Isolationsmodus, um zu den einzelnen Quadraten (oder Rechtecken, wenn Ihr Verhältnis nicht stimmt) zu gelangen.

Zwei Beispiele:

Ein kurzes Beispiel mit einem Yahoo-Emoticon, das aus dieser Frage entlehnt wurde :

Bildbeschreibung hier eingeben

Ausführliches Beispiel mit Eisbären:

http://garmahis.com/tutorials/how-to-create-mosaic-in-illustrator/

user56reinstatemonica8
quelle
Ich habe auch nach einer Lösung gesucht. Vielen Dank! Bisher habe ich nur "nur Flash verwenden" gefunden.
KMSTR,
Ich hatte keine Ahnung, ich habe einmal ein Bild manuell nachgezeichnet (ein paar Stunden, um es richtig zu machen): S
WELZ
3

Im Folgenden finden Sie eine schnelle Möglichkeit zum erneuten Erstellen, auch wenn Sie nicht konvertieren. Ich glaube nicht, dass eine Rückverfolgung zu angemessenen Ergebnissen führt.

Zeichnen Sie ein Rechteck in der Größe des gesamten Bildes.

Wählen Sie "Objekt"> "Pfad"> "In Raster aufteilen".

In Grid aufteilen

Greifen Sie auf das Live-Farbeimer-Werkzeug zu (unter dem Werkzeug "Shape Builder" in Illustrator CS6).

Live Farbeimer

Klicken Sie auf Abschnitte, um diese auszufüllen.

Füllung

(Bearbeitungshinweis: Diese Antwort wurde in die Frage verschoben und aus der ursprünglichen Frage gelöscht. Sie passt einfach besser hierher.)

Scott
quelle
Schöne Methode. Ich bin immer noch auf CS3 und werde bald upgraden.
Yakunins
1
@utype das funktioniert auch in CS3. Der einzige Unterschied ist der Speicherort des Live Paint Bucket Tools.
Scott
Vielen Dank an Scott, der dazu beigetragen hat, ein weiteres Problem zu lösen, bei dem das rechteckige Rasterwerkzeug bei der Arbeit mit vielen Zeilen und Spalten keine gleichmäßig verteilten Linien erzeugt. Am Raster ausrichten hat den Trick gemacht.
2

Wenn Sie Zugriff auf Photoshop haben, gibt es einen recht einfachen Weg:

  • Reduzieren Sie Ihr Bild mit der Bildgröße auf die gewünschte "Auflösung" (z. B. 30 x 30).
  • Vergrößern Sie es erneut (z. B. auf 600 x 600), wobei "Resample Image" auf "Nächster Nachbar" gesetzt ist.
  • Kopieren Sie das Ergebnis in Illustrator.
  • Lebensweg;

Wenn Sie genügend Farben für die Spur verwenden, sollten Sie Quadrate erhalten.

Vincent
quelle
-1

Dieses Tool sollte das bieten, wonach Sie suchen: http://florian-berger.de/software/pixel2svg/

user29824
quelle
2
Hallo user29824, könntest du uns bitte etwas näher erläutern, was sich hinter dem von dir angegebenen Link verbirgt und warum er die Frage beantwortet? Auf diese Weise ist Ihre Antwort immer noch von Wert, falls der Link zu einem späteren Zeitpunkt unterbrochen wird. Link Rot ist der Hauptgrund, warum wir hier keine Nur-Link-Antworten mögen. Vielen Dank für Ihre Mühe und weiterhin Ihren Beitrag!
Vincent