How to Merge / Blend Two Images in Photoshop

how-to-blend-images-photoshop-featured

If you’ve ever wanted to learn how to merge two images in Photoshop, this guide will show you three fairly simple and fundamental techniques you can use to combine images creatively.

As with most tasks in Adobe Photoshop, there are several ways to achieve the same outcome. Some of these will fit your specific needs better than others, so experiment a bit and see what works best for the final creative result you want.

It’s also possible to combine two or more of the options below together to create a more complex photo composition. We actually explain how to do a basic version of this for methods 2 and 3 below.

Also note that the following techniques have been arranged in order of difficulty from more complex (and powerful) down to the simplest, though the basic photo joining steps described in Method 1 (Layer Masks) apply to all three photo merging options.

Alternatively, if you don’t have the time or inclination to use Photoshop on your desktop, there are also phone app options available for both Android and iPhone that allow you to do a quick creative blending of two photos.

Method 1: Use a Layer Mask

How to guide tutorials for how to merge images in Photoshop.To start things off, let’s look at Layer Mask. This is probably the most versatile and popular method of merging two images in Photoshop. It also comes with the benefit of letting you manipulate exactly how and where two images blend together.

With the other two techniques we’re going to cover below, this last trick isn’t quite as easy.

You can actually do a ton of stuff with Layer Mask, and to cover all of it would mean a whole separate tutorial just for this specific method, so here we’ll focus on the essentials for understanding this process easily.

Layer Masks basically control the transparency of a layer, but with one very useful twist: instead of a whole layer being given a certain level of transparency, the Layer Masks method lets you apply it at different levels across different parts of an overlaying (layered) image.

This is done by using black and white gradients. If you fill part of an overlying layer with white, it will remain visible, and if you fill it with black, it will be concealed to show the background image

Basically, you can use masks to hide and show parts of both superimposed images very selectively. Here’s the step-by-step process:

Step 1: Select a background image and a top layer image that you want to merge together. It’s important that both images have the same size and that they both use the same color space option. Open both of them in Photoshop.

Step 2: Now that you’ve opened up both images, you’ll see their respective tabs along the top of your Photoshop window.

To make your photos merge, all you need to do is click the Move tool on the left icon menu, and click the image you want as the overlay.

Holding down the left mouse button and the shift key while dragging, move it over the image that will be your background and then release. Holding the shift key centers the image.

How to combine images in Adobe Photoshop example

Step 3: Now you have two layers in the same image tab and it’s time to add the Layer Mask.

You can do this by moving down to the layer mask button at the bottom of the layers panel where your two image layers are listed on the lower right of the screen. It vaguely looks like a little camera icon (with a hollow circle in the middle of it).

Click on it and you’ll see a white Layer Mask square form next to your layer image icon in the layers panel.

You now have a transparent Layer Mask between your two pictures. You can also change which image you want to use for the overlying image by clicking it and moving it up or down after unlocking whichever image was set as the default background by Photoshop.

Now, select the Gradient tool at the left of the Photoshop screen.

Create a new layer mask on your top layer

Step 4: Making sure that the blank layer mask box next to your overlay image is selected, you can now merge by selecting the gradient tool (on your keyboard press G for quick access).

Before you do this though, at the bottom left of the Photoshop screen, you’ll note two overlapping boxes, one white and the other black. You can make white or black be at the forefront by pressing either D or X on your keyboard and switching whenever you like.

Choose the Adobe Photoshop gradient tool

Step 5: With the gradient cursor tool, simply click at the edge of any part of the overlay image you want to replace with the background image, and then while still holding the mouse button down, drag the gradient line along until you’ve reached where you’d like the overlay image to remain, then unclick.

Remember to make sure that your foreground box (lower left corner) color is set to black so that the underlying image will appear as you play with gradient.

Hold down the mouse as you drag the gradient across the area then let go

How to combine images in Photoshop

Step 6: You’ve just mastered the basic art of using a layer mask with broad gradient shifts. To make it more precise, you can do one more very useful thing.

Instead of using the gradient tool, select the brush tool on the left panel of Photoshop, and at the top of the screen, set the brush thickness and hardness (lower hardness means a more soft-edged brush stroke).

You may use the brush tools to paint an object into or out of your composite image

You can then use this brush tool across your overlay image to more specifically remove parts of it and show the underlying image, or undo any mistakes by reverting to black with white in the foreground, (Pressing D or X to switch the two little boxes in the lower left corner) and re-revealing the overlay image.

Congratulations, you’ve just learned how to use Photoshop layer mask merging in two different ways.

Method 2: Use a Blend Mode

Sample image for how to combine images in photoshop

With Blend Modes, two images are layered together and you adjust the transparency of one or the other to make elements from both appear as parts of the same image.

In other words, Blend Modes are a broader method of merging images in Adobe Photoshop, but can be very useful for a quick job.

Step 1: Just as we described above for the first method, open two photos that you’d like to merge.

Choose blend mode in pictures for photoshop to merge

Step 2: With both photos open, you can now drag one image over the other just as we instructed in method one above. Once these images are layered, you can change which one you want as the overlay image just by switching around the two layers in the Layers panel (whichever one is the top layer will be your overlay).

Step 3: With your overlay image selected, you can pick from any one of numerous blend mode options in the Layers tab on the right, right next to the Opacity slider. Play around with any of these options to see which one creates the best results.

You can also modify opacity for either of the two photos by moving the slider left to right.

Step 4: You can also cycle through the Photoshop blend modes with your keyboard for quicker workflow by pressing V on your keyboard to activate the move tool, and then holding down the Shift key while pressing the + or – keys on your computer to scroll up and down.

How much the colors show through depends on the mode you choose

Bonus step: It’s perfectly possible to layer more than two images together and adjust both Blend Modes and Opacity or Fill (see below) between all three of them one by one until they combine in just the right way for you to like the end result.

This is a bit more complicated because it means you’ll have a larger range of composition elements and objects, and you’ll have to make sure they don’t crowd into the complete composition. If you want to try it, however, the editing process in Photoshop is just the same as for two pictures.

Congratulations. You’ve just learned how to combine images together into a new composition using this method. Now let’s move onto adjusting opacity and fill with your Blend Modes and layered images.

Method 3: Use Layer Opacity

Layer Opacity options are even simpler to use than Blend Modes, and in fact, the two can be smoothly combined to create a more fine-tuned photo overlay. Basically, Blend Modes and opacity options go side by side as ways to combine images in Photoshop.

What Layer Opacity lets you do is change the opacity of the overlying layer image so that it’s only partly visible on top of the background image. The reason that Opacity works with Blend Modes is that the visual result it creates will vary depending on which blend mode you applied to the image layers first.

Both Blend Modes and Layer Opacity cause one image to become visible over the image below it, but Layer Opacity increases or decreases the transparency of the overlying image. Here’s how it’s done:

Step 1: Open up two images in Photoshop just as we described in the steps for Layer Masks, and then join the images as layers in the same way we described under our Layer Masks section above.

Altering the opacity as a way to combine images in Photoshop

Step 2: Now that you have your images in layers, with one as the background and the top layer as the one you want to merge over, you can select the top layer by clicking on its thumbnail in the layers panel and play with its opacity.

This is located just to the right of the Blend Modes box in the lower right panel in Photoshop, and can be changed with a little slider that goes from 0% to 100%.

Step 3: You can adjust the overall look of your merged images by selecting different Blend Modes and then playing with the opacity level while any of them is active on the layer you’re editing.

Experimenting with these two options lets you create a composition that you’re most happy with.

Steps for how to combine layers to create art

Remember that an image layer locked as Background can’t be edited – you have to first unlock it by clicking on the padlock next to its thumbnail so that it becomes just another editing layer.

Step 4: Right below the Opacity slider, you’ll see another slider for Fill. This also changes opacity but in a slightly different way: While Opacity creates different effects depending on the Blend Mode it’s reacting with, Fill will change the absolute opacity of the pixels and shapes in the overlay layer that you’re editing over the background.

Change opacity and fill to combine layers

Bonus step: You can also apply the Layer Mask merging process described in Method 1 to two or more images that you’ve been editing with Opacity/Fill layers and Blend Modes. This mix of methods can be useful in creating a composition that’s more smoothly merged among multiple images.

It’s also great for making large areas of one whole layer disappear via layer masking. You can also add Layer Opacity that we cover in our next step to Blend Modes with Layer Masks.

Here’s one example of a three-layer photo merge that I created using all three above methods.

You can add layer mask to refine your composition

Final Words

The three above photo merging techniques for combining images in Photoshop can be used to merge images together into many different compositions.

We’ve covered only the essentials of understanding each of them and joining together all three techniques, but there’s an enormous amount of room for experimentation beyond that.

In other words, now that you understand these fundamentals, just have fun and explore.

Grab two or more images, make sure you don’t save anything to the original copies, and start seeing what kind of new art you can create from mixing ordinary pictures together.

Stephan Jukic is a technology technology writer and experimental photographer who spends his time living in both Canada and Mexico. He also loves cross-cultural street photo exploration.

Leave a Comment





mark-shotkit

WELCOME TO SHOTKIT

Enter your email to be sent
today's Welcome Gift:
19 Photography Tools