Clipping path with Complex Background
Welcome back to another creative tutorial for clipping path using Photoshop.
What if we told you that you can change independent parts of the photo yet not befancy or tech-savvy only?
Strange isn’t it?
In this tutorial we are going to learn how to use clipping path to change colors in an Image. We can change the background as well by using this method.
Have you ever wished that you were the expert when it came to photo editing?You kind of could change anything on the screen and make it in a form of your choice?
I am sure you will agree with me when I say knowing how to do that is outlandish!!
Or, is it?
In this article I’m going to show you exactly how I have used this clipping path concept in photoshop to get the photographs as desired!
The major benefit of clipping path is that we can save the path and also easily edit the path whenever it is needed. If we can do an imaginary division of the image and create multiple layers of clipping paths it is easier to do the color correction.
We are using the image of this family where we are going to make separate layers of clipping path of each person so that we can easily change the color of the shirt or the trouser as desired.
Sounds interesting? Great!
In fact, we can even change the skin tone and hair color if desired.
Want to know more?All you have to do is read on.
Let us select the below image and name the image layer as “Changing BG & Color”.
Now we can get the path window from window menu as shown in the screen capture. Drag and drop the path window beside the layers window.
Create a new path layer by clicking on the icon of “new path layer”. Rename the path layer by double clicking on the layer. Here I have re-named the first layer as trouser_man which signifies the intended object for change of course!!
Then, click on the pen tool in the tool box. From the drop-down menu, select the pen tool to draw a line around the area of the trousers. Later, we may use add anchor point, delete anchor pointor convert point tool to modify the curve.
Now, click on the trouser edge and drag the mouse pointer towards the next step and release the click. You can see anchor points are getting created in the clicked areas as shown in the screen capture below.
You can modify the shape of the line by pressing and moving the left click of your mouse. After an appropriate distance, again click on the image edge of the trouser.
In this way we will divide the clothes, face, hands and hair of each person. We will make separate path layers for each individual’s cloth, face, hair and rename the layer which will help us to find the layer later if needed.
Now you may feel, why make multiple layers of path while we can do the thing in one layer or maximum 5-6 layers?
Fair question and interesting too!!
The reason is that creating path layers for each segment will help us to adjust the color only of the desired area.
In this this image we have created 32 separate path layers.
After doing the path for the trousers, let us start with the jacket and named the layer as Jacker_man.
Next, we have drawn the path around the hand of the man.
This way we have created separate path layers. Following are the images.
This way we have created 32 layers of path. The screen captures above clearly share the path to follow to reach this level of precision.
Now we can easily do the color correction because we have created separate path layers. First, let us make a copy of “changing BG and color”layer.Suppose, you need to change the color of the trouser of the man, the only thing you have to do is go to the path layer which we have named as trouser_man. Then, press Ctrl+click on the path layer. The area of the path will be selected. Now go to image menu–>Adjustment–>Variation.
The color variations enable us to make correction by visually comparing the thumbnails of the colors variations of the image. The dialogue box appears displaying a preview of the original (before)image and the current pick (after doing the change). Select a tonal range of your choice!! (moregreen, more yellow, more cyan, more reed, more blue, more magenta).
There are four options on the right side of the dialogue box including Shadows, Midtones, Highlights, Saturation.
While Shadows, Midtones and Highlights adjusts the dark, middle and light area of the image respectively,Saturation adjusts the color intensity or richness, making color more intense (saturated) or less intense (desaturated).
Here I have corrected the Midtones only. Usually, just correcting the Midtones is enough to get the images color in order, but if it is not, we can always adjust the shadows and Highlights as well.
Here I have added some yellow and a little red tone on the trouser. Click ok.
And here you have the final desired result.
This way, we can also change the color tone of skin and hair.
Here I have selected the hair of the young lady by pressing Ctrl+click on the path layer of the hair of the lady (younger lady)
We can adjust the selection from refine edge option as can be seen in the captured screen. To get that go to marquee tool in the tool box (while the hair is selected). You will get the refine edge option at the top of the right side as shown in the image.
Click on refine edge and adjust the selection by detecting the edges and adjusting the smoothness, feather and contrast. Finally, click ok. Below is a reference image.
Looks good. Isn’t it?
Now, browse through to ‘Variations’ and adjust the color as per the requirement.
We can get two more thumbnails of ‘Lighter‘ and ‘Darker‘ color. Here I have darkened the hair color of the lady by clicking on the darker option. You can click as long as you get the desired color tone.
Click ok and magic!! Below is the result.
Now, we will explain how to change the background using this method.
First, make selection of all the path layers. To do that press Ctrl and click on all the path layers one by one. This way the whole family will be selected.
Now in this image you can observe that there are some small selected areas inside the entire selection.
To fix that, go to Marquee tool option in the tool box. Select the ‘add to selection’ option on the top and select the small selected areas inside the entire selection.
After the process is done and you have the properly selected image area, press Ctrl+J. You will get a new layer with the selected area only (without the background).
But in this process as we have made separate path for everything there are some chances to get some small gaps between each path. After making the selection and removing the background the gaps may be visible. Just like the image below.
Worried? Not at all.
Let us take a simple solution for the same. A very quick process to fix the problem. Make a copy of changing BG and color layer. Place it above the layer without the background (Layer1).
Now make an invert layer mask on the top layer. To create the invert mask press ‘Alt’ on the keyboard and click on the top layer (Changing BG and Color copy).
Now, select a soft brush make the brush opacity and flow 100. Paint over the gap areas. And your image is ready without the background.
Make sure that you are keeping a tab on the screen captures shared during the tutorials. I am sure that is going to make life really simple when you attempt it live
You can import any other background and put it below the layer of the image (layer1). In fact, here I have created a solid white background.
To move the image without the background to another work area, just merge the mask layer and the layer below it (layer1) by selecting both the layers and pressing Crtl+E or you can get the ‘merge layers’ option from the layer window. Now you can copy the layer or drag the layer to any other psd file as well.
So then, that brings us to the close of this edition of the tutorial! Clipping path for complex backgrounds with multiple requirements is now a concept well learnt and ready to be implemented as per our requirements.
If you feel this is too complex and shot of time Please contact us for Professional Clipping Path Services.
Until we connect again over a new concept from clippingarts, , happy learning!!