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, its laughably easy to create stunning looking composited that are actually very easy to do. Check out this tutorial to get your creative motors running.

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 Ive 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 Dollar Photo Club.

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 or forums if you want more on collaging and compositing techniques. This is one of my specialties.

CS6 Superguide

All the CS6 information and more is available as a PDF magazine called the CS6 Superguide. If youre on our list, you will receive it free by email as soon as its available. If not, sign up now and get the CS6 Superguide for free.

{user-firstname}, you are already a member of the list
Oops. Something went wrong. Please try again later.
Please provide a valid email address.
Thank you, your sign-up request was successful! Please check your e-mail inbox.
Please complete the CAPTCHA.
Please fill in the required fields.

superguide-button

 

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. Hes been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. Hes 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


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, its

How to use a Layer Mask in Photoshop to blend images
How to blend two images together in Photoshop. How to blend two images together in Photoshop. News. Latest News How to use a Layer Mask in Photoshop to blend images.

Photoshop Elements tutorial: Blending images with layer masks | lynda.com
This tutorial shows how to use layer masks, along with the Gradient tool and the Brush tool, to blend two images together in Photoshop Elements 11. Watch

Photoshop Tutorial: Blending Two Photos Together
Photoshop Tutorial: Blending Two Photos Together - How to use Photoshop's Layer Masks to merge two images side by side, edge to edge. Posted : 15 Feb 2012 12:00AM by

Blend Photos Like A Hollywood Movie Poster - Photoshop ...
In this Photoshop Effects tutorial, were going to learn how to blend photos together like a Understanding Layer Masks In Photoshop; Blend Photos Like A

Learn how to blend two photos together | photoshop ...
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

How to Blend Photos Together in Photoshop PictureCorrect
How to Blend Photos Together in Photoshop. This tutorial is to help you learn how to blend images together using masks. Then add a Reveal All Layer Mask to

Blending Two Images together using a Layer Mask ...
it's quick and easy to blend two images together. Topics. Photoshop Elements Learning Center. this tutorial requires a layer mask add-on for Elements,

How to Blend Photos Together in Photoshop
Blend Photos in Photoshop.This tutorial will show you how to Blend will show you how to Blend Photos together in Photoshop. the Add Layer Mask icon.

Photoshop Gradient Tool: Blending Images: Digital ...
Photoshop's Gradient Tool can be used with layer masks for creating 2 Photoshop Gradient Tool: Blending Images: results by blending images together,

Previous
Next Post »