Mosaic using Photoshop

Create Your Photos into Mosaic using Photoshop

picture mosaic 15

By this tutorial you can learn how to take a single or collection of photos and give them a beautiful mosaic effect. Using this technique you can make beautiful group photos.

picture mosaic 001

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.

picture mosaic 011

Step 2:

Minimize that document, and create a new document 60×60 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).

picture mosaic 02

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.

picture mosaic 03

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.

picture mosaic 04

Step 5:

Here is what you should have.

picture mosaic 05

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.

picture mosaic 06

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.

picture mosaic 07

Step 8:

Like so.

picture mosaic 08

Step 9:

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

picture mosaic 09

Step 10:

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

picture mosaic 10

Step 11:

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

picture mosaic 11

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

picture mosaic 12

Step 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

Step 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

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

Thank you…

Final Product:

picture mosaic 151

Credit: niftytutorials.com

Mahmudur Rahman
[email protected]
No Comments

Sorry, the comment form is closed at this time.