How to Make or Convert images to Vector Graphics in Photoshop

PDF download Download Article
Creating and editing vector graphics and images in Photoshop
PDF download Download Article

Converting images to vector graphics makes it easier to resize them without any loss in quality that happens with JPEG or PNG images. You can also create your own vector images by using the path tools. This wikiHow article shows you how to make and convert images to vector graphics using Photoshop.

Things You Should Know

  • Select "Color Range" in the "Select" menu and select a color to convert to a vector. Right-click in the selection and click "Make Work Path." Immediately add a Solid Color layer.
  • Use the Path tools, such as the Pen or the Shape tools, to create vector graphics in Photoshop. Use the Direct Select tool to edit the anchor points.
  • Save the image as a Photoshop EPS file and ensure that "Include Vector Data" is checked to save the image as a vector image.
Method 1
Method 1 of 2:

Converting Images to Vector

PDF download Download Article
  1. Since Photoshop doesn’t have open vector image formats, you'll need to open another file type (like a JPG or PNG) and convert it to a vector graphic.
    • You can open by dragging and dropping the image you want to open on the Photoshop title screen, or by clicking File followed by Open . Select the image you want to open and click Open .
  2. If your image opens up as a background layer, you'll want to duplicate it. This will allow you to save a copy of the original image in your Photoshop document that you can revert to if you mess up too badly. Use the following steps to duplicate your background layer:
    • Right-click the background layer in the Layers panel.
    • Click Duplicate Layer .
    • Click the eyeball icon next to the background layer to hide the background layer.
    Advertisement
  3. You can use any one of the selection tools in Photoshop to select the part of the image you want to vectorize.
    • You can use the Marquee tool to select a rectangular part of an image.
    • To select an object in an image, you can use the Magic Wand tool and trace the object you want to select. Alternatively, you can click Select Subject at the top of the page to allow Photoshop to select the object for you (this is only in newer versions of Photoshop).
  4. Use the following steps to do so:
    • Click the Mask icon at the bottom of the Layers panel. It resembles a circle inside of a square.
  5. This will allow you to apply filters in a non-destructive way. To convert your selection to a smart object, right-click the layer with your selection in the Layers panel and click Convert to Smart Object.
  6. You can find filters by clicking Filters in the menu bar at the top. Vector images are best with simple images that have relatively few colors. Converting your image into a drawing or painting image will make it easier to turn into a vector image. The way you do this will vary depending on the type of image you want to create. The following are a few filters you can try and use:
    • Oil Paint: The Oil Paint filter will give your image a soft painting look. You can find the Oil Paint filter in the Stylize menu.
    • Pallette Knife: The Pallette Knife filter simulates paint applied with a pallette knife. This creates sharp, textured edges and strokes. It's in the Artistic menu. [1]
    • Dry Brush: The Dry Brush filter reduces the amount of color in areas that have a common color. This can reduce the amount of detail needed to convert areas to paths when converting the image to a vector. It's in the Artistic menu.
    • Poster Edges: The Poster Edges filter will add some dark, thick lines to your image. It's in the Artistic menu.
    • Surface Blur: The Surface Blur filter makes textures appear smoother. This reduces the amount of detail in the image. It's in the Blur menu.
    • Unsharp Mask: The Unsharp Mask filter will increase the sharpness and boost the details. It's in the Sharpen menu.
  7. This will allow you to control the number of colors in the image by adjusting the adjustment level slider in the Layers panel. The fewer colors you can get away with, the better. To apply a Posturize adjustment, click your image layer and click the Posturize icon at the top of the Layers Panel. Then right-click the Posturize layer and click Create Clipping Mask .
    • If you aren't happy with how the colors look, you can apply a Hue/Saturation or a Color Balance adjustment to adjust the color. Reduce the saturation all the way to turn it into black and white image.
  8. The Levels adjustment will allow you to adjust the highlights, midtones, and shadows by clicking and dragging the three arrow icons below the graph in the Layers panel. Click your image layer and then click the Levels icon to apply Levels. Then right-click the Levels layer and click Create clipping mask .
  9. Once you are happy with how your image looks, merge your visible layers. To do so, hold Shift and click to select all visible layers in the Layers panel. Then right-click any layer and click Merge Layers . This will merge all layers into a single layer.
    • Do not merge the background Layer.
  10. You'll need to do this for all colors in the image. Use the following steps to select a color.
    • Click Select in the menu bar.
    • Click Color Range .
    • Make sure Fuzziness is set to 0.
    • Make sure the Invert checkbox is not selected.
    • Click Ok .
  11. Use the following steps to do so:
    • Select any selection tool in the toolbar.
    • Right-click within the selection.
    • Click Make Work Path .
    • Make sure tolerance is set to 2 or 3.
    • Click Ok .
  12. This will create a new layer with the vector data. Use the following steps to do so: [2]
    • Click the Filter adjustment icon at the bottom of the Layers panel, which resembles a half-black and half-white circle.
    • Click Solid Color .
    • Click Ok .
  13. For each additional color, use the Color Range option to select the color. Right-click within the color using a selection tool and click Make Work Path . Then click the Adjustment filter icon in the Layers panel and click Solid Color .
    • You can download free actions that will automate the process of vectorizing colors.
    • You can make adjustments to the vectors using the Pen tool, the Convert Point Tool, the Direct Select, or the Path Select tools.
  14. Once you are finished vectorizing all the colors in the image, delete or hide the raster layers. That way only the vector layers are visible.
  15. Use the following steps to do so:
    • Click File in the menu bar at the top.
    • Click Save as .
    • Select "Photoshop EPS" from the drop-down menu next to "Format."
    • Click Save .
    • Ensure "Include Vector Data" is checked.
    • Click Ok .
    16. Advertisement
Method 2
Method 2 of 2:

Creating and Editing Vector Graphics

PDF download Download Article
  1. When adding elements to an image, it's always best to do that in a new layer. Click the icon that resembles a page at the bottom of the Layers panel. Then click your new layer.
    • You can turn off the background layer by clicking the eyeball icon next to the Background layer in the Layers panel.
  2. The Shape tools are vector path tools that create shapes using vectors. Click and hold the Rectangle tool in the toolbar, and then click the shape tool you want to use.
    • The shape tools include the rectangle tool, the rounded rectangle tool (with rounded corners), the ellipse tool (for creating circles and ovals), the polygon tool, the line tool, and the custom shape tool. The custom shape tool allows you to select a shape from a menu bar at the top.
  3. You can make the shape any size you want.
    • If you want your shape to be proportional, press the Shift key while clicking and dragging.
  4. The text tool is used to add text to your image. Text is usually in a vector format. Click the icon that resembles a "T" in the toolbar and click where you want to add text. Then type the text you want to add.
    • You can use the menu bars at the top of the page to select your font, font style, text size, text color, and alignment.
  5. The Pen tool has an icon that resembles a fountain pen in the toolbar. [3] Click the Pen tool and use it to draw your own custom shapes.
    • To draw a straight line with the Pen tool, click once to place an anchor point. Then click again in a new place to create another anchor point with a straight line between the two anchor points.
    • To create a curved line with the Pen tool, click once to create an anchor point. Then click and drag the mouse in another location to create a curved line between the two anchor points. The direction and distance you drag the line will determine the direction and distance you drag the mouse.
    • To complete a shape with the Pen tool, click the original anchor point you started.
    • The Freeform Pen tool allows you to draw shapes the way you would with a brush tool. To access the Freeform Pen tool, click and hold the Pen tool in the toolbar and click the Freeform Pen tool.
  6. The Path Select tool is the icon that resembles a black mouse cursor. Click it and then click one of your vector shapes to select it. Click and drag to move the vector shape.
  7. This will adjust the shape of your vector objects. To select the Direct Select tool, click and hold the Path Select tool in the toolbar. Click the icon that resembles a white mouse cursor. Click an anchor point in one of your vector objects to select it. Click and drag to move the anchor point.
  8. Click and hold the Pen tool in the toolbar, and select the Add Anchor Point tool, or the Delete Anchor Point tool. Use one of the following steps to add or remove an anchor point from one of your vector objects:
    • To add an anchor point to a vector object, click the Add Anchor Point tool under the Pen tool submenu in the toolbar. Click along the path (line) of a vector object to add an anchor point
    • To remove an anchor point from a vector object, click the Delete Anchor Point tool under the Pen tool submenu in the toolbar. Click an anchor point in a vector object to delete it.
  9. Click and hold the Pen tool in the toolbar to display a submenu. Then click the Convert Point tool. Click and anchor point one of your vector objects to display bezier curve lies. Click and drag the points at the top of the bezier curve lines to adjust the curve of the line.
  10. This will create a solid outline around your vector object. Use the following steps to add a stroke to one of your vector objects:
    • Select a foreground color using the colored square in the toolbar or in the Color panel.
    • Select the Pen tool.
    • Right-click the path of a vector object.
    • Click Stroke subpath .
    • Select a tool type in the drop-down menu (i.e. Pencil tool, Brush tool, etc)
    • Click Ok .
  11. This will fill the inside of your vector object with a color. Use the following steps to add a color fill to a vector object.
    • Select a foreground color using the colored square in the toolbar or in the Color panel.
    • Select the Pen tool.
    • Right-click the path of a vector object.
    • Click Fill Subpath .
    • Make sure Foreground Color is selected in the drop-down menu.
    • Click Ok .
  12. Use the following steps to do so:
    • Click File in the menu bar at the top.
    • Click Save as .
    • Select "Photoshop EPS" from the drop-down menu next to "Format."
    • Click Save .
    • Ensure "Include Vector Data" is checked.
    • Click Ok .
    13. Advertisement

Expert Q&A

Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      You Might Also Like

      Simple Ways to Create Clouds in Photoshop
      How to
      Rotate an Image in Photoshop
      Convert an Image into a Line Drawing: Easy Photoshop Tutorial
      How to
      Morph Pictures in Adobe Photoshop
      How to
      Make Yourself Look Thinner With Photoshop
      How to
      Remove an Item from an Image in Photoshop: Complete Guide
      How to
      Resize an Image in Adobe Photoshop
      How to
      Add Sunlight in Photoshop
      How to
      Create a Water Ripple Effect in Adobe Photoshop
      How to
      Put Two Pictures Together
      How to
      Improve Digital Photo Quality in Photoshop
      How to
      Use Photoshop to Retouch Facial Photos
      Advertisement

      References

      1. ↑ https://www.computerhope.com/jargon/p/photoshop-palette-knife.htm
      2. ↑ https://www.adobe.com/products/illustrator/vectorize-image.html
      3. ↑ https://helpx.adobe.com/photoshop/using/drawing-pen-tools.html

      About This Article

      In other languages
      Thanks to all authors for creating a page that has been read 54,488 times.

      Is this article up to date?

      Advertisement