Skip to main content

Blending photos together Photoshop Layer Masks Tutorial

 

How to blend pictures together in Photoshop

A really powerful tool for collaging and compositing in Photoshop is layer masks. When we want to combine photos, we combine layer masks and gradients, it’s laughably easy to create stunning looking composited that are actually very easy to do. Check out this tutorial to get your creative motors running.

Step 1

First thing you will need is 2 images that will blend together nicely.

Make sure they are both in the same resolution (72 dpi for the web) and color-space (RGB in this case). Open both these documents in Photoshop.

These images are from Adobe Stock

blend-01 blend-02

Step 2 Combine the 2 images together

We will want to combine both images into 1 document.  Choose the Move tool from the left toolbox: “V” key.

(CS6 and CC)If you have the application frame on (shown),

Put your curser in the middle of the first image. Click-hold-Drag into the tab at the top for the second window as shown with the arrow below, (don’t let go yet) Wait for the image to come to the front. Drag and release in the middle of the new document to combine the two images into one document.

If you are on earlier version of Photoshop without the application frame: Drag one image into the other window and a new layer will be created automatically.

Tip: To center the new image in the window hold down the Shift key while dragging.

blend-03

(If you are stuck, I have made a beginners tutorial on how to combine photos in Photoshop here)

Step 3

blend-04We will now have 2 layers in the same document

We will add the Layer Mask

Click on the add layer mask button

This will create a new layer mask. A layer mask is transparent. When you paint black into the mask it allows the image underneath to show through. Where it is white, the underlying layer will be hidden.

Step 4

Press the “G” key to select the gradient tool. Make sure the foreground and backgrounds are set to black and white. “D” key. Select linear gradient and foreground to background.

blend-05

Now drag the gradient across the image.

blend-06

blend-07

Step 5

You will now see the two images blend together and the mask will have a gradient in it as shown

blend-08

blend-09

You can see the gradient in the layer thumbnail and the result on the image. Where it is white, the top image shows and where it is darker the back shows through. Experiment with different angles and start and end positions. Because a mask is non-destructive, you can experiment as much as you like with different gradients in the mask,

blend-10 blend-11

Step 6

EXTRA CREDIT!

Try changing the blending mode to something different for a different result, in this case I liked what Screen mode did to the feel of the image.

blend-12 blend-13

Step 7

You may also use any of the brush tools on the mask. Black will “paint away” the image and white will “paint it back”. Use a soft brush for best results.     

blend-14 blend-15

I hope you enjoyed this tutorial and let me know in the comments  if you want more on collaging and compositing techniques. This is one of my specialties. I am adding new tutorials here at photoshopCAFE every week!

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

Photoshop Shapes – Add, Subtract, Intersect and Exclude

’ve gone ahead and created a new Photoshop document, with white as my background color, and I’ve used the Ellipse Tool to draw a single circular shape (I held down my Alt (Win) / Option (Mac) key as I was dragging out the shape to force it into a perfect circle): A circular shape drawn with the Ellipse Tool. If we look in my Layers panel , we see that my document currently contains two layers – the white-filled Background layer on the bottom and the Shape layer (Shape 1) for my shape directly above it: The Layers panel showing the Shape layer sitting above the Background layer. With the Ellipse Tool still selected, I’ll draw a second similar shape partly overlapping the original: Adding a second shape to the document. By default, Photoshop assumes that each time we draw a new shape, we want to draw a separate, independent shape, and it places the new shape on its own Shape layer. If we look again in my Layers panel, we see that I now have a second Shape layer (S...

How To Create Simple Cover Art Design in Photoshop Photoshop Tutorial

                              Art Design in Photoshop   Photoshop Tutorial