How to combine different images and blend layers in Photoshop 5 ways

Colin Smith

Subscribe on YouTube:

I’m going to show you how to combine images inside Photoshop.

Watching the video will help you follow the steps easier, especially when we are blending the layers.

Download the lesson images here

I’m going to show you multiple techniques to get those images into Photoshop and get them into different layers on top of each other. And then I’m going to show you a couple of different ways of how to combine those images into a composite using selection’s and another way without selection’s.

How to combine images in Photoshop: First way

I’ve heard from some people. They want to know how to get images in from scratch. Choose file>open navigate to your images, (you can select multiple images at once ), click open.

Finder with rooftop.jpg and building.jpg selected among four image files

We have the images in different documents. Now I’m going to show you how to combine them into one document.

With the move to selected click and hold on the image you want to combine, drag it into the tab of thesecond image. Don’t let go yet. That’s the key.

Dragging the rooftop photo of a woman sitting on a ledge to another document tab Rooftop image dragged onto the city skyline document tab in Photoshop

The image will open, move to the middle of the image. Notice the cursor right now is black. That means that it’s loaded with something. Hold down the shift key and this will drop it in the center. Now release. And now we’ve got both of these images on 2 layers. Repeat the steps if you want to add more images. In a moment, I’ll show you how to merge these, but first of all, I want to show you another way to bring them in.

Layers panel with the rooftop photo on Layer 1 above the skyline Background

Method 2: getting images into Photoshop layers automatically

Choose file>Scripts>Load files into stack.

This dialog box is going to open. Choose browse. This will take us back to our browser.

Load Layers dialog with the Browse button highlighted

Select 2 or more images.

File browser with girl.jpg and cybercity.jpg selected

Click open.

Notice that this method loaded both the images onto seperate layers automatically, whereas the first method just opened them.

Layers panel with cybercity.jpg and girl.jpg loaded as separate layers

Method 3 Combining open images.

Choose file>open

Choose your images.

Now we’ve got two images open that we want to combine.

Choose file>scripts>load files into Stack. And this time choose add open files. A new document is created, and all the open images are loaded into layers.

Load Layers dialog with rooftop.jpg and building.jpg listed and Add Open Files clicked

Layers panel with rooftop.jpg and building.jpg stacked as layers

4th method, using panes

Choose window>arrange>four up.

Window > Arrange menu with 4-up highlighted

What this does is opens these images inside different panes.

Four images open in separate panes in the 4-up layout in Photoshop

To combine the images, click and drag between panes.

Dragging the woman photo from one pane into the neon sign image

Now if you just want to go back to Tab’s, it’s quite easy. Choose window>arrange>consolidate all to Tabs.

Layers panel with the woman on Layer 1 above the neon street Background

Blending the Layers together in Photoshop

1. Using selections (Images of person on rooftop and city.)

(Image downloads at top of page)

Choose your layer of the person, we need to resize it. Ctrl/Cmd+T for free transform.

Free Transform shortcut tip, Cmd+T on Mac and Ctrl+T on Windows

Drag a corner to resize.

Rooftop layer resized with Free Transform over the city skyline, extra canvas showing

Looks like we have some extra in our canvas. How do we get rid of this transparency? Simple choose image>trim and click transparent pixels and it trims down to just what we want.

Trim dialog set to Transparent Pixels with all four sides checked

Rooftop photo of a woman sitting on a ledge above a hazy city, over the skyline

We need to remove the background on the top layer. Grab the quick selection tool and just drag around outside the rooftop. If you go over, hold the alt/option key and drag to add to selection..

Quick Selection Tool chosen from the toolbar flyout

Quick Selection around the hazy sky above the rooftop ledge

Hold down the alt/option key and click on that layer mask and that hides the background.

Add layer mask button at the bottom of the Layers panel Layers panel with an inverted mask hiding the hazy sky on rooftop.jpg

Woman sitting on a rooftop ledge composited over a city skyline at dusk

For realism blur the background a little bit. Select the background, choose filter>blur>Gaussian blur.

Gaussian Blur dialog with a radius of 1.8 pixels for the city background

Final rooftop composite with the city lights slightly blurred behind the woman

That’s the first one, let’s look at the second one

How to Blend Layers in Photoshop Using Brushes

This time we will use the woman touching the screen and the cyberpunk city (Image downloads at top of page)

Layers panel with the woman photo on Layer 1 above the cyberpunk city Background

Press Ctrl/Cmd+T for free transform. Drag the corner handle and resize and reposition the person. Hit enter to apply.

Resizing the woman touching a glowing screen next to a neon sign

Now we want to semalessly blend the layers together.

Woman photo placed beside the neon storefront with a hard edge between them

Create a layer mask by clicking on the layer mask in the layers panel.

Layers panel with a white layer mask added to Layer 1

Grab a brush. Make sure the foreground is black.

Brush tool selected in the Photoshop toolbar

Turn the hardness all the way down (soft brush) and make it nice and big.

Brush picker with Soft Round Pressure Size at 900 px and 0 percent hardness

Paint on that edge and it’ll create a soft edge.

Painting the mask edge to blend the woman photo into the neon street

If there’s some areas here you want to tighten up a little bit, then just hit the left bracket key to make it a little bit smaller. Flip the color to white. And just paint in those areas that you want to keep.

Final composite of a woman reaching toward a glowing screen beside a neon sign

You can see it’s really quite easy to combine images inside of Photoshop

Great to see you here at the CAFE


Follow along for more tips

Recommended for this tutorial

Learning Layers in Photoshop.

Understand layers, masks and blend modes, the foundation of everything in Photoshop.

$54.99 · one-time purchase · instant download

Photoshop Vault: free Layer Blend Modes ebook, actions, brushes, presets and cheat sheets

Free for you

The Photoshop Vault

Get my free Layer Blending Modes ebook along with dozens of exclusive Photoshop goodies: actions, brushes, presets and cheat sheets.

You're on the list, so your free goodies are waiting for you in the Vault.

Get Free Photoshop Goodies Open the Vault

7 comments

  1. Ian Edwards

    Having the words to refer to after watching the video is a terrific aid. Too often I have to replay parts of the video to be sure of something but having the text gives me a permanent record of what you did. Please supply the words whenever your time allows. Really helpful. And the cursor doesn’t fly all over the page either. Many thanks.

  2. StephenHodgson

    Just to concur with Ian otherwise I find myself running the laptop with the lesson whilst I practice on the desktop.
    Great idea.

  3. Thank you, I have no dought your tutorial is excellent but I was unable to get the result to look seamless. I have chosen two images both with water. I want to float an object from one photo to another. It still does not blend. Any other tips please.

Leave a comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Copy link