Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters.  Home Photoshop Photo Editing Create Your Photos into Mosaic

Create Your Photos into Mosaic


Step 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.

Img

Step 2:

Minimize that document, and create a new document 60x60 pixel. 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 (we chose white).

Img

Step 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.

Img

Step 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.

Img

Step 5:

Here is what you should have.

Img

Step 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.

Img

Step 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.

Img

Step 8:

Like so.

Img

Step 9:

Once you crop it, here is what you should have.

Img

Step 10:

Next create a new layer called 'fill blocks' on top of everything.

Img

Step 11:

Take out your magic wand tool (W). Use these settings.

Img

Step 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'.

Img

Step 13:

Now with the selections still active, select the 'fill blocks' layer and fill it with white. This is what you should have.

Img

Step 14:

Next you can lower the 'fill blocks' layer opacity to around 50% or so. Give it a value that you see fit.

Img

That's all. This tutorial is simple and contain few steps. I hope you like it.

Thank you...

Final Product:

Img



Author's URL: ClippingDesign
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters. More Photo Editing Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: