1. Design & Illustration
  2. Add-Ons

10 cosas que debes saber sobre cómo trabajar con vectores en Photoshop 

Si bien Photoshop es esencialmente una aplicación de edición de imágenes basada en píxeles, también incluye una cantidad considerable de funciones para ayudarlo a trabajar con gráficos vectoriales y tipos. En este tutorial, vamos a echar un vistazo a 10 de algunas de las características vectoriales más importantes en Photoshop. Aprenderemos a usar la herramienta de pluma libre, la función de goma elástica, las propiedades de forma en vivo, las operaciones de ruta, la disposición de ruta, el aislamiento y mucho más. ¡Empecemos!
Scroll to top

Spanish (Español) translation by Claudia Márquez (you can also view the original English article)

Si bien Photoshop es esencialmente una aplicación de edición de imágenes basada en píxeles, también incluye una cantidad considerable de funciones para ayudarlo a trabajar con gráficos vectoriales y tipos.  En este tutorial, vamos a echar un vistazo a 10 de algunas de las características vectoriales más importantes en Photoshop.  Aprenderemos a usar la herramienta de pluma libre, la función de goma elástica, las propiedades de forma en vivo, las operaciones de ruta, la disposición de ruta, el aislamiento y mucho más. ¡Empecemos! 


1. Herramienta pluma de forma libre

La herramienta Pluma es una herramienta muy útil en Photoshop, pero no es fácil aprender a usarla correctamente. Dibujar líneas rectas con él es fácil, pero las curvas pueden ser mucho más difíciles de crear.  Si domina la herramienta Pluma, puede usarla para selecciones precisas, formas de dibujo, creación de máscaras de vectores y mucho más. Si desea conocer las ventajas de trabajar con rutas, puede intentar comenzar con la herramienta Pluma Freeform.  Le permitirá dibujar libremente utilizando puntos de anclaje pero sin tener que usar la herramienta Pluma. Esta herramienta es como una mezcla de la herramienta Pincel y la herramienta Pluma. No es tan preciso como la herramienta de lápiz real, pero aún puede ser útil en muchos casos. 

Vector Graphics in PhotoshopVector Graphics in PhotoshopVector Graphics in Photoshop
Herramienta pluma de forma libre

2. Banda de caucho

Establecer la dirección y la longitud de los mangos en un punto de anclaje para obtener un segmento de curva correcto puede ser un desafío. Por defecto, Photoshop no ayuda a los usuarios a ver cómo se verá el siguiente segmento de ruta antes de colocar el siguiente punto de anclaje.  Sin embargo, hay una función oculta llamada Rubber Band for the Pen Tool, que puede darle una vista previa del siguiente segmento de camino antes de colocar realmente el siguiente punto de anclaje. Esto puede ser muy útil especialmente para cualquiera que intente aprender a usar la herramienta Pluma. 

Vector Graphics in PhotoshopVector Graphics in PhotoshopVector Graphics in Photoshop
Banda de goma

3. atajos de teclado para la herramienta pluma

La herramienta Pen tiene algunos atajos de teclado útiles que pueden hacer que sea mucho más fácil de usar: 

  • Comando / Ctrl: mueva el punto de anclaje o los controles al cambiar temporalmente a la herramienta de selección directa desde la herramienta Pluma. 
  • Shift: Dibuja líneas rectas horizontales, diagonales o verticales con la herramienta Pluma. 
  • Opción / Alt: convierte los puntos de anclaje de los puntos de esquina a los puntos de curva y viceversa. 

4. Transformando formas con esquinas redondeadas 

Las esquinas redondeadas pueden distorsionarse si intenta cambiar el tamaño de la forma con el comando Transformación libre. Para evitar esto, y si está utilizando una versión de Photoshop anterior a Photoshop CC, puede ajustar el tamaño de las formas con esquinas redondeadas seleccionando la Herramienta de selección directa y empujando los puntos de anclaje a la forma y el tamaño deseados. 

En Photoshop CC, puede usar el panel Propiedades de forma real para mantener fácilmente el radio de la esquina, incluso cuando usa el comando Transformación libre en formas vectoriales con esquinas redondeadas. 

Vector Graphics in PhotoshopVector Graphics in PhotoshopVector Graphics in Photoshop
Transformar formas con esquinas redondeadas.

5. Propiedades de la forma en vivo

Esta es una de las nuevas características más interesantes en Photoshop CC, especialmente para la interfaz de usuario y los diseñadores web.  Las Propiedades de forma en vivo se encuentran en el panel Propiedades y aparecen cuando se selecciona una forma de vector. Podrá ajustar fácilmente las siguientes cosas: 

  • Posición de la forma en el documento
  • Tamaño de la forma
  • Color de relleno de la forma
  • Color del Trazo  de la forma 
  • Trazo Ancho de la forma
  • Estilo de trazo de la forma (incluidas las opciones de líneas discontinuas)
  • Opciones adicionales de carrera (como alineación de carrera, tapa y tipo de articulación)
  • Opciones de radio de la esquina (no disponibles para formas elípticas)
  • Operatons del camino.
Vector Graphics in Photoshop
Propiedades de forma en vivo

6. Fusionando Formas de Vector

Otra característica interesante en Photoshop es la manera fácil y no destructiva de fusionar Vector Shapes. Normalmente, fusionaría capas de píxeles junto con el atajo Command/Ctrl+E, pero en Photoshop CC también puede usar el mismo atajo para combinar las capas de Vector Shape sin rastrizarlas.  Una vez que dos o más formas se fusionan, puede seleccionarlas individualmente con la herramienta de selección de ruta (flecha negra) y cambiar la forma en que interactúan entre sí mediante el uso de las operaciones de ruta. 

Vector Graphics in PhotoshopVector Graphics in PhotoshopVector Graphics in Photoshop
Fusionando Formas de Vector

7.  Operaciones de Path 

Ya mencionado en el párrafo anterior, las Operaciones de ruta se pueden usar para cambiar la forma en que las formas interactúan entre sí.  Para que esta característica funcione, debe tener más de una ruta en la misma capa Vector Shape o Vector Mask. Estas son las operaciones de ruta que puede establecer para crear interacciones entre sus formas: 

  • Combinar formas
  • Restar forma frontal
  • Intercalar áreas de forma
  •  Excluir formas superpuestas.

La forma más fácil de descubrir su efecto es probándolos. Lo bueno de las operaciones de ruta es que son completamente no destructivas por lo que siempre puedes cambiarlas fácilmente. 

Vector Graphics in PhotoshopVector Graphics in PhotoshopVector Graphics in Photoshop
Operaciones de trazado

8. Arreglo de Path

Una vez que domine las Operaciones de ruta, también debe aprender a trabajar con la Configuración de ruta. Esto también puede afectar la forma en que se producirán las combinaciones de formas. Este es el mismo concepto que la estructura de Capa, donde puede mover las rutas hacia arriba y hacia abajo en la jerarquía. Los caminos encima de los demás son superiores a ellos.  Esta función solo se puede encontrar en la barra de opciones siempre que seleccione una máscara vectorial o una capa vectorial. 

Vector Graphics in PhotoshopVector Graphics in PhotoshopVector Graphics in Photoshop
Arreglo de Trazo

9. Selección de la herramienta de trazo: seleccionar todas las capas

La herramienta de selección de trazo incluye una característica muy práctica, que puede cambiar en la barra de opciones siempre que se seleccione la herramienta. Puede elegir usar la herramienta de selección de ruta para seleccionar path solo desde capas activas (seleccionadas) o desde todas las capas. Esta es probablemente una opción que necesitará cambiar de ida y vuelta según lo que sea más útil en un proyecto de Photoshop. Puede ahorrar mucho tiempo si tiene varias capas de Vector Shape en un documento y desea editarlas rápidamente para establecer la opción Seleccionar para la Herramienta de selección de ruta en Todas las Capas. De esta forma, no tendrá que cambiar entre capas para editar las rutas en ellas.

Vector Graphics in PhotoshopVector Graphics in PhotoshopVector Graphics in Photoshop
Selección de ruta de acceso de la herramienta: seleccionar todas las capas

10. aislar capas

Otra característica nueva de Photoshop CC es la opción Aislar capas, que es particularmente útil cuando se trabaja con formas y rutas de vectores.  Mencioné en el párrafo anterior la opción de Seleccionar todas las capas para la herramienta de selección de ruta, lo que hace que sea más fácil trabajar en documentos con muchas capas de formas vectoriales.  Por otro lado, a veces desea restringir la herramienta de selección de ruta o la herramienta de selección directa para asegurarse de que solo afecta una ruta específica y nada más.  Un ejemplo simple es cuando tiene dos formas vectoriales una encima de la otra y solo desea seleccionar la que está en la parte posterior. En estos casos, puede hacer doble clic en esa forma con la herramienta de selección de ruta.  Esto aislará esa capa de todas las otras capas en su documento y podrá trabajar fácilmente sin afectar a otras partes de su diseño.   Para salir del modo de aislamiento, haga doble clic nuevamente en otro lugar de su lienzo y eso hará que vuelvan a aparecer todas las capas en el panel Capas y apague el modo de aislamiento. 

Vector Graphics in PhotoshopVector Graphics in PhotoshopVector Graphics in Photoshop
Aislar a las capas