How to convert a scanned logo image to vector in Photoshop

The short answer

Photoshop can turn a scanned logo or a PNG into vector paths, but not automatically or with the accuracy of a dedicated vector program. First you clean the scan so the logo is a crisp, high-contrast shape. Then you select the artwork and convert the selection into a work path. You fill that path as a shape layer, correct it by hand, and export the paths or save a vector-capable file. Photoshop has no one-click auto-trace feature like Illustrator's Image Trace. Expect to do some manual cleanup with the Pen and Direct Selection tools.

A few terms explain what this process produces. A raster image, such as a scan, JPEG or PNG, is a grid of pixels and loses quality when you enlarge it. Vector artwork describes shapes with paths: lines and curves defined by anchor points and direction handles. Paths can be scaled to any size without losing edge quality. In Photoshop, a work path is a temporary path in the Paths panel. A shape layer is a fill whose visible edges come from a vector path. A PNG is always raster, so converting one follows the same workflow as converting a scan. The same is true for a hand drawing you have photographed or scanned.

Before you start

• Use the cleanest, largest source you have. A sharp, straight scan with even lighting needs far less correction than a small, blurry or skewed image.
• Confirm you have the right to reproduce the logo. Redrawing a mark as vectors does not give anyone permission to use it.
• Identify the colors in the logo. Each flat color will become its own path and shape layer.
• Note any lettering. Traced text usually looks worse than text rebuilt with the correct font, so plan to handle typography separately.
• Menu names and dialog options can differ between Photoshop versions. Check each command in the version you are using.

Step 1: Prepare the scan

• Open the scan and duplicate the background layer, so the original stays untouched for comparison.
• Straighten and crop the image, for example with the Crop tool's straighten option.
• For a single-color logo, convert the image to grayscale. Then use a Levels or Threshold adjustment to push the logo to solid black on solid white.
• Remove dust, specks, paper texture and scanner shadows with the Brush or Eraser. Fill any gaps where the scan broke up thin strokes.
• Zoom in and check that edges are solid and that counters stay open. Counters are the enclosed spaces inside shapes, such as the holes in the letters O, A and e.

Step 2: Select the artwork

Use Select > Color Range and sample the logo color, or use the Magic Wand with Contiguous turned off, to select every part of the mark. If you are starting from a PNG with a transparent background, Ctrl-click (Windows) or Command-click (macOS) the layer thumbnail. This loads the opaque pixels as a selection. For a multicolor logo, select one color at a time and repeat steps 2 to 4 for each color.

Step 3: Convert the selection to a path

• Open the Paths panel and choose Make Work Path from the panel menu. Choosing the option from the menu, rather than clicking the panel's icon button, lets you set the Tolerance value.
• Tolerance controls how closely the path follows the selection edge. A lower value follows the edge more closely but adds more anchor points and picks up roughness from the scan. A higher value gives smoother curves with fewer points but can round off sharp corners. Try a few values and compare the results against the scan.
• Double-click the work path and give it a name to save it. An unsaved work path is replaced the next time you make a new one.

Step 4: Turn the path into a shape layer

Select the saved path, then choose Layer > New Fill Layer > Solid Color and set the logo color. This creates a fill layer with a vector mask, which acts as a shape layer. Holes such as letter counters should carry over from the selection. Check them anyway.

Step 5: Refine the paths

• Hide the fill layer or lower its opacity so you can compare the path with the scan underneath.
• Use the Direct Selection tool to move individual anchor points and adjust their direction handles.
• Use the Delete Anchor Point tool to remove unneeded points, especially on curves that should be smooth. Fewer, well-placed points give cleaner curves.
• Use the Convert Point tool to make corners sharp where the original design has angles, and smooth where it has curves.
• Where the traced shape is badly distorted, redraw that section with the Pen tool. For geometric parts such as circles, straight bars and rectangles, use Photoshop's shape tools rather than traced curves.
• Check that straight edges are actually straight and that any symmetry in the original design has been kept.

Step 6: Handle typography

If the logo includes lettering set in an existing typeface, try to identify the font and retype the text with the Type tool. Then match its size, tracking and position to the scan. For a delivery file that does not depend on installed fonts, convert the text to shapes with Type > Convert to Shape. Keep an editable text copy on a hidden layer. Check that your font license covers logo use. If the lettering is custom or hand-drawn, trace and refine it like any other shape.

How to confirm the conversion worked

• Hide or delete the original scan layer. Only the shape layers should remain visible.
• Zoom in very far on the edges. Vector shape layers keep crisp edges at any zoom level, while leftover raster content turns blocky.
• Check the Layers panel. Each logo element should be a fill or shape layer with a vector mask, not a pixel layer.
• Select the paths and look at the anchor points. Clusters of tiny points on a curve or corner usually mean the area needs more cleanup.
• Compare the result with the original at the size the logo will actually be used. Check stroke weights, counters, corners and letter spacing.

Exporting and saving the vector logo

Save a layered PSD as your master file. Then choose a delivery format based on where the logo is going. Verify that each option below exists in your version and saves vector data the way you expect.

Option | What it carries | Use it when

File > Export > Paths to Illustrator | Path outlines only, without fill colors | You will finish or color the logo in a dedicated vector program

Save As PDF, with layers not flattened | Shape layers and live or converted type, which can stay vector | You need a print-ready or shareable file

Save As EPS, with vector data included | Shape and type vector data, alongside any raster content | A printer or older workflow asks for EPS

Copy a shape layer's path and paste it into a vector program | The path geometry | You want to move individual shapes directly

Delete the scan and any pixel layers before you export. Otherwise they will be embedded as raster content. A .pdf, .eps or .ai extension does not guarantee that a file contains only vectors. Open the exported file in a vector application and confirm that every element can be selected as an editable path.

When Photoshop is not the right tool

Photoshop works for simple, high-contrast logos with few colors. It becomes slow and imprecise for complex marks, gradients, fine detail or many colors. A vector editor such as Illustrator offers automatic tracing and better path tools for that work. For a logo that will be used widely, a careful manual redraw usually gives the most accurate result.

Some details could not be confirmed from the available material, including Tolerance ranges, default values and the exact export options in each Photoshop version. Check them in your own copy before relying on a specific setting.