How to convert a pixel layer into a path using Photoshop?


I am trying to convert a pixel layer (in this case, the shape is some kind of parabolic line) into a path in Photoshop.

I tried using the Pen tool and drawing path directly on the shape but no matter how precise I am, it's impossible to create that shape.

I'm relatively new to Photoshop so I need help.

4/16/2014 6:05:00 PM

Accepted Answer

There are two ways of doing this:

  1. Open the image in Illustrator (if you have that as well) and perform live trace. Don't expect a good result if the image resolution isn't good. See tutorial here: Once you have live traced, you can simply copy and paste the path into Photoshop.

  2. Manually trace over the image with pen tool, like you have already tried. This is how you will get the most accurate results. You will certainly get better with practice. You can find a pen tool tutorial/exercise here:

4/16/2014 9:17:00 PM

I don't know how much you know or don't know, so apologies if this seems simplistic.


Highlighting the shape with the Magic Wand tool. This will create a marquee (like a line of marching ants.)

In the Paths window (open it from the Windows menu), click on the small Path icon in the bottom row (like a circle with a tangential line either side.) This will create a path from the marquee.

You now have your path. Click on the Pen tool in the toolbar to amend it.

If you have trouble creating a marquee, try duplicating the parabolic line (highlight the line, copy and paste it and then Flip either Horizontal or Vertical in Transform points in the Edit menu) to create a shape, follow the guide above and then later delete half of the shape to revert to your original line.

You can change the path's shape using the handles (which change the angle of the line either side of the relevant anchor point). Hold down the Ctrl or the Command key while grasping the handle - the icon will change to a white arrow, indicating manoeuvrability.

If you hold down the alt key while clicking a handle, the handle will be deleted, fixing the angle of the line on that side.

You can add anchor points by clicking on the line whilst in Pen mode. Remove anchor points by clicking on them in Pen mode.

Look carefully at the Pen icon while you're using it - you will see either a + (meaning add) or a - (meaning delete).

There are surely websites out there that will give you better tuition on manipulating paths, but this is a rudimentary guide.

And, as in all things, the key to success is practice, practice, practice.

Hope this helps - good luck.

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow