¿Cómo crear gráficos vectoriales en Photoshop?

TL; DR: Photoshop no puede crear imágenes vectoriales verdaderas. Este es un error muy común.

Piense en ello como un automóvil. – ¿Puedes andar en 4 ruedas con un Toyota Prius? ¡Seguro que puedes ! ¿Va a hacer todas las cosas que puede hacer un Jeep Wrangler? Diablos no. Hay una razón por la que necesita usar un vehículo con tracción en las 4 ruedas para circular en las 4 ruedas, al igual que hay una razón para necesito utilizar una aplicación de vectores para crear archivos vectoriales.

Independientemente de cómo cree un archivo y lo guarde, Photoshop siempre guarda tanto la información vectorial como la ráster . Esto es diferente a cualquier aplicación de vector verdadero.

Usted puede «t crear archivos vectoriales con Photoshop. Solo puede crear archivos ráster con algunos datos vectoriales incrustados. Esto significa que puede haber un cuadrado vectorial y sus bordes permanecerán definidos y nítidos, sin embargo, si ese cuadrado tiene un relleno de degradado. Ese relleno de degradado es ráster completamente y sufrirá algunas escalas.

Aplicaciones como Illustrator, Inkscape, CorelDraw, Xara, Sketch , etc. en realidad sólo pueden contener datos vectoriales independientes de resolución del 100%. No es cuestión de que «la gente prefiera» utilizar una aplicación vectorial. «Es obligatorio si quieres un archivo vectorial verdadero al final.

Esto no es para dicen que las herramientas vectoriales dentro de Photoshop son en general inferiores, no lo son . Sí, usted puede dibujar con las herramientas vectoriales en Photoshop y crear contenido vectorial. Pero para obtener el beneficio real de ese contenido vectorial en Photoshop, debe usar siempre Photoshop para todas las modificaciones futuras. . Cuando amplía o transforma un contenedor de vectores dentro de Photoshop, Photoshop interpola los datos ráster interiores para adaptarse a la transformación. Esa interpolación no ocurre fuera de Photoshop. Por lo tanto, después de exportar / guardar, puede escalar algo como un EPS de Photoshop, los bordes vectoriales se escalarán y permanecerán nítidos porque son vectoriales, pero la interpolación de los datos ráster sí no ocurren fuera de Photoshop. Por lo tanto, los «píxeles rotos» son completamente posibles con un EPS de Photoshop aunque haya utilizado herramientas vectoriales. Este problema surge cuando guarda el archivo o lo exporta . En todos los formatos compatibles con vectores (PDF, EPS, PSD), Photoshop crea un archivo de trama con datos vectoriales incrustados. Photoshop no crea un archivo vectorial. Esto es completamente diferente a las aplicaciones reales basadas en vectores.

Para fines de producción, esta diferencia puede ser poco importante si ya está trabajando a un ppi alto en Photoshop. Pero el usuario debe tener en cuenta que el simple hecho de usar las herramientas vectoriales de Photoshop y guardar como EPS / PDF no crea archivos vectoriales usando cualquier versión de Photoshop actualmente disponible (CC2017 es la más reciente).

Me doy cuenta de que algunos usuarios quieren que Photoshop cree archivos vectoriales porque eso significa que no necesitan aprender nueva aplicación para generar un nuevo formato de archivo. Sin embargo, «s no hay forma de evitarlo. Si quieres archivos vectoriales reales , debe usar una aplicación vectorial real. Photoshop es y siempre ha sido una aplicación raster , por lo tanto, «photo «en su nombre.

• Relacionado: ¿Es un archivo EPS de Photoshop un formato vectorial?

Comentarios

• Realmente PUEDES dibujar gráficos vectoriales en Photoshop. Por ejemplo, normalmente exporto vectores de PS a Flash. Por lo tanto, puede crear imágenes vectoriales reales.
• @Dani Sí, puede dibujar utilizando vectores en Photoshop. Pero no puede guardar (o exportar) un archivo vectorial real de Photoshop. ¿Ha revisado esas exportaciones? Al igual que exportar a Illustrator, son contenedores vectoriales con rellenos de trama. Ese ‘ no es un verdadero archivo vectorial. Lo mejor que puede hacer es dibujar vectores en Photoshop, luego exportar las rutas y usar alguna otra aplicación de vectores verdadera para agregar rellenos y trazos. Entiendo que la gente realmente quiere Photoshop para crear archivos vectoriales, pero la verdad es que Photoshop simplemente no lo hace.
• Además, el mero hecho de que necesite utilizar Flash es una prueba más de que Photoshop es insuficiente para crear archivos vectoriales reales.
• ¿Qué entiende usted por archivo vectorial real?
• Sin contenido rasterizado. La mayoría de los usuarios desesperados por usar Photoshop para archivos vectoriales están tratando de vender archivos vectoriales en sitios de micro-stock. Y al igual que esos sitios, no ‘ veo un archivo que contiene un montón de contenedores vectoriales con rellenos de imágenes rasterizadas como un vector verdadero. Al escalar un archivo con contenedores vectoriales y rellenos ráster, se romperán los píxeles en los rellenos ráster, que ‘ no son vectoriales. Nota: ‘ no digo que no pueda ‘ crear archivos con Photoshop. Los contenedores vectoriales con rellenos ráster están bien para la mayoría de la producción. Pero no son ‘ t true vector.

Chippin «en, en caso de que alguien todavía quiera crear elementos vectoriales en Photoshop (para usar con imágenes rasterizadas, por ejemplo, o para cualquier otra situación).

La herramienta que tiene Photoshop que te permite trabajar con gráficos vectoriales , es la Herramienta de lápiz . El funcionamiento básico de la herramienta Pluma implica hacer clic alrededor del lienzo de Photoshop para que aparezcan los puntos. Estos puntos se conectarán mediante líneas y comenzarán a crear una forma.

En comparación con otros programas (como Illustrator), son las cosas que puede hacer CON las formas una vez que las haya dibujado lo que de alguna manera falta. Photoshop te permitirá dibujar, modificar nodos y jugar combinándolos, intersecándolos o restando, pero no te permitirá hacer operaciones más complejas.

Los foros de Adobe tienen una guía muy completa sobre cómo empezar con la herramienta Pluma .

Creo este hilo necesita un resumen, de lo contrario, los lectores pueden salir confundidos. A la mayoría de los lectores no les importará si los resultados son «eps verdaderos» o «archivos vectoriales verdaderos», solo quieren hacer algo. Sin embargo, deben ser conscientes de los límites y restricciones en ciertas técnicas. Estos son los conceptos clave dados en las respuestas:

1. Photoshop es una herramienta de procesamiento de imágenes basada en píxeles (raster) que tiene algunas capacidades vectoriales. Fue diseñado originalmente manipular y guardar imágenes basadas en píxeles (por ejemplo, fotografías digitales), pero se ha convertido en una herramienta mucho más flexible.

2. Illustrator es una herramienta de procesamiento de imágenes basada en vectores que tienealgunas capacidades de rasterización. Las imágenes basadas en vectores no almacenan información de píxeles, almacena la imagen como datos que serán interpretados por un programa de dibujo de imágenes basado en vectores.

3. Ambos tipos de archivos de imagen requieren una computadora programa para preparar los datos del archivo para su visualización o impresión, pero en última instancia, la impresora o computadora requiere que la imagen esté en formato de píxeles. Como resultado, los archivos basados en vectores requieren más procesamiento. La principal compensación entre el formato vectorial y el formato de píxeles es que los formatos vectoriales se pueden escalar para verse bien en una amplia gama de resoluciones. Los formatos de píxeles sufren cuando se muestran en resoluciones diferentes a la resolución en la que fueron creados. Los formatos de píxeles capturan pequeños detalles y cambios sutiles en la imagen mucho mejor que los formatos vectoriales. Como resultado, los formatos de píxeles son más apropiados para fotografías o pinturas realistas y los formatos vectoriales son más apropiados para logotipos y arte simple basado en web y dispositivos móviles.

4. Porque los dos formatos tienen fortalezas complementarias, tiene sentido usar ambas.En estos casos, puede optar por crear y manipular sus imágenes utilizando Photoshop e Illustrator (o CorelDraw, que hace ambas cosas), o puede utilizar las herramientas vectoriales en Photoshop o las herramientas de rasterización en Illustrator. El mejor enfoque se dicta caso por caso. La pauta obvia es seleccionar la herramienta principal en función del formato de salida necesario.

5. Si desea utilizar herramientas vectoriales en una imagen basada en píxeles en Photoshop, puede hacerlo utilizando la herramienta Pluma o usando Photoshop Generate. A continuación, puede obtener las ventajas de desarrollar con arte vectorial en Photoshop o exportando el arte vectorial a Illustrator. Después de usar Illustrator, puede volver a llevar el arte a Photoshop si tiene la intención de guardarlo en un formato basado en píxeles.

El generador de Photoshop puede guardar archivos SVG (sí, SVG adecuados, solo vectoriales basados en capas de formas creadas en Photoshop). Sin embargo, necesitará Photoshop CC 2014.2 (o 2014.1) para hacerlo.

Ayuda de Adobe: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

Este documento de Photoshop:

Creé este SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245"> <defs> <style> .cls-3 { fill: #fc6665; } </style> </defs> <g> <circle class="cls-3" cx="50" cy="50" r="50"/> <rect class="cls-3" x="72" y="145" width="200" height="100"/> </g> </svg> 

Comentarios

• Cambie el relleno a un degradado, luego abra el svg en Illustrator …. Esto es menos que una solución sólida.
• Depende para qué necesites el SVG. Sin embargo, tiene razón, el soporte para exportar SVG es incompleto en el mejor de los casos, pero si solo desea íconos sólidos o datos de ruta, funciona realmente bien.
• Si solo desea datos de ruta, puede exportar rutas.
• Scott, creo que tienes que admitir que Photoshop es en realidad una herramienta de diseño vectorial aceptable para algunas situaciones.
• Marque, Básicamente, no, yo no ‘ t. No si su deseo es crear archivos vectoriales verdaderos para usar en otras aplicaciones. Si desea formas rudimentarias con rellenos planos, entonces está bien, svg puede funcionar para usted. Pero esa es la excepción , no la regla. La realidad es que realmente necesitas más herramientas que una. Un carpintero no ‘ t construye una casa de calidad con solo un martillo. Y puede ‘ t crear archivos vectoriales de calidad con solo Photoshop. Algunos usuarios quieren desesperadamente que Photoshop haga todo porque no ‘ no quieren aprender nada más. Eso no ‘ t significa que Photoshop sea bueno para todo. No es ‘.