How to Extract Shadows and Highlights in New Layer in Photoshop

In this quick tutorial, we’ll show how you can separate shadows and highlights from an image so they are in separate layers. This will level up your mockup game from a hobbyist to a pro in just five minutes.

The process will work on all kinds of images: t-shirts, tumblers, blankets etc.

There are two methods to extract the Shadows.First is using Photoshop action. Second one is manual work. 

If you’re a visual learner, you can watch the video below or follow the article if that’s more of your liking.

PhotoShop Action To Extract Shadows and Highlights

This method is really easy and fast. We’re going to work on the sweatshirt sample given below. If you want to follow through the process, you can get the action pack from here.

the sample image we will work on to separate shadows and highlights

First, select the quick selection tool and select the sweatshirt image like this.

quick selection tool taking the sweatshirt

Unlock the background layer and press ctrl + shift + J and turn off the visibility of the underneath background layer.

turning off the visibility of the background layer

Extracting Shadows With Photoshop Action

Select the shadow action and click on play.

selecting the shadow action

Now adjust the level slider to bring out the Shadows of the image. I will adjust the slider to show contrast between the Saturated red color and the light red color like this.

adjusting the slider to show contrast

Then click okay and here I have the shadow layer separated into a new layer. Then we have to turn off the visibility of the Shadow layer

the shadow layer is separated

Extracting Highlights With Photoshop Action

Select the short layer and click on Highlights action.

selecting the highlight action

Now the process is the same as before. We have to adjust the sliders on the left this time the idea is to adjust it to bring out more contrast in the t-shirt region.

Once satisfied with the adjustment hit on okay and you’ll have a result like this.

adjusting the slider to show more contrast

Now as we have the highlights separated into a new layer, both shadows and highlights in a new layer.

both shadows and highlights are in different layers

To show them in effect, create a solid fill color and place it underneath the background layer. Change the color to anything you like, we’re going to  leave it to Blue. Then turn on the shadow layer, turn on the Highlight layer as well.

We need to reduce the opacity of the Highlight layer to give it a better look. We can change it to any color to produce different color sweatshirts.

changing the color of the tshirt to blue

Manual Way To Extract Shadows and Highlights In Photoshop

Now lets jump to the manual method of extracting the shadows and highlights. We'll be using this image for the manual process.

sample image to show the manual process of extracting shadow and highlights in photoshop

We first need to unlock the background and make a selection of the T-shirt. Just like before, press Ctrl + shift + J  and then turn off the visibility of the underneath layer.

selecting the tshirt

You’ll get a result like this.

Extracting Shadows Manually In Photoshop

Now press control and left click on the RGB Channel.

RGB channel

Now we have to make a selection on the canvas and then on the keyboard press Q to activate the quick mask.

Press ctrl + I to invert the selection. Then to bring out the levels press ctrl + L.

Now do the same drill as we did earlier. Rear adjust the slider and press okay for a result like this.

rear adjusting the slider

Now press Q again to create a new layer and then go to edit fill.

fill with a color

Fill it with black color and this is our shadow layer.

the shadow layer extracted

Extracting Highlights Manually In Photoshop

Now to separate the Highlight, select the T-shirt layer again while pressing control on your keyboard.

Press on the RGB Channel next press Q on your keyboard and then press ctrl + L to bring the levels just like before.

Then adjust the sliders forcing out more contrast and click on okay and press Q again.

adjusting slider to bring out contrast

Now let’s start with the tricky part. 

Press ctrl + J then pressing control on the keyboard left click on the duplicated layer.

left click on the duplicate layer

Go to Edit → Fill and fill in white color.

the highlight is extracted

This is our highlight.

Now our highlights and shadows are separated into a new layer.

Conclusion

This method will bring your mockup game to a whole new level. We have shown you the process of doing it manually, which is not that tough.

But if you want to save time and hassle, you can have the Photoshop action made by us just for $5. Click here to get the action pack.

Shohidur Rahman

Shohidur Rahman

Hey, I’m Shohidur, the content guy behind Bulk Mockup. In the past, I ran a print on demand tshirt store, where I learned the nitty gritty of the industry. Being in the industry for 7 years I understand the challenges faced by print on demand entrepreneurs of now. My main goal is to help print on demand sellers through the content I produce for Bulk Mockup.

Related posts

©2017-2023 Putoos Graphics LLP. All Rights Reserved