MeganMcDermott.com» How-to’s – MeganMcDermott.com http://meganmcdermott.com Web design and that Tue, 10 Aug 2010 14:11:29 +0000 en hourly 1 http://wordpress.org/?v=3.0 How to search & replace colours in a vector graphic http://meganmcdermott.com/2008/11/30/search-replace-colours-vector-graphic/ http://meganmcdermott.com/2008/11/30/search-replace-colours-vector-graphic/#comments Sun, 30 Nov 2008 16:24:19 +0000 Megan http://meganmcdermott.com/?p=308 Today I wanted to find and replace colours in a vector graphic. The greens weren’t quite what I wanted, but the image was full of gradients that I didn’t want to have to change by hand. Can any vector program search and replace colours? I wasn’t sure, but instead of searching around for one my husband helped me come up with this SVG solution:

Replace colours in a vector graphic

  1. Save your graphic as an SVG. You can use Inkscape, Illustrator, or pretty much any other vector program to do this.
  2. Make note of your “before” and “after” colours as hex values.
  3. Open the .svg file in a text editor. You’ll see some mark-up that looks much like HTML (that’s because SVG an XML specification).
  4. Search for your “before” values and replace with the “after”.
  5. Save.

That’s it! Now, if only Internet Explorer would support SVG so I didn’t have to export these as png’s…

]]> http://meganmcdermott.com/2008/11/30/search-replace-colours-vector-graphic/feed/ 2