¿Hay alguna manera de obtener la cadena de ruta SVG fuera de una forma o ruta personalizada de Photoshop? ¿O hay otra forma de obtener/construir datos similares? Estoy mirando para hacer algo similar a esto:Forma personalizada de Photoshop a cadena de ruta SVG
Actualización: en las últimas versiones de Photoshop, hay una Opción incorporada para exportar la imagen como SVG, que funciona bien en rutas y formas personalizadas. Solo hazlo:
Archivo -> Exportar -> Exportar como ... y seleccionar SVG en la configuración del archivo.
respuesta original:
A partir de Photoshop CC 14.2, puede crear archivos SVG directamente desde Photoshop:
generator.json con el contenido a continuación en la carpeta de inicio del usuario .<something>.svg.Contenido para generador.JSON:
{
"generator-assets": {
"svg-enabled": true
}
}
Fuente: http://creativedroplets.com/generate-svg-with-photoshop-cc-beta/
Si tiene Aunque Illustrator no ha creado todas las rutas, es probable que sea más fácil crearlas directamente en Illustrator.
Si no tiene Illustrator, probablemente sea mejor que use el editor gratuito SVG Inkscape para dibujar sus rutas.
Si ya tiene las rutas en Photoshop, y no tiene Illustrator, lo mejor que puedo pensar es activar la paleta de información en Photoshop, seleccione los puntos de la ruta uno a la vez y grabe manualmente las posiciones de la señalarse a sí mismo, así como sus identificadores, y crear manualmente la ruta usando absolute curveto commands, 'C' (para los puntos con identificadores) y absolute lineto commands, 'L' para los puntos que no tienen controladores.
Gracias! Actualmente no tengo Illustrator cargado, pero podría tener acceso a él. después de guardar como SVG, ¿me daría el comando de cadena de taquigrafía? –
@WillHaynes Sí, Illustrator guarda SVG válido, y para las rutas creará un elemento '
Me enojé al hacerlo manualmente, así que creé un script de PS que automáticamente exportará tus capas a SVG por ti (siempre que tengas Ill. Instalado). http://hackingui.com/design/export-photoshop-layer-to-svg/ – DMTintner
Otra opción es guardar el archivo como EPS en photoshop asegurándose de tener vectores de exportación se marca, y luego cargar eso en ilustrador y guardar como SVG
Esto funcionó para mí, ¡gracias! Específicamente, para lo que estaba trabajando, pude tomar una capa con vectores, haga clic derecho -> Convertir en objeto inteligente, haga clic derecho -> Editar contenido, que se abrió en una nueva pestaña del documento de Photoshop, y luego Guardar como ... a un EPS. –
Todas las respuestas eran buenas, pero para mí eran demasiado, hay una herramienta en línea proporcionada por Adobe:
http://adobe.com/go/extract_tryitnow_en
Todo lo que tienes hacer es cargar/arrastrar & soltar/su archivo .psd, elegir la capa de ruta y descargar como svg. Y puede extraer la ruta svg, atributo d en particular.
Entonces lo que hice es poner el path en un elemento g, entonces escalado g y traducidos al path
Para formas personalizadas, es posible que desee echar un vistazo a la secuencia de comandos de código abierto recientemente publicado llamado Convert Custom Shapes File to SVG Set (para Photoshop CS3 o posterior), utilizado para convertir un archivo de formas personalizadas (.csh) o un archivo de preferencias de formas personalizado (CustomShapes.psp) en un conjunto de archivos SVG.
Esta respuesta debería haber sido seleccionada como la correcta. Sin necesidad de herramientas externas. Funciona genial. Gracias @Tzach! –
Actualizando esto como la respuesta seleccionada. ¡Gracias! –
Buen trabajo. Gracias por mantenerse al día y cambiar la respuesta aceptada. – Phrogz