Double Exposure Effect Photoshop Tutorial

 

Welcome to a new easy-and-quick tutorial for Adobe Photoshop, it’s nice to you read us once again. We know you are very interested in learning how to get great and trendy effects on your designs in a easy way. So this time let’s learn how to create a double exposure effect.

What is it about this effect? Well, you surely have already seen this in several graphics, consists in two overlapping photos in which one is projected inside the other one, in photography and cinematography, the multiple exposure is the combination of two or more exposures for creating a single image through the opening of the shutter more than once to expose the film several times. So knowing this, let’s start with this step-by-step tutorial.

 

Step 01.

The first thing that we’ll to do is open the main image we use as a base (I used a bear photo from Pexels.com) and in which will project the another one.

Next, press the Q key for access to the Quick Mask Mode and then select the Brush tool (B) for starting to trace the contours of the main figure, in this case, the bear’s head from one extreme to another. The settings for Brush Preset picker will be a soft round brush with a size of 22 px approximately, this value may change depending on the size of the image, but for this case you can see how it looks the ideal size in the images below.

Note: I want to trim the image in an easier and faster way, but you can do it in a conventional way using the Pen tool for creating a vector mask.

01_

 

02

 

Step 02.

Once traced the contours, select the Paint Bucket Tool (G) always in the quick mask mode.

03

 

Step 03.

So, with the Paint Bucket Tool selected click inside of the contoured silhouette to fill it.

04

 

Step 04.

As well you can see, there is a little non-coloured space between the stroke and the fill, we will fix it manually making use of the Brush Tool (B) one more time.

05

 

Step 05.

When we’re done, then press the Q key to exit of the quick mask mode, the result, a selection will be created.

06

 

Step 06.

The next thing to do is click Select > Inverse for invert the selection to the bear’s head.

07

08

 

Step 07.

And now click Select > Refine Edge and play a bit with the adjustments in the pop-up panel modifying the values of the Feather, Contrast and Shift Edge as shown below, this will improve the quality of the clipping mask.

09

10 11

 

Step 08.

Next, insert the image that will be projected, place this one inside in a new layer over the other one. This is the source of that I used.

12

 

Step 09.

Then click Edit > Transform > Flip Vertical to put the image upside down.

13

14

 

Step 10.

Go to the Layers panel for edit the blending mode of the layer changing it to Lighten.

15

 

Step 11.

It looks like goes well, right? So, the next step is moving a bit down the forest image for blur the origin of this.

16

 

Step 12.

In the Layers panel, right clicking on the forest layer and select Create Clipping Mask, it will put the top image inside the image down.

17

18

 

Step 13.

With the top layer selected, go to the Layers panel again and in the bottom click on Add layer mask button.

19

20

 

Step 14.

With the layer mask added to the forest layer, select the mask layer clicking over this and then select the Brush Tool (B) and pick out a soft round brush with the next settings, Size: 100px; Hardness: 0% and in 100% black color for delete some wrong details over the bear’s face, for this, we’ll to paint in the areas that we want to disappear.

21

In the image below I show you the main areas hidden in the forest top layer.

22

 

Step 15.

Well, now we are going to add a background, for that go to the Layers panel and in the bottom of the panel click the Create new fill or adjustment layer button and then choose Solid Color, in the pop-up color picker window we will select an almost white color like this #fcf3ee.

23

 

Step 16.

Move the Color Fill layer to the bottom.

24

 

Step 17.

This looks really amazing at this point, what we will do in this step is improve a bit the edges of the bear’s head black painting with a small and soft brush over the mask layer of the main image.

25

 

Step 18.

Add a new Solid Color layer over the top layer clicking the Create new fill or adjustment layer in the bottom of the Layers panel and then put the color #da0c0c in the color picker window.

27

 

28

 

Step 19.

In the Layers panel change the blending mode of the layer to Lighten.

29

 

Step 20.

To finish, click the layer mask of the solid color layer and with the Gradient Tool (G) selected, to create a gradient from just over the lower half of the layer as I show you below, this will add a delightful effect to the final image.

30

 

And well my dear readers, this is the great final result for this tutorial, I hope you like it.

Final

 

But before…

Yeah, I know that like the last tutorials you, surely came to the end to this article looking for get our bonus PSD file with this effect, well here is the totally free file that contains 3 different color effects.

 

DOWNLOAD HERE

 

Double-Exposure

Seph Brand

Seph Brand

My name is Seph Brand, I´m a Freelance Graphic Designer from El Salvador specialized in branding design, hand-lettering and social media. Hire me for a job or visit my portfolio: https://www.behance.net/sephlopez

You may also like...

  • Olivier Hamphrey

    The tutorial is very detailed and understable. Many thanks!

  • I was searching for an easy to learn tutorial on double exposure effect in Photoshop, I guess this is one of the most easiest tutorial on this. Thank you so much. Now let me try this on other image, actually I get confused on initial stages, hope this time I am going to make it happen.

  • Thank you Seph Brand for your beautiful tutorial. I’m going to apply it now.

  • nicely done very good mask tutorial.I am glad