How To Merge Photos In Photoshop

Here I show you how to merge photos in Photoshop. I’ve devised this tutorial to show you various ways to merge photos. You can also download the images via the form below and follow along with this tutorial. This Photoshop tutorial and will help you develop your knowledge in blend modes, layer masks, adjustment layers, gradient maps and much more.

Grab the images below and follow along with the tutorial.


Free Images

Simply complete the form below and your free images will be emailed to you.
Your Free Resource is now on its way to your inbox. If it's not there, check your spam/junk folder. For more of our free content click FREEBIES at the top of this page.
First Name*
Please complete your first name.
Last Name
Email*
Please complete your email address.
Opt-in*
We pride ourselves on providing the best photography training money can buy and this is a taster of things to come. By clicking the button below, you understand you will be added to our mailing list and sent information on our products and services.

Timestamps: Step 1 - 02:50 | Step 2 - 06:15 | Step 3 - 09:35 | Step 4 - 16:23| Step 5 - 21:56| Step 6 - 34:37 | Step 7 - 40:20 | Step 8 - 45:15


Why Merge Photos to Create a Composite?

Creating a composite is simply when you merge photos to create another image, but it’s a little bit more complex than simply overlaying one image on top of another. You must carefully blend your layered images together, adjusting them to create a harmonious composition. Once you’ve got the technique to merge photos mastered, you can replicate it and create complex composites that take your photography to the next level. Also, when you merge photos together, you can create a narrative and in turn, create your own unique pieces of art.

The Idea

Every good merged photo starts with an idea and in my example, I’ve used the idea of students I used to teach in colleges and schools leaving their education and moving on into university or the workplace; generally into the city to continue on with the next stage of their lives.

This tutorial will arm you with a wide set of skills to enable you to merge photos together for varied design and artwork projects.

We’ve chosen three images (which you can download from the form above to follow along!) which work quite well together, but you don’t have to limit yourself to a small number of images, when you’re confident, you can just repeat the processes with your own images. We’re going to merge photos in Photoshop, but if you haven’t got Photoshop there are other programs that you can use that have a similar workflow.

Learn how to use Photoshop here.

 
man with water droplets on his face
river in a city at sunset
city skyline
 

Get access to ALL our online courses - 1000’s of videos, worksheets, critiques of members work, personalised support and much more with our monthly membership.


How to Merge Photos in Photoshop.

Watch the video for the full in depth tutorial. Below is a synopsis of the steps taken.

Step 1 to merge photos: Delete the background.

  1. Open the man image > Turn it into a layer by dragging the lock symbol into the bin > Name this layer ‘man.’

  2. Select the Object Select Tool > Select the Man

  3. Inverse the selection. Go to Select > Inverse selection.

  4. Press the backspace button to delete the background.

  5. Press ‘Ctrl/Cmd + D’ to deselect.

  6. Add a Solid Colour Fill layer > Change the colour to White > Drag this layer to the bottom.

 
colour fill layer in photoshop to prepare to merge photos

Layers panel for the background removal

orignal image before background removed for merge photos

Stage 1 - with original background

portrait of man with background removed

Stage 2 - original background removed

photo pf man with white background

Stage 3 - background replaced with color fill layer

 

Step 2 to merge photos: Add the River picture.

  1. Drag and drop the river picture onto your image > Click the tick in the option bar to apply it > Make sure the river layer is above the man layer.

  2. Clip the river layer to the man layer - Right click on a blank part of the river layer and select ‘Create Clipping Mask.’ This sticks the pixels in this layer to only the pixels in the layer below it.

  3. Take the Opacity of the river layer down to around 40% so you can see through it.

  4. Select the Move Tool > Move the river layer as shown in the video.

  5. Press ‘Ctrl/Cmd + T’ to enter Free Transform > Resize the river layer to suit > Reposition it as well if you need to.

Learn all about layers in Photoshop here.

 
photoshop workspace clipping mask

Creating the clipping mask when adding the river picture.

photoshop layers panel to merge photos

Layers panel when adding the river picture for merging photos together.

man with river image overlayed

River image overlayed on the picture of the man without adjustments.

 

Step 3 to merge photos: Remove sections of the river layer.

  1. Add a mask to the ‘river’ layer.

  2. Select the Brush Tool > Choose Black as a foreground colour > Set the Opacity and Flow to around 40% > Set the brush hardness to 0% > Brush over the bottom of the river image so it blends in with the man. Adjust the opacity and flow to suit.

  3. Bring back the opacity of the river layer to 100% > Select the image of the river layer, not the mask.

  4. Select the Quick Selection Tool > Click in the sky of the river layer to select it.

  5. Click ‘Select and Mask’ in the options bar or go to Select > Select and Mask (Called Refine Edges on older versions of PS).

  6. Under ‘View Mode’ select ‘Overlay’ > Move the Opacity slider to around 50% > Move the Shift Edge slider to 30% > In the Output Settings, Output to: Selection > Click OK.

  7. Select the mask of the river layer > Press ‘Shift + F5’ or ‘Edit > Fill’ > Choose Black and make sure the Blend Mode is set to Normal and the Opacity is at 100% > Click OK.

  8. Press ‘Ctrl/Cmd + D’ to deselect.

  9. Mask out any other areas left behind as shown in the video.

 
Man with river town overlay on eyes

Removing sections of the river image

photoshop fill properties box

Filling the layer mask to hide parts of the river image.

photoshop layers panel when you merge photos

Layers panel in the process of masking parts of the river image.

 


Step 4 to merge photos: Add more space and remove top section of the head.

  1. Select the river image > Adjust the opacity to suit.

  2. Select the crop tool > In the options bar untick Delete Cropped Pixels and Content-Aware > Click the Clear button to remove any crop ratio settings > Drag the top handle up above the head as shown in the video > Click the tick in the options bar to apply it or press Enter.

  3. Hold down the Ctrl/Cmd key and click on the mask of the river layer. This will create a selection of the white parts of the mask.

  4. You now need to mask out the top of the head. Select the Lasso Tool > Remove parts of the selection by holding down the Alt/Opt key whilst selecting parts > Add to the selection by holding down the shift key whilst selecting parts > Using this technique, remove and add parts to the selection as shown in the video.

  5. Select the man layer > Add a layer mask to it > Remove any parts left overusing the brush tool and black paint as shown in the video. Make sure you are selected on the mask of the man layer when doing this.

Learn how to use photoshop here.

 
merged photo of man and river

Adding additional space above the head for the next image to merge.

layers panel for merge photos

Layers panel showing the masks of the top of the head.

 

Step 5 to merge photos: Add the City Skyline

  1. Make sure you have no layers selected by clicking into a blank area or the layers panel.

  2. Drag and drop the ‘city skyline’ picture onto your image > Click the tick in the option bar or press Enter to apply it > Take down the opacity of this layer to around 40%. Double check it’s the top layer and that it isn’t clipped to any other layer.

  3. Make sure the city skyline layer is selected and press ‘Ctrl/Cmd + T’ to enter Free Transform > Resize and move the city skyline to suit > Click the tick in the option bar or press Enter to apply the changes.

  4. Hold down the Ctrl/Cmd key and click on the mask of the man layer > Inverse the selection by going to Select > Inverse.

  5. Select the city skyline layer > Add a layer mask to this layer.

  6. Bring back the opacity of the city skyline layer to 100% > Select the image of this layer, not the mask.

  7. Use the Object Select tool to select the sky > Make sure ‘Hard Edge’ is ticked in the options bar.

  8. Select the mask of the city skyline layer > Press ‘Shift + F5’ or ‘Edit > Fill’ > Choose Black and make sure the Blend Mode is set to Normal and the Opacity is at 100% > Click OK.

  9. Press ‘Ctrl/Cmd + D’ to deselect.

  10. Mask out any other areas with the brush tool.

  11. Select the mask of the city skyline.

  12. Zoom in on areas that need refinement > Use the brush tool with black and white paint to hide and reveal parts of the image as needed.

  13. Use the Polygonal Lasso Tool to create selections with straight lines and fill these selections with black to neaten up straight edges as shown in the video.

  14. Group all layers apart from the Colour Fill 1 layer > Name group ‘man, river, city’.

Learn more about Opacity and Flow in Photoshop.

 
merging overlaying images

Merging the third photo

layers panel showing layer masks for merge photo process

Layers panel in photoshop showing layer masks added to the city skyline image.

refined merged photo

Refining the masks for merging photos

layers panel showing the merge photo layers group

man, river, city group in the layers panel.

 

Step 6 to merge photos: Add effects and reveal the eyes and ears.

  1. Group all layers apart from the Colour Fill 1 layer > Name group ‘man, river, city’.

  2. Add a Gradient Map Adjustment Layer. Make sure it’s above the ‘man, river, city’ group > Select a Gradient Preset that you like, for my example I use ‘Sepia 1’.

  3. Add a Curves Adjustment Layer. Make sure it’s above the Gradient Map layer > Create a RGB ‘S’ curve.

  4. Reveal the eyes – Select the mask of the river image > Select the Brush Tool > Choose Black as a foreground colour > Set the Opacity and Flow to around 20% > Set the brush hardness to 0% > Brush over the eyes to reveal them.

  5. Now do the same for the ears.

Want to find out more about using curves in Photoshop? Click here to watch our tutorial.

 
merged photo with additional effects

Adding effects to the merged photos

layer panel with adjustment layers added to the merged photos

layer panel showing the adjustment layers and masks

 

Step 7 to merge photos: Enhance the blending of the face.

  1. Select the man layer > Hold down the Alt/Opt key, click on the man layer and drag the layer above the ‘man, river, city’ group and below the Gradient Map layer. This will create a copy of the layer.

  2. Change the Blend Mode of the man copy layer to Screen > Take the opacity of this layer down to around 30%.

  3. Select the river layer > Increase the opacity of this layer to suit.

  4. Continue to change the opacity of the man copy layer and the river layer until you get a desired look.

  5. Reduce the contrast of the city skyline. Add a Curves Adjustment layer above the city layer > Clip the curves layer to the city layer > Adjust the Curves Adjustment layer to suit.

 
enhancing the blending of the merged photos of man and city skylines.

Enhanced blending of the face with further adjustments and blend modes

laye rpanel in photoshop with adjustment layers and curves,

Adjusting the blend modes when you merge photos gives a more impressive effect.

 

Step 8 to merge photos: Add a background and make refinements.

further mask refinements in photoshop layers panel

Layers panel showing the added background and the additional refinements.

  1. Group the man copy, Gradient Map and Curves layer > Name the group ‘effects.’

  2. Add a Colour Fill layer above the other ‘Colour Fill 1’ layer > Choose a colour within your image as the background colour > Select the mask of the ‘Colour Fill 2’ layer.

  3. Select the Brush Tool > Choose black as a foreground colour > Set a low Opacity and Flow > Set the brush hardness to 0% > Mask out this colour to reveal the white underneath and get a desired effect.

  4. Soften the edges of the foreground buildings (optional) – Select the mask of the city skyline layer > Select the Brush Tool > Choose white as a foreground colour > Set a low Opacity and Flow > Set the brush hardness to 0% > Paint over the edges of the buildings to soften them as shown in the video.

  5. Save as a .psd.

 
merge photos of man and city together using photoshop

This was my final result when I merged these photos together.

 

Conclusion

In this tutorial, we’ve explored the fundamentals to merge photos in Photoshop and create stunning composites. We’ve also touched upon a few other key techniques that you can use in your Photoshop workflow, such as blend modes, layers, masking and much more. If you wanted to learn more about these techniques in more detail, we have a dedicated course just for Photoshop, and you can find out more about that here.

Now that you’re able to merge photos in Photoshop and create your own composites, you’re only limited by your own creativity!


Like this? - Check out similar tutorials below


We hope you like the tutorial, for more, please subscribe to our newsletter below.

If there’s anything you want us to cover here at TSoP, please add it in the comments below, it gives us great ideas for new tutorials.