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

14

Sé que las personas prefieren usar CorelDraw o Adobe Illustrator, pero quiero saber si hay una técnica que pueda seguir para usar Adobe Photoshop para hacer imágenes vectoriales .

adobe-photoshop vector

— Chandan
fuente

Hay un proceso abreviado que se origina en Photoshop que es útil para ilustraciones e iconos vectoriales simples. Lo uso para la velocidad, aunque es útil si no está seguro con la herramienta y las funciones del lápiz. Crea tu ilustración en Photoshop a 240 ppp. Los colores planos dan los mejores resultados. Para un icono uso el negro. Exportar como jpg con la máxima calidad. Ejecute esto a través de una aplicación llamada Vector Magic y el vector se creará para usted (mejor que el rastro de imagen del ilustrador). Puede eliminar el fondo en la aplicación y abrirlo en Illustrator para volver a trabajar. Ejemplo de personaje de chatbot: bit.ly/2AG8HrV

— Applefanboy

23

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

Piensa en ello como un auto. - ¿Puedes andar en 4 ruedas con un Toyota Prius? Claro que puedes ! ¿Va a hacer todas las cosas que un Jeep Wrangler puede hacer? Diablos no. Hay una razón por la que necesita usar un vehículo con tracción en las 4 ruedas para hacer 4 ruedas, así como también hay una razón por la que necesita usar una aplicación vectorial para crear archivos vectoriales.

Independientemente de cómo cree un archivo y lo guarde, Photoshop siempre guarda la información del vector y de la trama . Esto es diferente a cualquier aplicación de vector real.

No puede 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 afilados y nítidos, sin embargo, si ese cuadrado tiene un relleno degradado. Ese relleno degradado es la trama en su totalidad y que se sufren en alguna escala.

Las aplicaciones como Illustrator, Inkscape, CorelDraw, Xara, Sketch, etc. en realidad solo pueden contener datos vectoriales independientes con una resolución del 100%. No se trata de "personas que prefieren" usar una aplicación vectorial. Es necesario si quieres un verdadero archivo vectorial al final.

Esto no quiere decir que las herramientas vectoriales en Photoshop sean en general inferiores, no lo son . Sí, puede dibujar con las herramientas vectoriales en Photoshop y crear contenido vectorial. Pero para obtener el beneficio real de ese contenido vectorial en Photoshop, siempre debe usar Photoshop para todas las modificaciones futuras. Cuando amplía o transforma un contenedor de vectores dentro de Photoshop, Photoshop interpola los datos de trama interior para adaptarlos a la transformación. Esa interpolación nosuceder fuera de Photoshop. Entonces, después de exportar / guardar puede escalar algo como un EPS de Photoshop, los bordes del vector se escalarán y permanecerán nítidos porque son vectores, pero la interpolación de los datos ráster no ocurre fuera de Photoshop. Por lo tanto, los "píxeles rotos" son totalmente posibles con un Photoshop EPS 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 ráster con datos vectoriales incrustados. Photoshop no crea un archivo vectorial. Esto es completamente diferente a las aplicaciones basadas en vectores reales.

Para fines de producción, esta diferencia puede ser poco importante si ya está trabajando a un alto ppi en Photoshop. Pero un usuario debe tener en cuenta que el simple uso de las herramientas vectoriales de Photoshop y guardarlas como EPS / PDF no crea archivos vectoriales con ninguna versión disponible de Photoshop (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 una nueva aplicación para generar un nuevo formato de archivo. Sin embargo, no hay forma de evitarlo. Si desea archivos vectoriales reales , debe usar una aplicación vectorial real. Photoshop es y siempre ha sido una aplicación ráster , por lo tanto, "foto" en su nombre.

— Scott
fuente

Realmente PUEDES dibujar gráficos vectoriales en Photoshop. Por ejemplo, generalmente exporto vectores de PS a Flash. Por lo tanto, puede crear verdaderas imágenes vectoriales.

— DanielBlazquez

@ Dani Sí, puedes dibujar usando vectores en Photoshop. Pero no puede guardar (o exportar) un verdadero archivo vectorial de Photoshop. ¿Has comprobado esas exportaciones? Al igual que exportar a Illustrator, son contenedores de vectores 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 verdaderos para agregar rellenos y trazos. Entiendo que la gente realmente quiere que Photoshop cree archivos vectoriales, pero la verdad es que Photoshop simplemente no lo hace.

— Scott

Además, el simple hecho de que necesite usar Flash es una prueba más de que Photoshop es insuficiente para crear archivos vectoriales reales.

— Scott

¿Qué entiendes como verdadero archivo vectorial?

— DanielBlazquez

Sin contenido ráster. 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 contenga un montón de contenedores de vectores con rellenos de imágenes ráster como verdaderos vectores. Al escalar un archivo con contenedores de vectores y rellenos de trama, se romperán los píxeles en los rellenos de trama, eso no es un vector. Nota: No digo que no puedas crear archivos con Photoshop. Los contenedores de vectores con rellenos de trama están bien para la mayoría de la producción. Pero no son verdaderos vectores.

— Scott

4

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

La herramienta que Photoshop tiene para trabajar con gráficos vectoriales es la herramienta Pluma . El funcionamiento básico de la herramienta Pluma consiste en hacer clic alrededor del lienzo de Photoshop para que aparezcan puntos. Estos puntos estarán conectados por líneas y comenzarán a crear una forma.

En comparación con otros programas (como Illustrator), son las cosas que puedes hacer CON las formas una vez que las has dibujado lo que de alguna manera falta. Photoshop le permitirá dibujar, modificar nodos y jugar con su combinación, intersección o sustracción, pero no le permitirá realizar operaciones más complejas.

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

— Yisela
fuente

3

PUEDE exportar las rutas que crea a un archivo de Illustrator, pero la vista básica es que Photoshop se creó para imágenes ráster e Illustrator para imágenes vectoriales. CorelDraw hace ambas cosas en un solo programa, pero la desventaja es que no es tan bueno como Adobe, en mi opinión.

— Mr.Syrax
fuente

0

Creo que 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 "verdaderos eps" o "verdaderos archivos vectoriales", solo quieren hacer algo. Sin embargo, deben ser conscientes de los límites y las limitaciones de ciertas técnicas. Aquí están los conceptos clave dados en las respuestas:

Photoshop es una herramienta de procesamiento de imágenes basada en píxeles (ráster) que tiene algunas capacidades vectoriales. Originalmente fue diseñado para 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.
Illustrator es una herramienta de procesamiento de imágenes basada en vectores que tiene algunas 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.
Ambos tipos de archivos de imagen requieren un programa de computadora para preparar los datos del archivo para su visualización o impresión, pero en última instancia, la impresora o la computadora requieren que la imagen esté en formato de píxeles. Como resultado, los archivos basados en vectores requieren más procesamiento. La principal desventaja entre el formato vectorial y el formato de píxeles es que los formatos vectoriales se pueden escalar para que se vean 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 de vectores son más apropiados para logotipos y arte web y móvil simple.
Debido a que los dos formatos tienen fortalezas complementarias, tiene sentido usar ambos. En estos casos, puede elegir crear y manipular sus imágenes usando Photoshop e Illustrator (o CorelDraw, que hace ambas cosas), o puede usar las herramientas vectoriales en Photoshop o las herramientas de rasterización en Illustrator. El mejor enfoque se dicta caso por caso. La guía obvia es seleccionar la herramienta principal en función del formato de salida necesario.
Si desea usar herramientas vectoriales en una imagen basada en píxeles en Photoshop, puede hacerlo usando la herramienta Pluma o Photoshop Generate. Luego puede obtener las ventajas de desarrollar con arte vectorial en Photoshop o exportando el arte vectorial a Illustrator. Después de usar Illustrator, puede traer el arte nuevamente a Photoshop si tiene la intención de guardar en un formato basado en píxeles.

— David Walker
fuente

-1

Photoshop's Generator puede guardar 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 id="vectorsvg">
    <circle id="circle-1" class="cls-3" cx="50" cy="50" r="50"/>
    <rect id="rect-1" class="cls-3" x="72" y="145" width="200" height="100"/>
  </g>
</svg>

— Marc Edwards
fuente

Cambie el relleno a un degradado, luego abra el svg en Illustrator ... Esto es menos que una solución sólida.

— Scott

Depende de para qué necesita 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.

— Marc Edwards

Si solo desea datos de ruta, simplemente puede exportar rutas.

— Scott

Scott, creo que tienes que admitir que Photoshop es en realidad una herramienta de diseño vectorial aceptable para algunas situaciones.

— Marc Edwards

Mark, Básicamente, no, no lo hago. No si su deseo es crear verdaderos archivos vectoriales para su uso 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 solo una. Un carpintero no construye una casa de calidad con solo un martillo. Y no puede crear archivos vectoriales de calidad con solo Photoshop. Algunos usuarios quieren desesperadamente que Photoshop haga todo porque no quieren aprender nada más. Eso no significa que Photoshop sea bueno para todo. No es.

— Scott