Browse By

How to create mosaic in Illustrator

Mosaic with Adobe IllustratorIn this Adobe Illustrator tutorial you will learn how to create mosaic with square or dotted tiles from any raster image. You can rasterize vector object to apply mosaic effect as well. You can then print your file or use it as basis for future more complex design project. You can tweak the colors and shapes of individual tiles later to achieve even more impressive results.

1. Create a New Document
Press Ctrl+N and choose desired size, resolution and color mode. In this tutorial I use image 640×480 pixels that is suitable for Web design project.

2. Place source image
It’s a good idea to adjust the size of source image according to your projects settings in Illustrator before placing it.
Then choose File->Place, select your source image file and click Place.  To apply mosaic, the image must be embedded, not linked, so don’t forget to uncheck Link check box.
Source image

3. Create the Mosaic
Select the image and choose Filter->Create->Object Mosaic.
Set options and click OK. In this case i put 1 px both for width and height tile spacing and 40/30 for number of width/height tiles. I’d recommend checking Delete raster box which gives you immediate result without need to hide source image after applying filter. If you click Use Ratio button you will get square mosaic tiles.
Mosaic filter settings
Then click empty space to deselect mosaic tiles.
As soon as this filter doesn’t have a live preview mode you have to experiment quite a lot with settings to get the desired look.
Applied mosaic filter

4. Fine tune your mosaic
You can adjust shape, color of each mosaic tile using Direct Selection tool.
In this tutorial i applied Filter ->Stylize->Round Corners (Radius 10px) to get mosaic with dotted tiles.Round mosaic

Share This

3 thoughts on “How to create mosaic in Illustrator”

  1. Michael Garmahis says:

    We’ll look into it, stay tuned!

  2. Bceltic26 says:

    I was trying to create a mosaic effect much like Eminem’s Relapse album cover. Do you have any tips on how to create something of that effect?

  3. ozmatix says:

    Great tutorial, very well explained.

Leave a Reply

Your email address will not be published. Required fields are marked *

3 × 3 =