{"id":57715,"date":"2023-09-01T16:38:16","date_gmt":"2023-09-01T23:38:16","guid":{"rendered":"https:\/\/photoshopcafe.com\/?p=57715"},"modified":"2023-09-01T16:38:16","modified_gmt":"2023-09-01T23:38:16","slug":"how-to-light-photos-with-clipping-masks-in-photoshop","status":"publish","type":"post","link":"https:\/\/photoshopcafe.com\/how-to-light-photos-with-clipping-masks-in-photoshop\/","title":{"rendered":"How to Light photos with Clipping Masks in Photoshop"},"content":{"rendered":"

This Photoshop tutorial will help open new way to work in Photoshop. I did a previous tutorial on Lighting in Camera RAW and Lightroom with the new masks.<\/a> I had a number of people ask, how to do this same thing in Photoshop. This tutorial shows how to make Lightroom style masks in Photoshop, but a whole lot more too. Photoshop’s layers, masks and selections are more powerful and flexible than Lightroom or Camera RAW. They are faster and simpler in LR and ACR though.<\/p>\n

How to Use Clipping Groups in Photoshop<\/h2>\n

The first part is a quick primer on how Clipping Groups work, then we will do the lighting effects,<\/p>\n

We are going to select the shirt on the photo.<\/p>\n

Choose the Object Selection tool.<\/p>\n

Make sure the mode is set to Lasso at the top.<\/p>\n

\"\"<\/p>\n

Make a rough selection around the shirt. With this AI tool, you aren’t really making the selection, you are telling Photoshop what you want selected.<\/p>\n

\"\"<\/p>\n

Photoshop will make the selection for you. (You can use the lasso or other selection tools to improve the selection if needed).<\/p>\n

\"\"<\/p>\n

Press Ctrl\/Cmd+J to copy the selected shirt to a new layer. (Normally I’d use a mask, but I’m just demonstrating clipping groups here and want to keep it simple, we will use a mask in a moment).<\/p>\n

\"\"<\/p>\n

Here I added a graphic to put on the shirt. (I dragged it from the Library, you can see on the video).<\/p>\n

\"\"<\/p>\n

If I hide the background, you can see just the shirt and the graphic.<\/p>\n

I want the graphic to fit INSIDE the shirt, and not show outside.<\/p>\n

Move you curser between the 2 layers in the Layers panel.<\/p>\n

Hold down Alt\/Option and you will see a square arrow.<\/p>\n

\"\"<\/p>\n

Click to add a clipping group.<\/p>\n

Notice the top layer displays as indented<\/p>\n

Notice the graphic is now contained within the shape of the shirt.<\/p>\n

A clipping group constrains the visibility of the top layer to the pixels (or shape) of the layer underneath.<\/p>\n

\"\"<\/p>\n

If I turn the background back on.<\/p>\n

You can drag the top layer around and reposition, or resize it and it will stay constrained to the shape. (Alt\/Option Click to ungroup it again).<\/p>\n

I changed the color of the graphic and changed the blend more to make it look better. Learn About Blending Modes here.<\/a> | Add a displacement Map<\/a> to wrap to the wrinkles<\/p>\n

\"\"<\/p>\n

Ok, onto the tutorial<\/p>\n

Making Clipping Masks in Photoshop<\/h2>\n

In this image, we are going to make a clipping mask in the shape of our singer in the photo, so we can add some nice lighting to her.<\/p>\n

\"\"<\/p>\n

Start by duplicating the layer. Cmd\/Ctrl+J<\/p>\n

\"\"<\/p>\n

Choose the Object selection tool<\/p>\n

\"\"<\/p>\n

Click the options arrow in Select Subject<\/p>\n

\"\"<\/p>\n

Choose Cloud as the option, if you are connected to the internet. (This makes a better quality selection than Device)<\/p>\n

\"\"<\/p>\n

Click select subject and you will get a selection around the woman<\/p>\n

\"\"<\/p>\n

Click the add mask button in the layers panel. (We are doing this instead of cutting out our subject. A mask allows modifications to the edges and is non destructive).<\/p>\n

In this screen grab I hid the background, so you can see the transparency. (You don’t need to hide the background.)<\/p>\n

\"\"<\/p>\n

Click on the foreground picker at the bottom of the tool bar.<\/p>\n

Choose a golden color<\/p>\n

\"\"<\/p>\n

Grab the gradient tool<\/p>\n

Choose foreground to transparent option (in Basics)<\/p>\n

Choose linear Gradient<\/p>\n

\"\"<\/p>\n

Apply the gradient to the image by dragging.<\/p>\n

Notice the gradient covers the background and the person. We just want it on the person<\/p>\n

\"\"<\/p>\n

Just like we did with the shirt example, lets make a clipping group.<\/p>\n

Hold your pointer on the line between the masked layer and the gradient layer in the layers panel.<\/p>\n

Hold Alt\/Option, wait for the square arrow, click<\/p>\n

\"\"<\/p>\n

You can move the gradient around and notice it stays constrained to our person. This is our clipping Mask.<\/p>\n

\"\"<\/p>\n

Change the blending mode of the gradient to Soft Light and reposition it to add a more subtle effect on the edge.<\/p>\n

You can also adjust the gradient layer opacity if you like.<\/p>\n

\"\"<\/p>\n

Here we repeat on the left side, but with a blue gradient<\/p>\n

\"\"<\/p>\n

Hold the Alt\/Option key and move it between the 2 gradient lAyers and click.<\/p>\n

Notice we can stack layers above each other and they can all share the same mask as long as they are clipped. See the indentation and arrows to indicate they are in a clipping group.<\/p>\n

\"\"<\/p>\n

This time I used an Overlay blending mode. Just use the Blending mode that looks the best for each color, there is no rule, but I find I use Overlay, Screen and Soft light a lot when Lighting.<\/p>\n

\"\"<\/p>\n

Using Adjustment Layers with Clipping Groups<\/h2>\n

Ok, let’s do some custom lighting now.<\/p>\n

Choose the New Adjustment Layer in the Layers panel<\/p>\n

\"\"<\/p>\n

Grab Curves<\/p>\n

\"\"<\/p>\n

Let’s increase the brightness by dragging up in the Curve in the Properties panel.<\/p>\n

\"\"<\/p>\n

We are going to change the color too. Choose Red in the top of the Curves<\/p>\n

\"\"<\/p>\n

Drag up to add Red<\/p>\n

\"\"<\/p>\n

I want Orange, Red+Yellow= Orange<\/p>\n

We now need yellow. You will find Yellow by dragging down the the Blue channel. How to use Curves for Color in Photoshop <\/a>(Curves are super powerful and can do a LOT. I made a course on Photoshop Curves here<\/a>)<\/p>\n

We have our colored light, but it’s everywhere. Lets contain it.<\/p>\n

\"\"<\/p>\n

As before, move your cursor between the 2 layers and hold Alt\/Option and click to make a clipping mask.<\/p>\n

Now the curves can only appear within our person.<\/p>\n

\"\"<\/p>\n

But we want to hide the lights and only paint them where we want them.<\/p>\n

Click on the mask on the Curves layer (White rectangle)<\/p>\n

Press Ctrl\/Cmd+I to invert our mask.<\/p>\n

It now shows as Black and the effect is hidden.<\/p>\n

\"\"<\/p>\n

Grab a Brush (B key)<\/p>\n

Set the foreground color to White<\/p>\n

Drag on the right edge of our person. Notice it now lights up with the orange light.<\/p>\n

\"\"<\/p>\n

The beautiful thing about the Clipping Mask, it’s impossible to paint outside the shape of our person.<\/p>\n

This makes it easy to add a Rim light, or paint on the edges.<\/p>\n

\"\"<\/p>\n

Here I added a Blue light on the other side, following the same steps.<\/p>\n

\"\"<\/p>\n

Here you can see the before and after of this effect<\/p>\n

\"adding<\/p>\n

I hope this tutorial was helpful for you! Let us know in the comment.<\/p>\n

Great to see you here at the CAFE<\/p>\n

Colin<\/p>\n

Browse the other free photoshop tutorials here at the cafe<\/a><\/p>\n

Download 100s of dollars worth of Photoshop adds on for free here at the Vault.<\/a><\/p>\n

\"\"<\/p>\n

Also follow me on\u00a0Instagram<\/a>,\u00a0Tik Tik,\u00a0<\/a>Threads and\u00a0Twitter. \u00a0<\/a>for shorts and reels.<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

\r\n\r\nPS Don\u2019t forget to follow us on Social Media for more tips..<\/strong>\r\n