Graphics.com
 home | news | tips | forums | downloads | gallery | resources | on demand videos | affiliates | 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 ]



Follow Graphics.com on Twitter



Visit The Graphics.com Challenge
Graphics.com Challenge
Create a new design
based on the displacement
map tutorial to win
Mediabistro On Demand
subscriptions and books.


Latest Mediabistro
On Demand Videos


PDF-Based Forms 101

Who's the Package For?

Graphics.com Network Blogs

Designism 4.0: Is Sustainability Sustainable?
Ben Kessler

A Few Thoughts on Fluid & Static Media
Susan Kirkland

The Evolution of Paper
Chris Dickman

JOBS: Hiring & Firing in Design
Susan Kirkland

PORTFOLIO: Part Two
Susan Kirkland

Be Careful What You Wish For
Chris Dickman





There isn't content right now for this block.

News Archive | Article Archive | Twitter | Member Login





internet.commediabistro.comJusttechjobs.comGraphics.com

WebMediaBrands Corporate Info

Advertise | Newsletters | Feedback | Submit News
Legal Notices | Licensing | Permissions | Privacy Policy