Facebook Twitter RSS
magnify
Home Basics Blend Two Photos Together
formats

Blend Two Photos Together

Learn how to blend two photos together.

blending images

One of the main highlights of Photoshop is the ability to blend photos and images together, using a variety of tools, such as Layer Masks. In this tutorial we will be learning how to blend two photos together with Photoshop.

Preparation:

Obviously the very first thing you need to prepare are your choice of images or photographs. Depending on what kind of image you want to portray, usually you will need a picture to be the ‘background’ and the rest to blend into the background.

This tutorial was done on Adobe Photoshop CS5. Other versions may vary slightly.


Step 1:

Open your background image by going to Menu Bar: File > Open > select image, or simply drag the image into the Photoshop workspace.

 

blending two photographs

 

Step 2:

Let’s add the image we want to blend in. Go to Menu Bar: File > Place > select image.

 

blending pictures

 

Step 3:

Your image should appear, in a transform state. Here, you will transform your image according to your preference, eg if you want it bigger, scale up, or smaller then scale down, or you can rotate it to match the background, etc. Right now we’re going to make the boat slightly smaller to make the waves look really big! Grab any one of the corners, and hold shift while dragging down (to keep the scaling in proportion). Press Enter when you’re done transforming it.

 

blending images together

 

Step 4:

Make sure the Foreground Color is black and Background Color is white. If it is not, simply click once on the canvas (the area that you’re working on. Which is the picture), and press D. This should reset them to their respective black and white.

 

gradient layer mask

 

Step 5a:

Make sure the second image layer we placed is selected.

Step 5b:

Click the Layer Mask Button.

Step 6:

Click the Gradient Tool. If its the paint bucket tool, hold for more tools and select gradient tool.

Step 7:

Select gradient style shown in the example above.

Step 8:

Make sure the layer mask is selected as we want to put the gradient on it.

Step 9:

Click and drag on the image to apply the gradient. It doesn’t matter how you drag or how it looks now because we’ll be editing that in a second. Just apply the gradient once and let’s move on to the next step.

 

Step 10:

Now select the Brush tool. Again, hold down for more tools if it isn’t the brush tool.

 

blending images photoshop

 

Step 11:

Select a large soft-edge brush from the brush drop-down menu.

Step 12:

Okay here’s where we edit the image blending. Using the brush tool, paint over the parts of image where you want to edit. What color your foreground and background is will determine what happens.

Foreground Color Black = Reveals more of the background, and ‘erases the front image’.
Foreground Color White = Reveals more of the front image and ‘erases the background’.

So right now I will be using Foreground Black to paint around the boat to remove everything except the boat.
Then I will swap to Foreground White, and paint inside the boat and anywhere else I want to show. Adjust your brush size accordingly, you might need to decrease the size to get into the smaller harder-to-reach places. If it is not working make sure the layer mask is selected, not the image. See the example below. Make sure the layer mask (the right box in the speedboat layer) is selected. The reason is that you’re painting over the gradient layer mask. If you did not select the layer mask, you find that you will be painting black and white on your pictures itself!

 

blending pictures

 

Once you’re done, you should get a nice blended image like this!

 

Blending photos together

 

 

Another example of a Photoshop I did for fun for my friends who are getting married soon! A simple ‘hand-heart’ sign faded over a nice background. Lotsa of gradient layer masks into play here. Also added the ‘fake sun’ by inserting a lens flare.

 

 

 

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn
3 Comments  comments 
  • http://twitter.com/bloggauta Jose Antonio

    Congrats Matthew..!!, clearly and accurately teach you step by step method. I’m a fan of this method, and now, a follower of your explanations. Greetings from Venezuela, a hug, thumbs up.

  • nisha

    thanksss…

  • http://alisyed88.tumblr.com/ Syed Ali

    I have just created quick and smart Video Tutorial. That how you combine two images in Photoshop.
    Here is the link: http://www.youtube.com/watch?v=ijST98XBcqg

    You can Subscribe my MY Channel For more Tutorial videos