Create a Tiled Mosaic Frame Using Filters !

This tutorial will serve as an introduction to creating a mosaic like effect inside illustrator , end result possibilities are endless But here is the Basic technique of creating a mosaic effect.

Introduction to Mosaic Tool

It is just a  filter which can be reached from

Choose Filter > Create > Object Mosaic

remember when creating mosaic Imoported image must be embedded , not linked .You can use illustrations to create mosaic objects but you will need to export it as an image ie jpg from illustrator then import it and embed it before applying the filter.



Step 1

Creating Elements

I have decided to create a frame of mosaic which can also be  placed around any of the artworks. For this i need to prepare the elements . I started off by creating and drawing simple shapes in a related theme using pencil tool. I Kept the strokes rough and sketchy intentionally.


Step 2

Creating Fame

Second element i create is a frame . I created a rectangle frame ie
created a rectangle placed a new rectangle on top this one of smaller size and use path finder to subtract the top one. Gave it a gradient.

And then exported it as a JPG > here is the frame!

Step 3

Applying filter.

I created a new document and imported and embedded the frame into it.

File > Place > Browse to the frame , make sure the Linking is unchecked!

Next apply the filter

  1. Select the image.
  2. Choose Filter > Create > Object Mosaic.

Here is a detail of what options you will find

  1. If you want to change the dimensions of the mosaic, enter values for New Size.
  2. Set options to control the spacing between tiles and the total number of tiles, along with any other additional options, and click OK:
    Constrain Ratio
    Locks the width or height dimensions to those of the original bitmap image. Width calculates the appropriate number of tiles to use for the width of the mosaic, based on the original number of tiles for the width. Height calculates the appropriate number of tiles to use for the height of the mosaic, based on the original number of tiles for the height.
    Specifies whether the mosaic tiles are color or grayscale.
    Resize Using Percentages
    Changes the size of the image by percentages of width and height.
    Delete Raster
    Deletes the original bitmap image.
    Use Ratio
    Makes the tiles square, using the number of tiles specified in Number Of Tiles. This option is located below the Cancel button.

I used the options as shown and got the outcome as

Step 4

Applying Stroke

Now i applied a white stroke to the converted squares.

And placed the other elements that i created randomly over the entire frame.

For the inner squares colouring select a single one go to

Select > same >Fill and Stroke . and give a fill colour of your choice.


Here is the final Preview!




I always try to share premium resources with my readers in every blog post that I share around selling graphics online, various reviews of tools and resources that help you on your passive income journey make sure to subscribe to my blog or newsletter if you are interested in learning more about selling passively online.

Once you have these premium high resolution royalty free clipart with commercial use rights,  you can just set up your etsy store and start selling products right away.

You can grab this valuable resource that is absolutely FREE by clicking the blue button above👆

1 Comment

Leave a Reply

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

sticky footer ad.txt Displaying sticky footer ad.txt.

Pin It on Pinterest


Main Menu