Table of Contents

Clipping Path in Photoshop

Clipping Path in Photoshop 1

Welcome back to an interesting edition of the tutorial for clipping path using Photoshop.

What if we told you that Clipping Path  doesn’t need to be fancy or tech-savvy only?

It sounds crazy, right?

How many times have you tried to clip an image as per your convenience and given up because you did not know how to create clipping path in photoshop?

Have you ever wished that you were a photoshop expert?

I am sure you will agree with me when I say knowing how to moderate images is really tough!!

Or, is it?

Well it turns out that getting the best desired image may not be as torturous as you would have thought. All you have do is to know how to create a clipping path in photoshop.

In this article I’m going to show you exactly how I have used this clipping path concept in photoshop to get the ring in shape!

Sounds interesting? Great!

If you want to know more, all you have to do is read on.

Clipping paths is a contemporary and simple art of literally picking out objects or images in Photoshop that lets you create image files with transparent backgrounds  for use in print layouts. This can be used in varied areas for utilization.

The initial utility of clipping paths was limited to cutting out the pieces in the image but as we developed with times, in today’s context, we can also look at it for using the clipped or the full version basis the necessity of the work. The recipient may alter the requirements basis his/her deliverables. It enables you to get a clear and transparent background also at times.

This approach works best with objects or people with distinct edges around the object you want to cut out.

The clipping path option in Photoshop is a closed vector path or shape, used to cut out an image. Tracing over the top of the image, anything inside the path will be included after the clipping path is applied, anything outside the path will be omitted from the output.

Photoshop can save the file so that only the part of the image contained within the path will appear in any layout software.

There is a way you can start the activities in clipping path using photoshop. And, it’s not too hard to do for yourself. All of the answers you need are right here in this article. To get them, you just need to read on.

Let us take a deeper look into the process that will lead to this piece of learning on the software. As always, we will guide you through appropriate screen captures so that you are at it first time round!!

How To Create a Clipping Path

Please open the image in photoshop.

We have used the following photograph and named it as the “ring”.

Clipping Path in Photoshop 2

Open the path window from windows menu → paths.

Then, drag and place the “path” beside the layer window.

Clipping Path in Photoshop 3

But wait, there’s more!!

Let us look at the tools available to make the modifications.

  • Pen tool – To draw the clipping path
  • Freeform Pen tool – if you intend to draw a random path for clipping
  • Add anchor point tool – To add extra anchors in the subject to automatically define the path.
  • Delete anchor point tool – To delete any anchor points not necessary.
  • Convert point tool – to convert/modify the shape of the curve if necessary between two anchor points.

If you click and hold the Pen tool option in the photoshop tools pallatte, it will show a list of all the tools (Pen tool, Add Anchor Point, Delete Anchor Point, Convert Point Tool) as shown in the screen captured below.

Clipping Path in Photoshop 4

We will start creating the path using the pen tool and then we can use the subsidiary tools to modify the path.

It gets better. Now click on the edge of the image and drag the mouse pointer towards the next step and release the mouse.

You can see anchor points are getting created in the clicked areas. You can modify the shape of the line by pressing and moving with the left click of your mouse. After an appropriate distance, again click on the image edge. A work path will automatically create in the path window. This work path is defined as the curve of the click you intend to have.

Clipping Path in Photoshop 5

While creating the anchor points, you may observe two directional lines that are displayed. One will be towards the back of the path which is already created while the other towards the front determining the shape of the curve. So how to create the clipping path?

You can delete the front directional line by pressing the ‘alt’ key and modify the curve. Continue creating the anchor points until you have completed moving around the image as desired. Finally, you can see a ‘o’ symbol which means you are going to close the path. Click on it.

Clipping Path in Photoshop 6

Now you can use the subsidiary pen tools (Add Anchor Point, Delete Anchor Point, Convert Point Tool) to make any changes as required in the path. Here I have used the convert point tool to modify some curves in the path. The screen captured below for reference

Clipping Path in Photoshop 7

You may use the Pen tool to make the distinct selection. Let me explain.

To get the cut out of the image now right click on the path (while pen tool in the tool box is selected) and click on make selection.

Clipping Path in Photoshop 8

A pop up window will open up. Keep the feather radius amount near about 2 to 3. make sure the “anti aliased” tab is checked. Now click on “ok”. The screen captured below for reference of the same.

Clipping Path in Photoshop 9

The path area will get selected with the desired feather amount as shown below. Crisp and clear as ever as you have clipped the desired path.

Clipping Path in Photoshop 10

Now press “Ctrl+J” to make a new layer with the selected image. We can see the cut out ring on a transparent background by disabling the visibility of the ‘ring layer’. Now we can easily transform the ring and put it on any other background we intend to fit it into.

Clipping Path in Photoshop 11

The work path area will be saved while saving the file in PSD format. This is critical from the perspective of saving a clipping path in photoshop.

You can easily select the clipping path and export it on other compatible software versions going forward.

That brings us to the close of this edition of the tutorial! Clipping path is now a concept well learnt and ready to be implemented as per our requirements.

Until we connect again over a new concept from clippingarts, happy learning!!

Play Video