Changing the color of a vector in Photoshop (single color)



I am frequently asked by my customers if it is possible to change the color of a vector graphic without Illustrator. The answer is yes! Photoshop seems to be ubiquitous on home computers these days, so here is a tutorial on how to change the color of a vector file in Photoshop.

This tutorial pertains specifically to vectors that are a single color, which many of my swirls and flourishes are. Of course, there is more than one way to do this. I am showing you the process that I find the easiest. (And trust me, it’s really easy.)

  • File>Open
  • Most of my vector images come with various file types: Illustrator (.ai), Encapsulated Postscript (.eps), PDF, JPEG, and/or PNG. The file we want here is the Illustrator format. This will also work with the .eps file, but there are different options to set up.

  • Layer > Layer Style > Color Overlay
  • Be sure that the correct layer is selected – in this case, Layer 1. The checkered background tells us that this image has a transparent background, so we can manipulate the Layer Styles to achieve the color change.

  • In the Color Overlay dialogue, click on the little rectangle next to the blending options. This will open a color selection window. Select the color you would like the image to be. Click OK, and OK again.

  • File > Save As
  • Your image should be the color you selected! To retain the transparent background, save the image as a PNG file.

 And voila! You should have a newly colored image that you can use in your creative projects.

Have a suggestion for a future tutorial? Let me know!


  1. Pingback: cna online classes

  2. Pingback: payday loans online bc canada

  3. Pingback: Payday Loans London

  4. Pingback: Payday Loans Toronto

  5. Pingback: Online Payday Loans

  6. Pingback: Payday Loans Mission Bc

  7. Pingback: Payday Loans On Child Tax Credits In Ontario

  8. Pingback: Payday Loan In Florida

  9. Pingback:

  10. Pingback: payday loans online

  11. Pingback:

  12. Pingback:

  13. Pingback: cna license verification

  14. Pingback: colleges in new york

  15. Pingback:

  16. Pingback: college application

  17. Pingback:

  18. Pingback:

  19. Pingback: college application

  20. Pingback: colleges in los angeles

  21. Pingback: Payday Loans Toronto

  22. Pingback: Sadie

  23. Pingback: Elizbeth

  24. Pingback: Pieternel

  25. Pingback: Nanke

  26. Pingback: Your Website is Hacked

  27. Pingback: Free Webmaster

  28. Pingback: Camellia

  29. Thank you it worked with CS6 but didn’t have PNG as an option. I like to know how to create an watermark image

Leave a Reply