Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
up vote 2 down vote favorite

I have a set of Photoshop files which consist of a base image with a series of layers with colored overlays. The overlays are labeled using the layer names.

My task is to get these overlays as SVG paths, somehow preserving the labels. (If I can preserve the fill colors as well, that would be cool, but we can define arbitrary fill colors if needed.)

So far we have tried exporting the layers as Illustrator paths, and then exporting to SVG from Illustrator. This gets us reasonable SVG paths, but (a) we lose the labels, and (b) if a layer has more than one discrete section in its overlay, it is separated into several paths.

Is there a way to get these layers into SVG while retaining the labels? Or should we do our export -> Illustrator -> SVG route on a layer-by-layer basis?

We're working with CS5, if that's important.

share|improve this question

2 Answers

up vote 0 down vote

Try this tool and check layers demo. Looks like it's what you need.

share|improve this answer
It does look promising, but reading the docs it looks like it flattens layers before exporting them; we need the vector (path) data, and this script (which is pretty sharp, I have to say) seems to rasterize the layers on export. – pjmorse Jun 18 '12 at 14:19
up vote 0 down vote

Are these provided by a vendor? If so, maybe it's not doable now, but for future reference, I'd have them deliver the buttons in a format that makes the conversion much more practical. Adobe Illustrator would be better, or Inkscape would be perfect (given its native format is SVG to begin with).

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.