How to Convert a Picture to Vector in Photoshop CS5

by Elizabeth Mott

When you want to create vector artwork, Adobe Photoshop CS5 offers a narrower set of tools than a dedicated illustration program provides, but that doesn't mean you can't create a vector-based interpretation of a bitmapped image entirely within Photoshop. Its shape and fill layers use vector paths to reveal areas of color. You can use path-drawing tools to build up your vector image version or create selections that you convert into vector objects. Which methods you use may depend on how readily you can select discrete color areas and whether you prefer drawing tools' precision capabilities to selections' ease.

Pen-Based Shapes

1

Activate the Freeform Pen tool in the Adobe Photoshop toolbox. Click on the "Shape Layers" button in the Options bar so the tool creates vector shapes on a solid-color layer.

2

Click on the color swatch in the Options bar to bring up the Color Picker and set the shade for the shapes you draw. You can click on the image to sample your color directly from it.

3

Click and drag to draw around an area of color in your image, creating a vector shape that defines the area you outline. To follow around the confines of a defined area of color, activate the "Magnetic" check box in the Options bar. Draw closely around image content or use a loose drawing style for a more interpretive result.

4

Draw multiple shapes on the same layer or create a new layer for each shape. The buttons on the Options bar enable you to make each new path add to existing shapes, carve areas away from them, create a new path that represents the intersection of an existing shape and one you draw, or omit the overlap between an existing and a new path.

5

Create shape layers that define each significant area of color in your file. Drag your layers in the Layers panel to change the order in which they stack.

Selections & Paths

1

Activate the Magic Wand tool in the Adobe Photoshop toolbox. Adjust the Tolerance setting in the Options bar to a higher value to make the tool include a broader range of color variations or a lower value to restrict its selectiveness.

2

Click on an area of color in your image to create a selection that encloses the area filled with that color. Turn off the "Contiguous" check box in the Options bar to select all areas of that color within the bounds of your image.

3

Open the "Paths" panel. Select "Make Work Path" from the fly-out menu at the panel's top right corner. Set the Tolerance value to the minimum of 0.5 to make a path that closely follows your selection. Click on the "OK" button to create your path.

4

Double-click on the "Work Path" name applied by default to your new path. Rename the path to describe the selection and the color areas it represents.

5

Leave the path selected in the Paths panel. Open the "Layer" menu's "New Fill Layer" submenu and choose "Solid Color." Name the layer in the "New Layer" dialog box and click on its "OK" button to reveal the "Pick a Solid Color" dialog box.

6

Set the Color Picker to your desired shade or click in the image on the area you selected with the Magic Wand tool to pick up the color directly from image. Click the "OK" button to create your layer.

7

Create additional fill layers for each of the color areas in your image. To arrange elements of the same color in front of and behind areas of a different color, create more than one layer filled with the same shade and organize them in the desired order in the Layers panel.

Tips

  • check In addition to using the Layer menu to create new fill layers, you can click on the unlabeled New Adjustment Layer button at the bottom of the panel to access a list of fill and adjustment layer types.
  • check To restrict the Magic Wand to a selection based on the colors in a single layer, turn off the "Sample All Layers" check box in the Options bar before you make your selection and target the layer you want to sample by clicking on its name in the Layers panel.
  • check Use a gradient instead of a solid-color fill layer to represent a smooth color transition.
  • check To create a vector drawing file that contains your shape- and fill-layer paths, open the "File" menu's "Export" submenu and choose "Paths to Illustrator." The resulting document contains only unfilled paths, not the colors you used on the layers you drew.

Warning

  • close If you use the Move tool on a shape or fill layer, you move the path that defines its content areas, not the fill that provides the color.

About the Author

Elizabeth Mott has been a writer since 1983. Mott has extensive experience writing advertising copy for everything from kitchen appliances and financial services to education and tourism. She holds a Bachelor of Arts and Master of Arts in English from Indiana State University.

Photo Credits

  • photo_camera Medioimages/Photodisc/Photodisc/Getty Images