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

| 49 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!

49 Comments

  1. Pingback: title loans without title

  2. Pingback: chapter 7 bankruptcy

  3. Pingback: bankruptcy information

  4. Pingback: help moppy

  5. Pingback: cheap sunglasses

  6. Pingback: 3 credit bureaus

  7. Pingback: malware removal

  8. Pingback: oh canada classified

  9. Pingback: o canada lyrics

  10. Pingback: best online colleges

  11. Pingback: car loans

  12. Pingback: notary public

  13. Pingback: 2014 free

  14. Pingback: car title loans los angeles

  15. Pingback: certificate courses online

  16. Pingback: title loans

  17. Pingback: online cna classes

  18. Pingback: loan max title loans

  19. Pingback: new youtube video

  20. Pingback: click to watch

  21. Pingback: cna online classes

  22. Pingback: payday loans online bc canada

  23. Pingback: Payday Loans London

  24. Pingback: Payday Loans Toronto

  25. Pingback: Online Payday Loans

  26. Pingback: Payday Loans Mission Bc

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

  28. Pingback: Payday Loan In Florida

  29. Pingback: youtube.com

  30. Pingback: payday loans online

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

  32. Pingback: www.itunesdownloads.org

  33. Pingback: cna license verification

  34. Pingback: colleges in new york

  35. Pingback: foursquare.com/1onlinecolleges

  36. Pingback: college application

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

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

  39. Pingback: college application

  40. Pingback: colleges in los angeles

  41. Pingback: Payday Loans Toronto

  42. Pingback: Sadie

  43. Pingback: Elizbeth

  44. Pingback: Pieternel

  45. Pingback: Nanke

  46. Pingback: Your Website is Hacked

  47. Pingback: Free Webmaster

  48. Pingback: Camellia

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