How To Put One Picture On Top Of Another In Photoshop

You’ll need to put one picture on top of another at some point in your design career. You can do many different things, like adding effects, making composite photographs, using multiple exposures, and creating collages.

To do this, first, you must determine which picture you want to put on your base image. Then you can place the foreground picture by simply dragging it from another location onto your Photoshop work. You can also use the Copy and Paste functions to do this.

Keep reading below for more information. 

How To Put One Picture On Top Of Another In Photoshop

You can put one picture on top of another in Photoshop by following the simple steps in this section.

For more information on this topic, watch the video below:

Step 1: Select Your Pictures

Depending on how precise you need to be with the fine-tuning, this can take a while. But the majority of the time, it goes quite quickly.

The hardest part, in my opinion, is choosing the ideal image for the overlay. It becomes more difficult as you try to visualize putting numerous photos on top of one another. However, this approach is innovative and enjoyable because of the almost limitless possibilities!

Step 2: Add the Top Image

  1. Open Photoshop and begin with your background image.
  2. You can accomplish this in a few different ways. Pick up the overlay picture and place it right on top of the underlying image (from a folder or another location). It’ll appear as a fresh layer.
  3. The overlay picture may also be opened in Photoshop independently. To copy a picture, use Control + C (Command + C) after selecting the whole image with Control + A (Command + A). To paste it, return to the base picture and press Control + V (Command + V). It will once again appear as a new layer.

This technique proves to be quite useful when you simply want to use a portion of the overlay picture.

Step 3: Choose a Blending Mode

The current result obviously won’t work, as the upper layer entirely obscures the image underneath. One of Photoshop’s 27 blending modes may be used to combine the two images seamlessly.

  • To set the blending mode, choose the top layer and select the box (which shows Normal by default).

Knowing how every one of the blending modes in the menu that will display works is a complicated subject that is outside the scope of this tutorial. Photoshop will provide a preview when you hover your cursor over each type to get an idea of how it operates.

  • For this tutorial, we will choose Screen. With this blending setting, the image’s brightest areas are preserved while its darkest areas are blurred.

Step 4: Resize and Position

If the actual picture is larger than the overlay, you need to enlarge it since you want it to fill the entire image. Occasionally, you might want it only partially to cover the original image. The procedure is the same, regardless of your requirements.

  1. Press Control + T (Command + T) to launch the Transform tool while the top layer is chosen. The layer will be surrounded by a box with squares in each corner. To alter the size of certain boxes, click and drag them.
  2. Additionally, you may flip a picture horizontally or vertically by right-clicking on it and choosing the relevant option.

Step 5: Edit the Picture

You can make a few modifications in case the top layer is a touch-distracting.

  1. Start by removing the overlay from some of the image’s areas. This will serve to bring the viewer’s attention to the subject rather than distract from it.
  2. To do this, you must make a mask and remove the top parts from the desired areas with a brush. Click the “mask” option at the end of the Layers panel while the top layer is chosen. The top layer will then show a white mask.
  3. You may choose a brush by pressing B on the keyboard or choosing the Brush tool from the toolbox on the left.
  4. You can now use black as the foreground color when painting over the regions where you wish to take the overlay off. Gently remove the most distracting portions of the top layer since you don’t want to remove too much of it or it will appear out of place.
  5. The effect could, however, be a little too intense. In that case, reduce the layer’s opacity by altering the percentage in the opacity box to correct it. 
  6. For this tutorial, we recommend you set it to 65%.
  7. Add a final touch by slightly modifying the color to resemble the original image. Select the adjustment layer button at the end of the Layers panel. It looks like a circle that is just partially filled. Next, select Hue/Saturation.
  8. Clip the adjustment layer to the overlay layer in the window that appears. This will instruct Photoshop only to make the alterations to the picture that is on top. Then tweak the hue, saturation, and lightness sliders until you arrive at a design you prefer.


And there we go. This tutorial showed how you can put one picture on top of another in Photoshop and even blend them. It’s a simple skill that you must learn if you want to create amazing designs. Happy editing!