graphicxtras.com > tutorials > Adobe Illustrator

Mosaic effect in Illustrator using crop image tool tutorial

mosaic and crop effect in Illustrator
  1. Click the crop image (for the mosaic effect in Illustrator)

  2. Set rectange for the crop

  3. You can set the PPI to 300 or 2 or 1 etc (set to 1 for a mosaic effect)

  4. Click apply

How to quickly create a mosaic effect in Illustrator can be achieved by using the crop image tool which was introduced into Illustrator with CC 2017. The mosaic effect can then be manipulated further by using the trace and other tools such as perhaps using the color adjust balance and the color guide tool to recolor the Illustrator mosaic design.

 

The key thing here is the PPI. You can create an interesting mosaic effect by using PPI to 1. OK, you could also create the mosaic effect in a raster application and then import the design into Illustrator (probably just as easy)

 

You can then use the image trace feature on the cropped image and use the color mode for the trace.

Resize and crop and mosaic effect image in Illustrator

reduced size mesh effect in Illustrator
  1. file menu

  2. place image

  3. click embed

  4. resize image and make a lot smaller

  5. crop image

  6. set PPI to 1

  7. click apply

 

You should now have a lot blockier image than if you were just going to use a 3000 x 3000 image (and set to 1).

Re-color mosaic effect image in Illustrator

re-color the mosaic effect in Illustrator cropped
  1. Select the mosaic effect image

  2. go to the edit menu

  3. edit colors

  4. adjust color balance

  5. preview ON

  6. set the red and green etc sliders

  7. OK

 

You can also re-color the design using the adjust color balance tools (as well as other third party plugins etc). So if you want a red or yellow etc design, you can do this in Photoshop beforehand or just apply a color balance effect to the mosaic

How to convert to vector mosaic paths in Illustrator

mosaic effect vector conversion

Tricky but certain it can be done. I have found it fairly difficult to achieve with tools such as the image trace. You could, of course, use the eyedropper tool and then create your own squares using the displayed grid. It can be done. You can also just use squares and create an abstract design loosely based on the colors of the mosaic squares. You could fill them with gradients instead. Using the image trace probably can result in a good result but I have ended up with many different and unusual shaped squares during my tests on converting using the image trace. Another option would be to export the result and then use an online vector conversion tool or something like corelTrace (which also has a mosaic effect)

  1. select mosaic image

  2. click image trace

  3. goto to the image trace panel

  4. click ignore white

  5. set noise to minimum

  6. set corners to less

  7. set paths to high

  8. set mode to color

  9. set palette to document library

  10. set colors to all

  11. object menu expand

  12. object menu ungroup

Crop the image in illustrator using the PPI set to 1 and then use the image trace to create interesting mosaic effects

cropped image and mosaic trace in Illustrator
  1. Select cropped image (after PPI set to 1)

  2. Click image trace

  3. Go to image trace panel

  4. Set mode to color

  5. Set colors to all or document library etc

  6. Change paths etc in the image trace panel such as setting paths very low

  7. Expand

  8. Ungroup

The image trace can be used with the 'mosaic' cropped image in Illustrator. You can use the color mode along with different colors and paths etc and then expand and ungroup and use the cropped paths as abstract designs. You can also use the result with the color guide to create interesting colorful artworks from the cropped images

Tutorials

1. Crop image tool in Illustrator

Sources and references

1. What is new in Illustrator CC at Adobe.com

 

graphicxtras

(c) 1995-2017 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375

e-mail: support@ graphicxtras.com

License / Privacy

Contact us

Contact via facebook.com/

pinterest.com/

twitter.com/graphicxtras

youtube.com/

instagram.com/

Linkedin.com/

 

Updated: August 2017