Javascript required
Skip to content Skip to sidebar Skip to footer

How to Turn a Photo Into a Mosaic Pattern

Photo Mosaic in Photoshop

In today's tutorial, you will learn an easy way to create a Photo Mosaic in Photoshop . To create this portrait effect, you will require the main subject image and several images to create a Mosaic Pattern .

You can freely download images from Unsplash and Pexels. You can also have your own collection of images for creating a Photo Mosaic in Photoshop . This effect can be used to create a mosaic of couples, company employees, or family. It is a unique way of showing a group of people in one frame.

Photo Mosaic in Photoshop

Let's begin with the Photo Mosaic Photoshop Tutorial .

Firstly, select all the images except the main image and move them in a folder. Name this folder as Mosaic. Later on this folder will be used to create Mosaic Pattern . Thereafter, this Mosaic Pattern will be used to create a Photo Mosaic Portrait Effect in Photoshop .

Now follow the below-mentioned easy process of creating Photo Mosaic in Photoshop .

Step 1

Launch Adobe Photoshop and open the subject portrait image.

Open the image
Step 2

Go to File > Automate > Contact Sheet II

Select Contact Sheet II

In the Contact Sheet II dialogue box, select Folder from the drop down options and then click on Choose to locate the Mosaic Folder (created at the starting of the tutorial).

Under Document section, uncheck Flatten All Layers. You need to uncheck Flatten All Layers so that you can adjust the images within its layer mask. Set Units to inches and then set the Width, Height and Resolution.

Under Thumbnail section, uncheck Use Auto-Spacing. Set the values of Columns and Rows. I have set the values to 10 because the number of images selected for creating Mosaic Pattern is multiple of 10. So, according to the total number of images, you have selected, set the value of rows and columns. Then set Place to Across First and put a checkmark on Rotate For Best Fit.

After making all the necessary settings, click OK.

Contact Sheet II

After clicking OK, photoshop will start arranging all the images in layers and layer mask.

Photo Mosaic in Photoshop
Step 3

Now we need to adjust images in our Contact Sheet. You will see space between the images and we will fill those gaps with the help of the Move Tool and Transform Tool.

Select the Move Tool from the Tool Panel and put a checkmark on Auto-select. This will automatically select the layer in the Layers Panel on clicking on the image.

Select a image which you want to adjust. You will notice that the image layer will automatically get selected. Then click on the chain link to unlink the layer and the layer mask. Press Ctrl + T to activate the Free Transform. Now press and hold Shift + Alt key and increase the size of the image.

Photo Mosaic in Photoshop
Adjust the image

In this way adjust all the images create a nice Mosaic . Do remember to Unlink the layer mask in that particular image layer before adjusting the image.

Photo Mosaic in Photoshop

Use the Crop Tool to crop out the extra white layer from the Mosaic .

Use Crop Tool
Step 4

Now we will save this Mosaic as Pattern in Photoshop.

Go to Edit > Define Pattern. Give a name to your pattern and click OK.

Select Define Pattern
Name the Pattern
Step 5

After saving the Pattern, go to your subject image and click on Create new fill or adjustment layer icon. Then select Pattern. You can adjust the Scale percentage in the Pattern Fill dialogue box and click OK.

Select create new fill or adjustment layer icon
Select Pattern
Set the Scale Percentage
Step 6

Change the Blending Mode of the Pattern to Overlay.

Change the Blending Mode
Step 7

In this step, we will adjust the Shadows/Highlights of the Subject Image.

Select the subject image layer and unlock it by clicking on the padlock icon. Then right-click on the layer and select Convert to Smart Object.

Convert to Smart Object

Go to Image > Adjustments > Shadows/Highlights. A dialogue box will appear. In that dialogue box, make adjustments and click OK.

Select Shadows/Highlights
Shadows/Highlights dialogue box
Photo Mosaic in Photoshop

So by following these above steps, you can Create a Photo Mosaic in Photoshop .

Follow vividesigning.com for latest tutorials updates.

Practice this Photoshop Tutorial and share your views in the comment section. Also, share this tutorial with others.

How to Turn a Photo Into a Mosaic Pattern

Source: https://vividesigning.com/2021/08/create-a-photo-mosaic-in-photoshop/