Close Search Box
Search Box

Search: From:

Close
Newsletter

9Tutorials to your Inbox



Transform your Photos into a Beautiful Mosaic

Transform your Photos into a Beautiful Mosaic
Author lv1 (3200/5000)
5,345 views
1 Star2 Star3Star4 Star5 Star (7 votes, average: 4.86 out of 5)

This tutorial will teach you how to take a single or collection of photos and give them a beautiful mosaic effect.
1. Begin by selecting a single photograph or creating a collage using the layer mask blending method. If you are unfamiliar with this you can read how to easily blend 2 images together. Here is a quick arrangement of photos I found. Notice how the different picture edges aren’t aligned or clean, this is perfectly fine.

picture-mosaic-01.jpg
2. Minimize that document, and create a new document 60×60 pixels. Select transparent background. This will be your mosaic pattern. Next, zoom in and take out your pencil brush tool (B) and select a size of 1 or 2 pixels. Draw in a vertical line 2 pixels wide along the left side of the box and a horizontal 2 pixel tall line along the top of the box. You can hold down shift while doing this to make the drawing line constrain to a linear path. You can use any color (I chose white).
picture-mosaic-02.jpg
3. Go to edit>define pattern and give it a descriptive name. You can now close this without saving. If you think you may want to change the color or other aspects later down the road you can save it.
picture-mosaic-03.jpg
4. Now go back to your original document and create a new layer (CTRL+SHIFT+N) on top of every other layer like shown. You can call it ‘pattern’. Take out your paint bucket tool (G) and select ‘pattern’ from the fill mode drop box on the top settings bar. Now click (paint in) anywhere in your document.
picture-mosaic-04.jpg
5. Here is what you should have.
picture-mosaic-05.jpg
6. Now you can take out the move tool (V) and move around the pattern until you have an imaginary white ‘border’ around everything that you will crop. You can see I moved the pattern so that there is a ‘border’ (outlined by the red) which I can crop. This will give a solid white border when you view the finished product.
picture-mosaic-06.jpg
7. Zoom in to the upper most left corner of your ‘border’ and begin to crop it where I started. Draw from upper left to bottom right.
picture-mosaic-07.jpg
8. Like so.
picture-mosaic-08.jpg
9. Once you crop it, here is what you should have.
picture-mosaic-09.jpg
10. Next create a new layer called ‘fill blocks’ on top of everything.
picture-mosaic-10.jpg
11. Take out your magic wand tool (W). Use these settings.
picture-mosaic-11.jpg
12. With your pattern layer active use your magic wand tool to select boxes you would like to be given the ‘mosaic’ effect. Make sure you hold down your shift key so you can select multiple box selections one after another. To subtract a selection, right click that selection and choose ’subtract from selection’.
picture-mosaic-12.jpg
13. Now with the selections still active, select the ‘fill blocks’ layer and fill it with white. This is what you should have.
picture-mosaic-13.jpg
14. Next you can lower the ‘fill blocks’ layer opacity to around 50% or so. Give it a value that you see fit.
picture-mosaic-14.jpg
That’s it!

Copyright @ Nifty Tutorials 2007

del.icio.us:Transform your Photos into a Beautiful Mosaic digg:Transform your Photos into a Beautiful Mosaic spurl:Transform your Photos into a Beautiful Mosaic newsvine:Transform your Photos into a Beautiful Mosaic blinklist:Transform your Photos into a Beautiful Mosaic furl:Transform your Photos into a Beautiful Mosaic reddit:Transform your Photos into a Beautiful Mosaic blogmarks:Transform your Photos into a Beautiful Mosaic Y!:Transform your Photos into a Beautiful Mosaic magnolia:Transform your Photos into a Beautiful Mosaic segnalo:Transform your Photos into a Beautiful Mosaic

Post a Comment »








Safari hates me

Comment Guidelines

  • Hyperlinks are automatically generated.
  • <em>italic</em>
  • <strong>bold</strong>
  1. josh June 10, 2007

    nice…i like…

  2. Kit September 8, 2007

    Nice effect. Can you make the picture available for download. Big pixels if possible? Cause i really like the pictures