17 Step by Step Double Exposure Effect Tutorial in Photoshop

0
25
17 Step by step tutorial on how to make double effect in adobe photoshop

17 Step by Step Double Exposure Effect Tutorial in Photoshop

Ever watched Taylor Swift’s ‘Style’ music video? Now this tutorial that I’m going to show you is somewhat similar to that effect, except it is image based and not a video. What we call that trick in Adobe Photoshop is Double Exposure Effect.

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop

In this article, I’m going to show you 17 step by step tutorial on how to make a double exposure effect in Adobe Photoshop. You will see how to blend images using blending modes and layer masks to get these awesome results.

Here are the images’ links, in case you want to use the same images that I am using:
Model by: http://reine-haru.deviantart.com
Image: https://goo.gl/yokmlM

Mountains by: http://getrefe.com
Download: https://goo.gl/QNGdt2

So let’s start by opening the image that we’re going to use in Adobe Photoshop.

1. Image Selection

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
The first thing to do is to make a selection of the model. To do this, click the Quick Selection Tool, and make a quick selection of the model portrait by tracing it. After selecting it, right click then click on Feather Selection and make it 0.5 pixels and press OK.

2. Image Cropping

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Next step is, click the model image located in layers tab which is named background, and then press Ctrl + J to get a new layer of the image that you selected. And click on the new layer that you created to rename it by double-clicking on the name then type “Model” so you won’t be confused. Then delete the layer named background by dragging it to the trash bin icon located just below the layer tab.

3. Expand the Image for the Effects

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Now to make the background image bigger to have space for the effects, click on the Crop Tool, drag the sides and the upper area of the image to expand it and then press Enter on your keyboard to implement change.

4. Make a Background

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
To make a white background for the image you selected, click the Adjustments button below the layer tab, the icon is circle shaped, select “Solid Color” then choose white as a background. You can rename the layer to BG for the background. Then drag the new background layer under the Model image layer, and you will see that you have created a white background for the image you cropped.

See related article: How To Change Your Background Color In Photoshop

5. Desaturate the Image to Achieve a Grey Look

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
To desaturate the model image, click on the model image layer then press on your keyboard CTRL + SHIFT + U. You will see that the model’s image is now desaturated.

6. Combine the Images

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Next step is to open the second image that you will be using and then copy and paste it to the model’s tab. To copy it, you have to select it first by pressing on your keyboard CTRL + A, after selecting it, press CTRL + C to copy the image and then go to your model tab to paste it by pressing CTRL + V.

7. Changing the Opacity

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
To change the opacity of the mountain image, click on the mountain layer located in layer’s tab and at the upper right corner click on the ‘Opacity’ to change its opacity to 50%. This way you can see where you want to place the clouds before you start working on it.

8. Position the Mountain Image

abc

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
To achieve a better look on the mountain image, I flipped the image horizontally to make the clouds face the other direction. So to do this, you have to press on your keyboard CTRL + T and click Flip Horizontal to achieve it and then place the mountain image where you want it. You can also resize it by pressing CTRL + T and then press Shift on your keyboard while resizing the image this will help retain the proportion while reducing or increasing the size of the image and don’t forget to press Enter on your keyboard to implement change. Next is, change the mountain layer’s opacity back to 100%.

9. Cropping the Mountain Image

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Press CTRL while clicking on the model layer image to get a selection of the cropped model then select the mountain layer and click on the ‘Add Layer Mask’ icon located just below the layer tab. You can see that you just created a ‘Layer Mask’ which you can rename it to “Mountain”.

10. Duplicate the Model Image Layer

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
To make a copy of the model image layer, press ALT on your keyboard while you click and drag the model layer on top of the Mountain layer

11. Changing the Blending Mode

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
After you duplicate the model image layer, select the duplicate and change the blending mode to ‘Lighten’, you can find the button beside Opacity named ‘Normal’. Then reduce the duplicate’s opacity to 50%.

See related article: How to Create a Watercolor Effect – 11 Steps Photoshop Tutorial

12. Define the Duplicate Image

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Apply a Layer mask on the duplicate model layer by selecting the duplicate model layer then click on the Vector Mask icon. To find the layer mask icon refer to Step 7 image. Then select the Brush Tool w/ 40% opacity, color black fill then start brushing a little off on the middle area of the duplicate image removing the ears and neck details.

13. Define the Mountain Image

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Next step is to select the layer mask of the mountain layer, make sure it’s the layer mask not the image of the mountain so that we can define it by selecting the brush tool and start brushing off the face area to reveal the face of the model.

14. Change the Background Color

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
To change the background color, double click on the background layer and pick a color by hovering at the same area as shown on the image.

15. Create a Cool Effect on the Clouds

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Select the Mountain layer then press CTRL + J to duplicate the Mountain layer. Then delete the mask layer by clicking and dragging it to the trash bin then press delete. Then change its blending mode to ‘Lighten’.

16. Define The Clouds Effect

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Apply a black layer mask by selecting the duplicate mountain layer then press ALT on your keyboard while you click on the Vector Mask icon. Then click on the brush tool and select the white color for your brush then start brushing off the forehead and head area of the image to define it.

17. Make the Colors More Dramatic

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Next step is to select the top layer named model copy. Click the adjustments icon then pick Solid Color and choose the soft pink color. Then change the blending mode to ‘Multiply’ and set the opacity to 20%.

18. Add More Effects to the Image

17 Step by Step Double Exposure Effect Tutorial in Adobe Photoshop
Press ALT + CTRL + SHIFT + E to merge all layers into one layer then desaturate it by pressing SHIFT + CTRL + U on your keyboard then change the blending mode to Soft light and set the opacity to 30%.

And that’s it, I hope you followed the 17 step by step tutorial on how to make a double exposure effect in Adobe Photoshop correctly on your end and get the awesome results that you expected!

LEAVE A REPLY

Please enter your comment!
Please enter your name here