¿Cómo dibujar formas vectoriales en Photoshop?

Photoshop es básicamente un software de edición de imágenes basado en trama desarrollado y publicado por Adobe Inc. pero en Photoshop también podemos editar imágenes vectoriales. Entonces, en este artículo, aprenderemos cómo dibujar diferentes tipos de formas vectoriales, como rectángulos, círculos, cuadrados, elipses, etc. También aprenderemos cómo dibujar nuestra forma personalizada y cómo usar la forma Pre-Build proporcionada por Photoshop, y luego aprenderemos sobre algunas propiedades interesantes y la configuración de formas vectoriales. 

Herramientas vectoriales

La herramienta de vectores es una forma de crear formas vectoriales en Photoshop. Aunque Photoshop es un software de edición de imágenes basado en raster, con la ayuda de esta herramienta, podemos crear formas vectoriales como rectángulo, cuadrado, elipse, círculo, polígono, línea de un solo píxel y muchas más formas personalizadas. 

Entonces, para usar esta herramienta, debemos activar esta herramienta en Photoshop presionando U en el teclado o puede seleccionar la opción de formas vectoriales en la barra de herramientas de Photoshop. Después de seleccionar la herramienta, si arrastra el mouse sobre el lienzo manteniendo presionado el botón izquierdo del mouse , puede ver que se creará la forma. De forma predeterminada, se selecciona la forma rectangular, pero también puede cambiar esto. Si presiona repetidamente shift + U en el teclado, puede alternar entre los diferentes tipos de formas vectoriales o si hace clic y mantiene presionado el ícono de formas vectoriales en el panel de la barra de herramientas, se abrirá una pequeña ventana emergente donde puede ver la lista de diferentes tipos de formas vectoriales, simplemente selecciónelas para usarlas. 

Ahora discutimos diferentes tipos de formas vectoriales que puede dibujar en su lienzo con la ayuda de la herramienta de formas vectoriales:

1. Formas rectangulares y cuadradas
2. Formas rectangulares y cuadradas redondeadas
3. Formas elípticas y circulares
4. Línea de un solo píxel
5. Formas poligonales
6. Formas personalizadas y biblioteca de formas vectoriales predefinidas.

Formas rectangulares y cuadradas: la forma rectangular es la forma seleccionada por defecto para el dibujo. Si presiona el botón izquierdo y mantiene presionado y arrastra el mouse sobre el lienzo, se formará una forma de vector rectangular. La ilustración de esta herramienta se muestra debajo de la imagen:

Forma cuadrada: la forma cuadrada es una forma vectorial rectangular subformada. Si mantiene presionado el botón de cambio en el teclado mientras crea una forma rectangular, verá que en lugar de una forma rectangular, se formará una forma cuadrada, como se muestra en la imagen a continuación:

Formas rectangulares y cuadradas redondeadas: una forma rectangular redondeada es una forma cuyas esquinas no son afiladas pero tienen la forma de una curva suave, por lo que se denomina forma rectangular redondeada. Al presionar shift + U repetidamente, puede seleccionar esta forma. En la siguiente imagen puedes ver el ejemplo de una forma vectorial rectangular redondeada:

Forma cuadrada  redondeada: La forma cuadrada redondeada es otra variación de la forma rectangular redondeada. Si mantiene presionado el botón de cambio en el teclado mientras crea una forma rectangular redondeada, verá que en lugar de una forma rectangular redondeada, se formará una forma cuadrada redondeada que se muestra en la imagen a continuación:

Nota: Las formas rectangulares redondeadas y cuadradas redondeadas también tienen la propiedad adicional de manipulación de formas denominada radio. Puede ajustar el radio de las esquinas redondeadas completando el campo de entrada de radio que se encuentra en el panel de propiedades de arriba. 

Formas elípticas y circulares: con la ayuda de una forma vectorial elíptica podemos crear la forma de un huevo. También creamos formas de elipse verticales y horizontales con esta herramienta. Las formas elípticas son formas muy prácticas y útiles para el diseño gráfico. Puede ver la ilustración simple de la forma vectorial elíptica en la imagen a continuación:

Forma circular: al igual que las variantes de formas rectangulares y formas rectangulares redondeadas, esta forma circular también es una variante de la forma vectorial elíptica. Al presionar shift mientras crea una forma elíptica, puede crear la forma vectorial circular. En la imagen de abajo puedes ver la forma del vector circular:

Línea de un solo píxel: esta opción simplemente creará una línea de un solo píxel que es recta y lineal. Si presiona shift mientras crea una forma de línea, puede crear una línea con un ángulo de 0°, 45°, 90°, 135°, 180°, 225°, 270° y 315° grados desde el punto de origen de la forma. Como se muestra en la siguiente imagen: 

Formas poligonales: en esta opción, podemos crear formas poligonales como estrella, pentágono y varias formas como se muestra en la imagen a continuación:

Biblioteca de formas vectoriales predefinidas y formas personalizadas: esta es una opción muy importante y muy útil para dibujar formas vectoriales en Photoshop. Photoshop proporciona una biblioteca de formas vectoriales preconstruidas en la que encontramos varios tipos de formas vectoriales preconstruidas. Para usar estas formas preconstruidas, simplemente seleccione la opción de forma personalizada y haga clic derecho en el lienzo, luego se abrirá el panel pequeño donde puede ver las formas preconstruidas, simplemente haga clic y use. 

pero si desea más formas vectoriales, haga clic en el icono de engranaje pequeño ubicado en la esquina superior derecha del panel abierto. Después de hacer clic en el ícono de ajustes, puede ver varias opciones con respecto a la herramienta de forma. En la última sección de la lista, puede ver los distintos tipos de formas. Para usar esto, simplemente haga clic en una de esas opciones, y se abrirá una pequeña ventana emergente donde puede reemplazar o agregar las nuevas formas vectoriales en el panel de formas. 

¿Cómo hacer formas vectoriales personalizadas?

Para crear formas vectoriales personalizadas, debe tener algún conocimiento de la herramienta Pluma en Photoshop. La herramienta Pluma es la herramienta más importante en Photoshop, con la ayuda de la herramienta Pluma puede crear selecciones, rutas y formas en Photoshop. Entonces, antes que nada, seleccione la herramienta de lápiz haciendo clic en P en el teclado o seleccione la herramienta de lápiz en el panel de la barra de herramientas y configure la herramienta de lápiz en la ruta para dar forma.

y haga su forma deseada en el lienzo. Después de hacer la forma con la ayuda de la herramienta Pluma, haga clic con el botón derecho en el lienzo y seleccione la opción  Definir forma personalizada en la ventana de opciones. Después de hacer clic en la opción, debe proporcionar el nombre de su forma personalizada y guardarla.

Ahora, para usar esta forma personalizada, vuelva a seleccionar la herramienta de forma vectorial y haga clic con el botón izquierdo y derecho en el lienzo, luego podrá ver la ventana de formas de la biblioteca donde simplemente seleccione su forma personalizada en el panel de la biblioteca. En caso de que su forma no aparezca en el panel de la biblioteca, haga clic en el ícono de ajustes en el panel de la biblioteca y cargue su forma personalizada. 

Opciones para formas vectoriales

Al igual que otras herramientas, en Photoshop, la herramienta de formas vectoriales también tiene varios tipos de opciones/propiedades como el color de la forma, el tamaño de la forma, la opacidad, etc. A continuación se encuentra la explicación detallada de las opciones/propiedades de las formas vectoriales.

1. Tipos

En la opción de tipos, puede seleccionar Trazado, Forma o Píxel. En la opción de ruta solo puede crear la ruta o el contorno de la forma. Con la ayuda de este tipo, puede hacer una selección de formas formadas por esta herramienta. en el tipo de forma, puede crear formas con el color de relleno. 

2. Color de relleno 

Esta opción es la opción más útil para formas vectoriales. Esta opción especifica de qué color debe ser la forma que va a dibujar. Con la ayuda de esta opción, puede decidir el color de las formas. Para usar esta opción, haga clic en la opción de color en el panel de opciones de arriba, que abrirá una ventana de color en la que habrá diferentes tipos de colores, ahora puede seleccionar su color favorito de esta ventana de color y también puede completar el degradado y patrones en la forma. Y si desea crear su propio color personalizado, también puede hacerlo haciendo clic en el ícono del selector de color ubicado en la esquina superior derecha de la ventana de color. 

3. Trazo y color del trazo

El trazo se utiliza para hacer contornos de la forma o el límite de las formas vectoriales. De forma predeterminada, el trazo no se aplica en las formas, pero si desea aplicar el trazo en su forma, simplemente haga clic en la opción Trazo en el panel de opciones y elija el color deseado para el trazo en la ventana emergente. 

En el siguiente ejemplo, puede ver cómo seleccionar un color para el trazo:

4. Ancho de trazo

Esta opción se utiliza para ajustar el ancho del trazo. Puede dar el valor del trazo en forma de píxeles. puedes decidir el ancho del trazo. Con la ayuda de este valor, puede decidir qué tan grueso o delgado será el trazo de su forma. 

5. Tipo de accidente cerebrovascular

El tipo de trazo es decidir cuál será el estilo de su trazo, como lineal, punteado y línea punteada larga, etc. Por defecto, la línea lineal se selecciona para el trazo. Puede seleccionar un tipo de línea diferente para el trazo simplemente haciendo clic en el icono que se muestra en la imagen a continuación:

Ejemplo:

6. Alto y ancho de forma

Con la ayuda de la opción de alto y ancho, puede establecer el tamaño de la forma en píxeles. Para configurar el tamaño de la forma, debe completar el valor de alto y ancho en los cuadros de entrada en forma de píxeles. 

7. Suma, Resta, Intersección y Extrusión de las Formas superpuestas

Esta opción es la opción más útil y común para hacer formas. En esta opción, puede agregar, restar, intersecar o extruir el área superpuesta de las dos formas. Debe tener al menos una forma en su lienzo para usar esta opción. 

Hablemos de todas las opciones una por una:

• Adición de formas: Después de seleccionar esta opción, puede agregar dos o más formas juntas. Si desea agregar una forma rectangular a la forma circular, debe usar esta opción. El funcionamiento de esta opción se muestra a continuación:

• Resta de forma: con la ayuda de esta opción, puede restar fácilmente una forma de otra forma. el área superpuesta de dos formas y la segunda forma se eliminarán después de esta operación. Veamos cómo funciona en la siguiente imagen:

• Intersección de formas: si desea intersectar una forma con otra forma, debe usar esta opción. Después de seleccionar esta opción, si dibuja una nueva forma en la otra forma, el área común o superpuesta de las dos formas permanecerá y el área adicional de dos formas que no se superponen se eliminará. A continuación se muestra una ilustración simple de esta operación:

• Extrusión de área superpuesta: Esta opción es totalmente opuesta a la opción de intersección de formas. en contraste con la forma en que el área superpuesta se guardó en la opción de intersección de formas, solo el área superpuesta de la forma se elimina en la opción de extrusión de forma,

8. Alineación

Esta opción es bastante útil. si desea alinear la forma en un orden particular, esto es muy útil. Con la ayuda de esta opción, puede alinear los bordes de la forma verticalmente a la izquierda, a la derecha o al centro y puede alinear los bordes de las formas horizontalmente en la parte superior o inferior del lienzo o puede alinear el centro. 

9. Orden de las formas 

Cada forma vectorial en Photoshop tiene una capa diferente, a medida que avanzamos en la creación de formas. Luego, cada capa nueva se agrega encima de la capa anterior en forma de pila y, con la ayuda de esta propiedad, podemos cambiar el orden de estas capas.

• Traer la forma al frente: después de seleccionar esta opción, la capa de la forma seleccionada aparece en la parte superior de la pila de capas.
• Traer la forma al frente:  después de seleccionar esta opción, la capa de la forma seleccionada aparece en la parte superior de la capa que está encima.
• Enviar forma hacia atrás:  Después de seleccionar esta opción, la capa de la forma seleccionada va debajo de la capa debajo de ella.
• Enviar forma al fondo:  después de seleccionar esta opción, la capa de la forma seleccionada se mueve al final de la pila de capas.