Mobile app version of vmapp.org
Login or Join
Radia289

: How to convert every pixel of raster picture to square objects in Illustrator? For example I have 10×10px icon. I want to produce 100 squares with correspondent color and location each. Actually,

@Radia289

Posted in: #AdobeIllustrator #Icon #PixelArt

For example I have 10×10px icon. I want to produce 100 squares with correspondent color and location each. Actually, the question is how to make exact pixel mosaic out of raster image.

I tried Live Trace but it added some distortions to squares.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Radia289

4 Comments

Sorted by latest first Latest Oldest Best

 

@Kaufman565

This tool should provide what you're looking for: florian-berger.de/en/software/pixel2svg/

10% popularity Vote Up Vote Down


 

@Kaufman565

This is actually really easy. Take a selected copied or placed (unlinked) raster image, then:


Object > Create Object Mosaic


Or, in older versions of Illustrator, it was Filter > Create > Mosaic

Input the exact width and height of the pixel image under "Number of tiles".
That's it!


Your vector pixel squares will be wrapped in two groups, so ungroup twice or double-click into isolation mode twice to get at the individual squares (or rectangles if your ratio is off...).



Two examples:

Quick example using a Yahoo emoticon borrowed from this question:



Detailed example, with polar bears:
garmahis.com/tutorials/how-to-create-mosaic-in-illustrator/

10% popularity Vote Up Vote Down


 

@Lengel450

If you have acces to Photoshop, there is a rather easy way:


reduce your image to your desired 'resolution' (say 30x30) with Image size;
re-enlarge it again (to, say, 600x600), with the 'resample image' setting on 'nearest neighbour';
copy the result to Illustrator;
LiveTrace;


If you use enough colours for the trace, this should yield squares.

10% popularity Vote Up Vote Down


 

@Turnbaugh909

While not converting, here's a quick way to recreate. I don't believe any tracing will give adequate results.



Draw a rectangle the size of the entire image.

Choose Object > Path > Split into Grid...



Grab the Live Paint Bucket Tool (Under the Shape Builder tool in Illustrator CS6)



Start Clicking sections to fill....



(editing note: this response was moved to the question and deleted from the original question. it simply fits better here.)

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme