This Forum is for: Adobe Illustrator
FROM: mumu
DATE: Aug. 19, 2009 3:08 am gmt
SUBJECT: Create a Mosaic Portrait from a Photograph
[font=Trebuchet MS]How to Create a Mosaic Portrait from a Photograph [/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS]This is a fun way to turn a [url=http://www.youtoart.com/]photograph[/url] into an interesting vector portrait. Get sophisticated results with just a few easy steps, then modify it using a wide range of Illustrator's live effects. Let's get started!
[img]http://www.7designer.com/jc/pic/2009626175643483778023.jpg[/img]
Above is the final image we will be working towards. Want access to the full [url=http://www.youtoart.com/]Vector Source[/url]files and downloadable copies of every [url=http://www.7designer.com/]tutorial[/url], including this one? [url=http://www.7designer.com/]Visit our site[/url]and you can get what you want.[/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS]Step 1[/font]
[font=Trebuchet MS]Create a new document 400 pixels square. It can be RGB or CMYK.
Place a photo into the document. For this illustration, I'm using a tightly-cropped square portrait. Uncheck the Link button, in the Place dialog, so the photo will be embedded. If you forget this step, simply go to the Links panel and embed the image.
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/02_place.jpg[/img][/font]
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/02_embed.jpg[/img]
[font=Trebuchet MS]Step 2[/font]
[font=Trebuchet MS]Make sure the photo is 400 pixels by 400 pixels. If necessary, you can resize it in the Control Panel. The beauty of this technique is that you can start with a less-than-perfect photo and get a nice result.[/font]
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/03_size-photo.jpg[/img]
[font=Trebuchet MS]Step 3[/font]
[font=Trebuchet MS]With the image selected, go to Object > Create Object Mosaic.[/font]
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/04_create%20mosaic.jpg[/img]
[font=Trebuchet MS]Step 4[/font]
[font=Trebuchet MS]Enter one tenth the size of the full image in the Number Of Tiles section. Since the image is 400 pixels by 400 pixels, the number of tiles will be 40 and 40. Check Delete Raster in the Options section.
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/05_mosaic-box.jpg[/img][/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS]Step 5
The resulting mosaic will look like the image below.
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/06_mosaic.jpg[/img]
Step 6
Ungroup the mosaic. You should be able to select individual squares. Now go to Effect > Convert to Shape and choose Ellipse...
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/07_effect%20menu.jpg[/img]
Step 7
In the Shape Options dialog, enter 10 pixels for the Width and Height (400 pixels by 400 pixels, divided by 40 rows and columns). That's it, you're done!
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/08_shape-options.jpg[/img][/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS][/font]
[url=http://www.7designer.com/web.php?urlid=http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-mosaic-portrait-from-a-photograph/][font=Trebuchet MS]Click to View More Steps[/font][/url]
[url=http://www.7designer.com/][font=Trebuchet MS]More Tutorials Here[/font][/url]
[url=http://www.youtoart.com/][font=Trebuchet MS]More Vector Free Download[/font][/url]
[url=http://www.8wallpaper.com/][font=Trebuchet MS]Free Wallpaper Download[/font][/url]
[font=Trebuchet MS][/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS]This is a fun way to turn a [url=http://www.youtoart.com/]photograph[/url] into an interesting vector portrait. Get sophisticated results with just a few easy steps, then modify it using a wide range of Illustrator's live effects. Let's get started!
[img]http://www.7designer.com/jc/pic/2009626175643483778023.jpg[/img]
Above is the final image we will be working towards. Want access to the full [url=http://www.youtoart.com/]Vector Source[/url]files and downloadable copies of every [url=http://www.7designer.com/]tutorial[/url], including this one? [url=http://www.7designer.com/]Visit our site[/url]and you can get what you want.[/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS]Step 1[/font]
[font=Trebuchet MS]Create a new document 400 pixels square. It can be RGB or CMYK.
Place a photo into the document. For this illustration, I'm using a tightly-cropped square portrait. Uncheck the Link button, in the Place dialog, so the photo will be embedded. If you forget this step, simply go to the Links panel and embed the image.
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/02_place.jpg[/img][/font]
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/02_embed.jpg[/img]
[font=Trebuchet MS]Step 2[/font]
[font=Trebuchet MS]Make sure the photo is 400 pixels by 400 pixels. If necessary, you can resize it in the Control Panel. The beauty of this technique is that you can start with a less-than-perfect photo and get a nice result.[/font]
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/03_size-photo.jpg[/img]
[font=Trebuchet MS]Step 3[/font]
[font=Trebuchet MS]With the image selected, go to Object > Create Object Mosaic.[/font]
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/04_create%20mosaic.jpg[/img]
[font=Trebuchet MS]Step 4[/font]
[font=Trebuchet MS]Enter one tenth the size of the full image in the Number Of Tiles section. Since the image is 400 pixels by 400 pixels, the number of tiles will be 40 and 40. Check Delete Raster in the Options section.
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/05_mosaic-box.jpg[/img][/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS]Step 5
The resulting mosaic will look like the image below.
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/06_mosaic.jpg[/img]
Step 6
Ungroup the mosaic. You should be able to select individual squares. Now go to Effect > Convert to Shape and choose Ellipse...
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/07_effect%20menu.jpg[/img]
Step 7
In the Shape Options dialog, enter 10 pixels for the Width and Height (400 pixels by 400 pixels, divided by 40 rows and columns). That's it, you're done!
[img]http://vectortuts.s3.amazonaws.com/tuts/167_Mosaic_Portrait/08_shape-options.jpg[/img][/font]
[font=Trebuchet MS][/font]
[font=Trebuchet MS][/font]
[url=http://www.7designer.com/web.php?urlid=http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-mosaic-portrait-from-a-photograph/][font=Trebuchet MS]Click to View More Steps[/font][/url]
[url=http://www.7designer.com/][font=Trebuchet MS]More Tutorials Here[/font][/url]
[url=http://www.youtoart.com/][font=Trebuchet MS]More Vector Free Download[/font][/url]
[url=http://www.8wallpaper.com/][font=Trebuchet MS]Free Wallpaper Download[/font][/url]
[font=Trebuchet MS][/font]