How to Create a Path from a Selection in Photoshop (Step-by-Step)

Quick Answer
To create a path from a selection in Photoshop, first make a clean selection using tools like Quick Selection, Lasso, Magic Wand, or Marquee. Then open Window > Paths, click the Paths panel menu, choose Make Work Path, set the tolerance, and save the Work Path by double-clicking and naming it.

If you’ve ever tried to create a precise cutout for a product image, isolate a subject for a composite, or export a clean shape to Illustrator, you already know the problem: pixel selections can only take you so far.

They may look fine at first, but rough edges, messy outlines, and limited editability can quickly get in the way when the work needs to be clean and production-ready. That is where converting a selection to a path in Photoshop makes the difference.

This guide walks you through exactly how to do it, the settings that actually matter, and the mistakes to avoid so you can turn a basic selection into a precise, editable path.

What Does “Create a Path from a Selection” Actually Mean?

When you make a selection in Photoshop with the Lasso, Quick Selection, or any other tool you’re working with pixels. That selection lives and dies on your screen. A path, on the other hand, is a vector outline made of anchor points and Bézier curves. It’s scalable, editable, non-destructive, and completely portable to Illustrator or SVG workflows.

Converting a Photoshop selection to a path means you’re taking that pixel-based edge and turning it into something you can refine precisely, reuse across projects, and export cleanly. That’s the core of the workflow and once you understand it, it becomes second nature.

Step 1: Make Your Selection First

Before anything happens in the Paths panel, you need an active selection on your canvas. The quality of your path depends almost entirely on the quality of your selection, so don’t rush this step.

Here’s which tool to reach for depending on your subject:

• Use the Quick Selection Tool (W) for subjects with clearly defined edges product photos on white backgrounds, objects with strong contrast. Paint over the subject and let Photoshop detect the edges. Works fast, works well for most e-commerce work.

• Use the Polygonal Lasso Tool (L) for anything with straight edges packaging, boxes, architectural elements. Click corner to corner and close the shape.
  
• Use the Lasso Tool (L) for organic, freehand shapes where you need manual control.
  
• Use the Magic Wand Tool (W) when the background is a flat, consistent color. Set Tolerance around 20–30 and click the background, then invert the selection (Shift+Ctrl+I / Shift+Cmd+I).
  
• Use the Marquee Tool (M) only for simple geometric shapes, circular objects, and rectangular product shots.

Once you’ve made your rough selection, go to Select > Select and Mask to clean up the edges. Raise the Radius slightly, use the Refine Edge Brush around tricky areas like hair or fabric, and output as a Selection. Keep feathering at 0 px or 0.5 px; maximum feathered edges create unusable paths downstream.

The rule here is simple: the cleaner the selection, the cleaner the path. Jagged, messy edges turn into tangled anchor points that you’ll spend an hour trying to fix.

Step 2: Open the Paths Panel

Go to Window > Paths. If you’ve never opened it before, it’ll appear blank. That’s fine it’s where all your path work lives.

The Paths panel works similarly to the Layers panel: it stores every path in your document, lets you rename and organize them, and gives you access to path-specific operations through the panel menu (the three horizontal lines in the top-right corner of the panel).

Keep the Paths panel open alongside your Layers panel during this workflow. You’ll be switching between them.

Step 3: Convert the Selection to a Work Path

With your selection still active, open the Paths panel menu (top-right corner, three lines) and click Make Work Path…

A small dialog box appears with one setting: Tolerance.

This is the most important setting in the entire process, so understand what it does. Tolerance controls how closely the path traces the edge of your selection. A lower value means more anchor points, tighter tracing, more detail. A higher value means fewer anchor points, looser tracing, simpler shapes.

In practice, use these as your starting points:

• 1.0 px: Use this for logos, detailed product cutouts, anything where edge accuracy matters. You’ll get more anchor points, but the path will hug your selection tightly.
• 2.0 px: The right setting for most photo retouching, standard product shots, and general compositing work. Good balance between accuracy and path cleanliness.
• 5.0 px: Only appropriate for simple, blocky shapes with minimal curves. Anything more complex and you’ll see the path cutting visible corners.

Start at 2.0 px. Click OK. Photoshop generates a Work Path you’ll see it appear in the Paths panel labeled exactly that.

If “Make Work Path” is grayed out: You either don’t have an active selection, or you’re on the wrong layer type. Smart Objects, adjustment layers, vector shape layers, and empty layers won’t work. Make sure you’re on a rasterized pixel layer. If you’re working on a Smart Object, right-click it in the Layers panel and choose Rasterize Layer, then re-make your selection.

Step 4: Refine Your Path

Photoshop does a solid job converting selections to paths, but the result almost always benefits from a little cleanup. This is especially true around tight curves, corners, and any area where your original selection had minor inconsistencies.

Click on your Work Path in the Paths panel to select it. You’ll see the path appear as an outline on your canvas.

Switch to the Direct Selection Tool (A) the white arrow. Click on any anchor point to select it individually. You can drag anchor points to correct their position, or adjust the Bézier curve handles to smooth out bumpy curves.

Use the Pen Tool (P) to add anchor points where you need more control, or click existing anchor points to delete them.

For converting a sharp corner anchor point to a smooth curve, switch to the Convert Point Tool (found nested under the Pen Tool). Click and drag on a corner point to pull out curve handles.

The goal during refinement is to reduce the total number of anchor points without sacrificing edge accuracy. Fewer anchor points means smaller file sizes, cleaner SVG exports, and paths that are much easier to work with downstream in Illustrator. A path with 200 messy anchor points is harder to edit than a clean path with 60.

Step 5: Save and Name Your Path

This step is non-negotiable. Work Paths in Photoshop are temporary. If you generate a new Work Path even accidentally, it overwrites the current one. If you close the document with only a Work Path saved, that path is gone.

To save it: double-click “Work Path” in the Paths panel. A dialog appears asking for a name. Give it something descriptive, “Product-Cutout-Front”, “Logo-Outline”, “Subject-Mask-v2” and click OK.

The path is now permanently saved inside your PSD and won’t be overwritten.

Name your paths consistently if you’re working on a multi-image project. “Path 1”, “Path 2” creates confusion fast. Descriptive names save time during export and when handing files off to other people.

Step 6: Export Your Path

Once your path is saved and refined, you have two main export routes.

To Adobe Illustrator (.AI): Go to File > Export > Paths to Illustrator… Select your named path from the dropdown, choose a save location, and export. Open the file in Illustrator your path comes in as a vector shape, ready for further refinement, color fills, or use in a layout.

To SVG: The cleanest workflow here is to copy the path from Photoshop, paste it into Illustrator, then go to File > Export > Export As and select SVG. In Illustrator you can also clean up anchor points further using Object > Path > Simplify before export.

For web icons, UI assets, or simple logos, aim to keep your total anchor point count under 100. Bloated SVG files with hundreds of unnecessary anchor points load slowly, render inconsistently in some browsers, and are difficult to animate or manipulate with CSS.

Before sending exported files to clients or developers, always open them in the target application and verify the path renders correctly. Compatibility issues are rare but do happen, especially with complex shapes exported from older Photoshop versions.

Common Problems and How to Fix Them

Path has too many jagged anchor points. Your tolerance setting was too low, or your original selection had rough, anti-aliased edges. Go back, clean up the selection using Select and Mask, then reconvert at 2.0 px.

Path edges look rough even after conversion. The original selection was feathered. Feathering creates soft, gradual transitions that don’t translate to clean vector edges. Always keep feathering at 0 px before converting.

You accidentally overwrote your Work Path. If you haven’t closed the document, try Edit > Undo (Ctrl+Z / Cmd+Z) to step back. If it’s gone, you’ll need to re-select and reconvert. This is exactly why Step 5 matters.

The exported AI or SVG file looks wrong in Illustrator. Check for overlapping or self-intersecting path segments in Photoshop before exporting. Use the Direct Selection Tool to look for any crossed lines or tangled anchor points and correct them manually.

Frequently Asked Questions (FAQ)

This page was last edited on 11 June 2026, at 4:24 pm