How to Blend Two Images Together Using Photoshop

In this tutorial I figured I'd show people how to blend two images which have backgrounds that are similar in color. In such situations this a technique worth knowing because it's easier and faster blending an image with a background than it is changing the background of an image in Photoshop.

In the video below you can see how I did it and beneath the video, you will find the written tutorial. Note that while I am using Photoshop CC for this tutorial, older versions such as Photoshop CS6 and some other older versions, will also work.

Can't view the video? Watch it on YouTube

Prepare the canvas:

Open up the image that you'd like to merge with another image. Keep in mind that this is the image that will act as your background. After opening the image, unlock the layer if it's locked.

Unlock layer

Give the layer a name or leave it on default. In the video, I left it on the default name.

Name the unlocked layer

If your image doesn't have enough empty space to fit in another image, simply enlarge the canvas. In the video I had to make the canvas wider. I did this by going to "image > canvas size".

Edit canvas size

Enter in the new size of the canvas. In the video to make it wider, I entered 200 percent for the width and left the height the same. As for the anchor, I clicked on the left arrow because I wanted the left side preserved and only the right side widened.

Note that these measurements don't have to be exact because you can always crop the image later. Rule of thumb, always go larger in size.

Enter size

Below you can see how my canvas looked after I made it wider.

Wider canvas

Paste the second image into the canvas:

Now open the image that you want to paste into the canvas and click the rectangular marquee tool icon in the left tool bar which looks like this Retangular marquee tool icon

Now select the image using the rectangular marquee tool.

Select image

Now go to "edit > copy".

Edit copy

Go to the image that will serve as the background and go to "edit > paste".

Edit paste

After I pasted my image, it looked like this:

Image pasted

I then enlarged the image by scaling it. I went to "edit > transform > scale".

Scale image

To preserve the aspect ratio of the image, I held down the shift key on my keyboard while pressing and holding down my left mouse button and dragging. After positioning the image where you want it, simply double click on the image for the changes to take effect.

Image scaled

Erasing away areas in the image that you don't want:

Now click on the brush tool icon in the left toolbar which looks like this Paint brush tool icon

Now adjust your brush size to what works best for you. I used a soft round bush on the image.

Choose brush size

Now select the top layer in the layers window and click on the "add layer mask" icon at the bottom which looks like a rectangle with a circle in the middle.

Add mask

Now click on the "set foreground color" icon in the left toolbar to choose a paint color Paint icon

In the video, I chose black paint which is the hex color code #000000.

Choose black paint

Now paint away the areas which are close to the parts of the image that you want to keep. Just try not to paint too close to the areas that you want to keep because on those areas we need to lower the opacity so that they blend better with the background.

Paint over areas

Restoring areas that you accidentally erased:

If you erase away areas that you want to keep, simply click on the "set foreground color" icon Paint icon

And choose white paint. The hex color code for white is #FFFFFF.

Choose white paint

Then simply paint over the areas that you want to restore as shown below:

Restore areas

If you'd like to reposition your top image, simply click on the move tool icon in the left toolbar and move it to the desired location Move tool icon

In the video, I decided to move the picture of my female model closer to my male model as shown below:

Move image

Blending the two images together:

Simply grab your brush tool again Brush tool icon

And lower the opacity of the brush and select the "set to enable airbrush capabilities" icon since this allows you to control the paint flow based on how long you keep the left mouse button pressed while painting.

Lower opacity

Click the set foreground color icon again Paint icon

Choose black paint as shown in the image below:

Choose black paint

Now simply paint over the areas that you want to remove. As you can see in the image below, this is the technique that I used when I started getting closer to the parts of the image that I wanted to keep.

Paint over areas

Since there will be areas of the image left over due to the low opacity, we will need to blend those parts away by raising the opacity level a bit higher. In the video, I had the opacity at 90% which worked great for blending the top image with the background.

Raise opacity

As you can see, it all looked pretty good except that I needed to get closer to the dress. So I erased a little more by the dress... Since I erased a little too much by the arm and by the feet, I decided to restore those areas.

Paint over areas

So to restore the areas, I used a smaller brush head because I didn't want to restore too much.

Decrease brush size

I then changed my paint to white once more so that I could restore the arm.

Choose white paint

And painted over the arm.

Restore areas

I then selected the crop tool from the left toolbar Crop tool icon

And cropped the image to my liking.

Crop image

Once completed, my image looked like this:

Cropped and completed

Add new comment