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

| 32 Comments

 

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!

32 Comments

  1. Pingback: loan max title loans

  2. Pingback: new youtube video

  3. Pingback: click to watch

  4. Pingback: cna online classes

  5. Pingback: payday loans online bc canada

  6. Pingback: Payday Loans London

  7. Pingback: Payday Loans Toronto

  8. Pingback: Online Payday Loans

  9. Pingback: Payday Loans Mission Bc

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

  11. Pingback: Payday Loan In Florida

  12. Pingback: youtube.com

  13. Pingback: payday loans online

  14. Pingback: http://www.i-newswire.com/

  15. Pingback: www.itunesdownloads.org

  16. Pingback: cna license verification

  17. Pingback: colleges in new york

  18. Pingback: foursquare.com/1onlinecolleges

  19. Pingback: college application

  20. Pingback: https://twitter.com/1OnlineColleges

  21. Pingback: http://vimeo.com/88321430

  22. Pingback: college application

  23. Pingback: colleges in los angeles

  24. Pingback: Payday Loans Toronto

  25. Pingback: Sadie

  26. Pingback: Elizbeth

  27. Pingback: Pieternel

  28. Pingback: Nanke

  29. Pingback: Your Website is Hacked

  30. Pingback: Free Webmaster

  31. Pingback: Camellia

  32. 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