Is there any way to get the SVG path string off a Photoshop custom shape or path? Or is there another way to get/construct similar data? I'm looking to do something similar to this:
http://raphaeljs.com/icons/
Converting a shape into a path in Photoshop is a quick and easy way to create custom shapes or text elements. Simply select the shape with the Selection tool, go to the Edit menu, and choose Define Custom Shape. Then, go to the Paths panel and click on the Make Work Path from Selection button.
Choose the Pen tool on the toolbox. Select the drawing option from the options bar to draw either a path, Shape layer or fill pixels. Click once to mark the starting point, then Ctrl-click Cmd-click) somewhere else (without dragging) to mark the ending point. A straight line connects the dots.
Update: in recent versions of Photoshop, there is a built-in option to export the image as SVG, which works well on paths and custom shapes. Just do:
File -> Export -> Export as... and select SVG in the file settings.
Original Answer:
Starting from Photoshop CC 14.2, you can create SVG files directly from Photoshop:
generator.json
with the content below in your user home folder.<something>.svg
.Content for generator.json:
{ "generator-assets": { "svg-enabled": true } }
Source: http://creativedroplets.com/generate-svg-with-photoshop-cc-beta/
If you have Illustrator and have not created all the paths, however, it is probably easier to create them directly in Illustrator.
If you do not have Illustrator, you are probably better off using the free Inkscape SVG editor to draw your paths.
If you do already have the paths in Photoshop, and do not have Illustrator, the best I can think of is to turn on the Info palette in Photoshop select the path points one at a time and manually record the positions of the point itself as well as its handles, and from those manually create the path using absolute curveto commands, 'C' (for the points with handles) and absolute lineto commands, 'L' for those points that have no handles.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With