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

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

57 Comments

  1. Pingback: hefalimp cardijon

  2. Pingback: Payday Online

  3. Pingback: bankruptcy lawyers

  4. Pingback: blucarpet.com

  5. Pingback: bankruptcy forms

  6. Pingback: chapter 11 bankruptcy

  7. Pingback: bankruptcy filing

  8. Pingback: chapter 13 bankruptcy

  9. Pingback: title loans without title

  10. Pingback: chapter 7 bankruptcy

  11. Pingback: bankruptcy information

  12. Pingback: help moppy

  13. Pingback: cheap sunglasses

  14. Pingback: 3 credit bureaus

  15. Pingback: malware removal

  16. Pingback: oh canada classified

  17. Pingback: o canada lyrics

  18. Pingback: best online colleges

  19. Pingback: car loans

  20. Pingback: notary public

  21. Pingback: 2014 free

  22. Pingback: car title loans los angeles

  23. Pingback: certificate courses online

  24. Pingback: title loans

  25. Pingback: online cna classes

  26. Pingback: loan max title loans

  27. Pingback: new youtube video

  28. Pingback: click to watch

  29. Pingback: cna online classes

  30. Pingback: payday loans online bc canada

  31. Pingback: Payday Loans London

  32. Pingback: Payday Loans Toronto

  33. Pingback: Online Payday Loans

  34. Pingback: Payday Loans Mission Bc

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

  36. Pingback: Payday Loan In Florida

  37. Pingback: youtube.com

  38. Pingback: payday loans online

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

  40. Pingback: www.itunesdownloads.org

  41. Pingback: cna license verification

  42. Pingback: colleges in new york

  43. Pingback: foursquare.com/1onlinecolleges

  44. Pingback: college application

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

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

  47. Pingback: college application

  48. Pingback: colleges in los angeles

  49. Pingback: Payday Loans Toronto

  50. Pingback: Sadie

  51. Pingback: Elizbeth

  52. Pingback: Pieternel

  53. Pingback: Nanke

  54. Pingback: Your Website is Hacked

  55. Pingback: Free Webmaster

  56. Pingback: Camellia

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