Convert a Raster Logo Sketch into a Vector in Illustrator
How to turn a scanned or photographed logo sketch (PNG, JPG) into clean, editable vector paths in Adobe Illustrator using Image Trace, the Pen tool, and a final path inspection.
Contents
- The short answer
- Vector paths, embedded images and raster previews
- Starting materials
- Step 1: Prepare and place the sketch
- Step 2: Choose a conversion method
- Step 3A: Convert with Image Trace
- Step 3B: Redraw by hand
- Step 4: Clean up the paths
- Step 5: Handle lettering
- Step 6: Apply color
- Step 7: Final inspection
- Step 8: Save and export
- Rights and permissions
- What this guide does not cover
The short answer
Illustrator cannot simply resave a PNG or JPG of a sketch as a vector. Placing the image in Illustrator only gives you a raster image inside a vector document. To get editable vector artwork, you have two options. You can generate paths automatically with Image Trace, or you can redraw the shapes by hand with the Pen, Curvature and shape tools, using the sketch as a guide. For a logo, the usual approach combines both: trace to get a starting point, or redraw directly, then clean up the paths until every shape is deliberate. Finish by deleting the original raster so the file contains only vector paths.
This guide is for a hand-drawn logo sketch that has been scanned or photographed. It covers preparing the image, converting it, handling lettering and color, and checking the result before you export it.
Vector paths, embedded images and raster previews
Each of these behaves differently, so it helps to separate them before you start. Vector artwork is made of anchor points and paths that you can scale and edit without loss. An embedded or linked raster image is a grid of pixels sitting inside an Illustrator, PDF, EPS or SVG file. It looks the same as vector art at normal zoom but blurs or pixelates when enlarged. A raster preview, such as a PNG or JPG exported from a vector file, is only a picture of the artwork.
A file's extension does not prove that it contains editable paths. An AI, PDF, EPS or SVG file can hold nothing but a pasted-in bitmap. Always check the contents, as described in the inspection step below.
Starting materials
- The cleanest possible image of the sketch: scanned flat or photographed straight on, in even light, with no shadows or perspective distortion
- High enough resolution that curves and edges are smooth rather than jagged at the size you will be working
- Strong contrast between the lines and the paper, using dark ink or a darkened pencil line on a plain background
- A basic image editor for optional cleanup before tracing: cropping, straightening, raising contrast and removing smudges
- A decision on whether any lettering will be drawn as custom shapes or set in a licensed font
- The intended brand colors, if they have already been chosen
Step 1: Prepare and place the sketch
Clean up the image before you bring it into Illustrator. Both Image Trace and manual redrawing work better from a clean source. Crop to the logo, straighten it, and use levels or curves to push the paper toward white and the lines toward black. Erase stray marks you don't want traced.
In Illustrator, create a new document and use File > Place to bring in the image. At this point the artboard holds only a raster image. Nothing has been converted yet.
Step 2: Choose a conversion method
| Method | Best suited to | Trade-offs |
| Image Trace | Rough-textured or organic marks, quick first drafts, sketches where hand-drawn character should survive | Tends to produce extra anchor points, wobbly curves and stray fragments that need cleanup |
| Manual redraw (Pen, Curvature, shape tools) | Geometric marks, symmetrical forms, lettering, and logos that must reproduce cleanly at very small and very large sizes | Slower and requires drawing skill, but gives the most control over curves and point count |
| Hybrid | Most logos | Trace for proportions or texture, then redraw or simplify the parts that need precision |
Step 3A: Convert with Image Trace
- Select the placed image and open Window > Image Trace.
- Start from a preset suited to line art. For a single-color sketch, the Black and White Logo, Sketched Art or Line Art presets are reasonable starting points.
- Turn on Preview and open the Advanced settings.
- Adjust Threshold to control how much of the gray pencil tone counts as line. Adjust Paths, Corners and Noise to balance fidelity against smoothness and to drop small specks.
- Enable Ignore White so the paper background is not traced as a white shape.
- When the preview looks right, click Expand (or use Object > Image Trace > Expand) to turn the tracing result into ordinary editable paths.
There are no universally correct numbers for these settings. The right values depend on line weight, scan quality and how much texture you want to keep, so adjust them while watching the preview. A tracing object that has not been expanded is still linked to the source image and cannot be edited point by point.
Step 3B: Redraw by hand
- Put the sketch on its own layer. In Layer Options, mark it as a Template, which locks and dims it, or lock it and lower its opacity.
- Create a new layer above it for the vector artwork.
- Build simple geometry with the Rectangle, Ellipse and Polygon tools, then combine or cut shapes with the Shape Builder tool or the Pathfinder panel.
- Draw curves with the Pen or Curvature tool. Place anchor points at the extremes and at changes of direction rather than all along a curve. Fewer, well-placed points give smoother curves that are easier to edit.
- Where a shape is meant to be symmetrical, draw one half and reflect a copy rather than drawing both halves by eye.
- Decide whether each element should be a filled shape or a stroke. Strokes are convenient while drawing, but filled outlines scale more predictably in a final logo.
Step 4: Clean up the paths
- Use the Direct Selection tool to delete stray points and fragments left over from tracing.
- Use Object > Path > Simplify, or the Smooth tool, to reduce excess anchor points. Check that the shape has not drifted away from the intended form.
- Join open endpoints that should meet, and remove overlapping duplicate shapes.
- Make sure counters and cut-outs (the holes in letters like O and A, or negative spaces in a symbol) are true holes made with compound paths or Pathfinder. A white shape placed on top is not a hole.
- If strokes are part of the final design, use Object > Path > Outline Stroke on a delivery copy so line weights do not change when the logo is scaled.
Step 5: Handle lettering
If the sketch includes hand lettering that is meant to stay hand-drawn, treat it like any other shape and trace or redraw it. If the lettering is only a placeholder for typeset text, set it with a font instead of tracing it. Check that the font's license covers logo use. A font being installed on your computer does not mean it may be used in a trademark.
For the delivered logo, convert type to shapes with Type > Create Outlines so the logo displays correctly on machines without the font. Keep a separate working copy with live text in case the wording needs editing later.
Step 6: Apply color
Image Trace in color modes can produce many near-identical colors. For a logo, reduce the artwork to the intended palette. Define those colors as global swatches so a change to one swatch updates every shape that uses it. Keep a single-color version as well, because many logo uses need one. Record the specific color values for the brand, since no values can be assumed here.
Step 7: Final inspection
- Switch to Outline view (View > Outline). Real vector shapes appear as thin path lines, while a raster image appears as a box, often with a cross through it. This is the quickest way to confirm the artwork is truly vector.
- Open Window > Links and Document Info to confirm that no embedded or linked images remain. Delete the original sketch, or move it to a separate working file, once it is no longer needed.
- Zoom in closely on curves and joins to check for kinks, gaps, overlaps and leftover specks.
- View the logo very small and very large to check that thin details hold up and curves stay smooth.
- Confirm that holes are genuinely transparent by placing the logo over a colored background.
- Check that all type has been outlined in the delivery version and that colors use the intended swatches.
Step 8: Save and export
Save the editable master as an Illustrator file. For handoff, common vector formats are PDF, SVG and EPS. Raster previews in PNG or JPG are useful for screens and quick review, but they are pictures of the logo, not the editable artwork. Label them so recipients don't mistake them for the master. Whoever receives the files can confirm they contain paths by opening them and repeating the Outline view check.
Rights and permissions
Vectorizing a logo changes its file format, not who owns it. Redrawing your own sketch, or one you have been commissioned to convert, raises no issue. If the logo belongs to someone else, permission to download or view an image is not permission to modify, redraw or use the artwork, its fonts or its trademark. Get that permission separately.
What this guide does not cover
No source-specific evidence was supplied for this article. It contains no tested Image Trace settings, timing comparisons or version-specific details. Menu names and panel layouts described here reflect long-standing Illustrator features but can shift between releases, so check your version's documentation if a command is not where you expect it. Any setting values should be found by testing them against your own sketch.