Come convertire ogni pixel dell'immagine raster in oggetti quadrati in Illustrator?

26

Ad esempio ho un'icona 10 × 10px. Voglio produrre 100 quadrati con colore e posizione corrispondenti ciascuno. In realtà, la domanda è come realizzare un mosaico di pixel esatti dall'immagine raster.

Ho provato Live Trace ma ha aggiunto alcune distorsioni ai quadrati.

adobe-illustrator icon pixel-art

— yakunins
fonte

37

Questo è davvero molto semplice. Prendi un'immagine raster selezionata copiata o posizionata (non collegata), quindi:

Object > Create Object Mosaic
- Oppure, nelle versioni precedenti di Illustrator, lo era Filter > Create > Mosaic
Inserisci la larghezza e l'altezza esatte dell'immagine pixel in "Numero di tessere".
Questo è tutto!

I quadrati dei pixel vettoriali verranno raggruppati in due gruppi, quindi separa due volte o fai doppio clic nella modalità di isolamento due volte per accedere ai singoli quadrati (o rettangoli se il rapporto è disattivato ...).

Due esempi:

Esempio rapido usando un'emoticon di Yahoo presa in prestito da questa domanda :

inserisci qui la descrizione dell'immagine

Esempio dettagliato, con orsi polari:

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

— user56reinstatemonica8
fonte

Ho cercato una soluzione anche a questo, grazie mille! Finora ho trovato solo "usa solo Flash".

— KMSTR,

Non ne avevo idea, una volta ho tracciato manualmente un'immagine (ho trascorso alcune ore per farlo bene): S

— WELZ

3

Pur non convertendo, ecco un modo rapido per ricreare. Non credo che nessuna traccia darà risultati adeguati.

Disegna un rettangolo delle dimensioni dell'intera immagine.

Scegli Oggetto> Percorso> Dividi in griglia ...

Dividi in griglia

Prendi lo strumento Secchio di vernice dinamica (sotto lo strumento Generatore di forme in Illustrator CS6)

Secchio per vernice dal vivo

Inizia a fare clic sulle sezioni per riempire ....

Riempimento

(nota di modifica: questa risposta è stata spostata sulla domanda ed eliminata dalla domanda originale. Qui si adatta semplicemente meglio.)

— Scott
fonte

Bel metodo. Sono ancora su CS3, presto aggiornerò.

— yakunins,

1

@utype funziona anche in CS3. L'unica differenza è la posizione dello strumento secchiello per pittura dinamica.

— Scott,

Grazie Scott che mi ha aiutato a risolvere un altro problema che avevo con lo strumento griglia rettangolare che non creava linee uniformemente distanziate quando lavoravo con molte righe e colonne. Lo snap alla griglia ha fatto il trucco.

2

Se hai accesso a Photoshop, c'è un modo piuttosto semplice:

riduci l'immagine alla "risoluzione" desiderata (diciamo 30x30) con Dimensione immagine;
ingrandiscilo di nuovo (per esempio, 600x600), con l'impostazione "ricampiona immagine" su "vicino più vicino";
copia il risultato in Illustrator;
Tracciamento in tempo reale;

Se usi abbastanza colori per la traccia, questo dovrebbe produrre quadrati.

— Vincent
fonte

-1

Questo strumento dovrebbe fornire ciò che stai cercando: http://florian-berger.de/en/software/pixel2svg/

— user29824
fonte

2

Ciao user29824, potresti per favore spiegare un po 'di più cosa troveremo dietro il link che fornisci e perché risponde alla domanda? In questo modo, la tua risposta ha ancora valore nel caso in cui il collegamento venga interrotto in un secondo momento. Il marcio dei link è il motivo principale per cui non ci piacciono le risposte solo ai link qui. Grazie per il tuo impegno e continua a contribuire!

— Vincent,