The Ultimate Photoshop Resource

Customer Support
Blending photos together Photoshop Layer Masks Tutorial

Collaging – Merging 2 images with a layer mask. This is a very requested technique and will be the first in our series on creating collages and montages. You will learn how to seamlessly blend 2 images together, using the layer masks.

compositing

Blending photos together Photoshop Layer Masks Tutorial

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.

Here is a video for you to watch. There are more details in the written tutorial on this page too, so check that out for sure!

For you long-time CAFE crew, this used to be the old tutorial with the lame looking clock and keyboard. Like almost every tutorial on the CAFE, I have completely rewritten it. Why? First of all, Photoshop has progressed and so have I. I now have better techniques and faster ways of doing things than I did 10 years ago and I’ve developed as an artist and photographer, and want things looking current. Yessir, the new PhotoshopCAFE is back, and fresh!

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

We will want to combine both images into 1 document.  Now select the move tool “V” key.

Drag one image into the other window and a new layer will be created automatically.  If you have the application frame on (shown), drag into the tab at the top for the second window, drag and release in the middle to combine the two images into one document.

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

blend-03

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! Sign up for our newsletter so I can tell you when I  add new tutorials. You will also get some goodies like the super guide and some free presets. If you are already a subscriber, don’t worry, you will automatically get all our freebees as they come out.

What next?

 

skyCityProject

Compositing in Photoshop: Sky City Project

I have been asked countless times for more in depth training on Compositing, layers, masks and blending photographs. I did it! 2 hours of video that will show you exactly how to build stunning composites in Photoshop. What I have learned in 18 years, revealed here.

Colin builds a real-world compositing project with you. The great thing about a project is that nothing is skipped in the workflow. This is where you put together everything that you have learned about Photoshop.

img9img10

You will learn how to combine different photos together to create a piece of art in Photoshop. You will learn different ways of extracting photos from the background and how to seamlessly blend them all together. You will learn how to add atmosphere, and cinematic coloring and implied lighting.

See everything that you will learn here

“Great tutorial even for beginners and as a beginner, I can honestly say he made it easy to keep up with him. Colin walks you through and explains EVERYTHING. I can’t recommend this enough! If you are on the fence stop here and just buy it. You wont be disappointed.”
-Audrey (Compositing in Photoshop / Sky City Project)

 

How to get free gifts (really, free) from us.

All the CS6 information and more is available as a PDF magazine called the CS6 Superguide. If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free. Or click the image below.
(You will have to authorize your email address because we won’t spam anyone.)

Colin Smith

Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe

More Posts

Popular Premium

Colin Smith

About Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe

  • http://www.photoshopcafe.com/ Colin Smith

    Completely updated this tutorial on combining and blending photos to create composites and collages.

  • Cosmin Savenco

    Hello , please help me , i don’t know what i’m doing wrong but whenever i try to use the gradient tool on the layer mask it just doesn’t do anything !!

    • http://www.photoshopcafe.com/ Colin Smith

      I just uploaded a video on this tutorial page. See if the settings on the video help ypu

  • suruha

    Great tutorial! You instill a sense of confidence in me when I watch. Thank you for both!
    Su

    • http://www.photoshopcafe.com/ Colin Smith

      Confidence is a big step in mastery, so I’m happy to hear that!

  • http://www.petermain.com Peter Main

    …great tutorial (as always). Would really like to learn how to organize my fonts into familys..serif, sans, decorative, scripts etc. Much time would be saved looking for fonts if able to have folders to arrange them in. I speak of using this in PSCC. I thank you.

    • http://www.photoshopcafe.com/ Colin Smith

      Hi Peter. Good to see you here! This is possible using a font manager such as Font Agent Pro. I’m not sure this is possible with Just CC alone. I will look into it though.

      • http://www.petermain.com Peter Main

        Colin I thank you greatly.

  • Mike Gaskin

    This is probably the best tutorial on blending I have had the privilege of watching. Please keep up the good work

    • http://www.photoshopcafe.com/ Colin Smith

      Thanks Mike, I appreciate the kind words

  • Ken Garrard

    “Open both these documents in Photoshop.” So as a complete beginner I have failed even before the first hurdle on this tutorial. It won’t let me open a second document?

    • http://www.photoshopcafe.com/ Colin Smith

      file>open

  • http://www.clippingpathexperts.com/ Tanvir Islam

    this one of the best blending tutorials i’ve ever seen.. thank you very much …

  • Mariflor Blaser

    Hi. I am a newbie in Photoshop and it was really easy to understand your tutorial. Keep up the good work and thanks

  • http://www.adeptclippingpath.com/ Shahana Akter

    Very helpful tutorial. Glad to see your easy work.

  • Jeansica Risha

    cool, very helpful

  • Ed Mehrzad

    Awesome tutorial, best I’ve seen on this subject, very easy to follow and understand, Peter you are a great teacher. cheers. Ed

    • http://www.photoshopcafe.com/ Colin Smith

      Thanks Ed

    • http://www.photoshopcafe.com/ Colin Smith

      oh, and my name is Colin, but thanks 😉

  • Genesis M

    Trying to drag the images over into the other and it just won’t work.. help me please,

    • http://www.photoshopcafe.com/ Colin Smith

      Can you please elaborate a little bit on “wont work” what’s happening, (or not happening)?

      • grace snider

        i have the same issue. i opened them both separately and when I pressed “V” and tried to drag, nothing would happen. I would drag it and let go, but when I clicked on the other tab where I dragged it, nothing changed/happened

        • http://www.photoshopcafe.com/ Colin Smith

          There are 3 steps.
          1. (V key) move tool, click on the image in the document window (not layers panel)
          2. Drag into tab, with for the new window to open
          3. Move pointer into the new (destination) document window and release in the middle of the image

          Don’t let go of the mouse button until you have finished all 3 steps

          • David

            Even with your extra explanation this part is not explained as clearly as it could be. I mean, I did figure it out, but it could be asked: where is the V tool? What does “with for the new window to open” mean? In Step 3 in the article, where to find the Add Layer Mask button is not specified. Also, you can in fact let go of the mouse button after selecting the Move tool. One other point: once you’ve made multiple layers it seems to become problematic to save the file in accessible formats, other than .psd.

    • WriterLady

      It’s easy to get around this. Just go into one window, Select All, and Copy. Go into the other window and Paste. It should automatically make a new layer, and then you can rearrange the layers as you like.

  • http://clippingpathking.com/ Enamul Hoq

    hi Colin Smith,
    your post is really authentic and helpful thanks for sharing with us.

  • SimraN NanwanI

    Thank you.. That was very helpful!

  • Tanya Owens

    I have CS5.5 can I do this with that version?

    • WriterLady

      I have 4 and it worked for me!

  • http://www.clippingpathexpertsbd.com/ Salim Ahmed

    It’s a awesome layer mask tutorial. Now i’m expert to creating layer mask in photoshop.

  • Peter Limo

    Hi, thanks a lot, this has really helped me. I have a problem with making a photo smoother especially faces and arms or areas on photos that needs to be smoother… Can you help?

  • http://www.adeptclippingpath.com/ Taposy Rabeya

    Great tutorial of Photoshop layer mask. Thanks to share your technique with us.

  • http://totaltren.com totaltren

    thanks you photoshop cafe, your tutorial make me easy to completed my job …