Graphics.com
 home | news | tips, tutorials & articles | forums | downloads | gallery | resources | on demand videos | newsletters | jobs

  Printer Friendly Page 

Insight

Use Photoshop and Illustrator to Create a Mosaic Effect

Dateline: November 19, 2007
Version: Adobe Illustrator and Photoshop CS3

More Insight tips


In this tutorial, you’ll use Illustrator, with a little help from Photoshop, to mosaic an image. However, before you start to work in Illustrator, you’ll first use Photoshop to pixelate the selected art. Although you can also use a similar filter/pixelate feature in Illustrator, we chose to pixelate in Photoshop for the simple reason that it produces a higher quality result. Once that step is completed, you’re done with Photoshop and you’ll finish the remaining steps in Illustrator, which includes applying one of the Stylize filters to round the corners of the mosaic design.



A liquidlibrary Tip
Liquidlibrary is the only royalty-free subscription resource that provides exclusive, custom-quality photography, illustration and other design elements delivered by top professionals, as well as new tips, example designs and production techniques each month.

Launch Photoshop and open the file to which you want to give the mosaic effect. We used the one at left of a CD.

Choose Filter > Pixelate > Mosaic. Use the options in the resulting Mosaic dialog box and click OK. Choose Select > All (Command + A). Choose Edit > Copy (Command + C).

Launch Illustrator. Choose File > New (Command + N). In the resulting New Document dialog box, select Letter and CMYK color and click OK.

Choose Edit > Paste (Command + V). Choose Filter > Create > Object Mosaic. In the resulting Object Mosaic dialog box, set the Number of Tiles Width to 60, click the Use Ratio button, use the options shown and click OK.

Choose Filter > Stylize > Round Corners. Use the options in the resulting Round Corners dialog box and click OK.

Choose Window > Color (F6). Set the Stroke to White. Choose Window > Stroke (Command + F10). Set the Weight to .4 pt.

Choose Select > Deselect (Command + Shift + A).

Our final effect is shown at left (click to enlarge).

Don't miss the next tip on Graphics.com. Get the free Graphics.com newsletter in your mailbox each week. Click here to subscribe.

  

[ Back to Insight | Features Index ]

Stock Logos

mediabistro creative network

Graphics.com Newsletter
The weekly Graphics.com newsletter is a great way to stay up to date on what's new on the site and in the world of graphics.
Learn More »
Follow Graphics.com on Twitter




Graphics.com Blogs

Let's Talk Generic
Mike Lenhart

Art in the House
Mike Lenhart

It's All Black and White To Me
Mike Lenhart

A Bite From The Apple
Mike Lenhart

The Outside In Approach to Social Networking
Chris Dickman

Don't Bite Your Nails!
Mike Lenhart





There isn't content right now for this block.

News Archive | Article Archive | Twitter | Member Login
Newsletters | Feedback | Submit News






WebMediaBrands
mediabistro learnnetwork freelanceconnect SemanticWeb
Jobs | Events | News
Copyright 2010 WebMediaBrands Inc. All rights reserved.
Advertise | Terms of Use | Privacy Policy