En este tutorial, aprenderemos los conceptos básicos de cómo dibujar formas vectoriales en Photoshop cs6 con su facilidad de uso herramientas de forma!

Comenzaremos aprendiendo a dibujar formas geométricas básicas usando el Herramienta rectangular, los Herramienta Rectángulo redondeado, los Herramienta Elipse, los Herramienta de polígono, y el Herramienta de línea. Aprenderemos cómo elegir colores de relleno y trazo para las formas, cómo cambiar la apariencia del trazo, cómo editar las formas más adelante gracias a la flexibilidad de las capas de formas, ¡y más! Hay mucho que cubrir, por lo que este tutorial se centrará en todo lo que necesitamos saber sobre estas cinco herramientas de formas geométricas. En el siguiente tutorial, aprenderemos cómo agregar formas más complejas a nuestros documentos usando Photoshop Herramienta de forma personalizada!

Este tutorial es para usuarios de Photoshop CS6. Si está utilizando una versión anterior de Photoshop, querrá consultar el tutorial original de Shapes And Shape Layers Essentials.

La mayoría de la gente piensa en Photoshop como un editor de imágenes basado en píxeles, y si le pidieras a alguien que te recomendara un buen programa de dibujo basado en vectores, Adobe Illustrator normalmente estaría en la parte superior de su lista. Es cierto que Photoshop no comparte todas las características de Illustrator, pero como veremos en este y otros tutoriales de esta serie, sus diversas herramientas de forma hacen que Photoshop sea más que capaz de agregar ilustraciones simples basadas en vectores a nuestros diseños y maquetaciones.

Si no está seguro de qué vector es la forma y en qué se diferencia de un basado en píxeles forma, asegúrese de consultar el tutorial anterior de esta serie, Drawing Vector vs Pixel Shapes en Photoshop CS6.

Dibujar formas vectoriales en Photoshop

Las herramientas de forma

Photoshop nos ofrece seis herramientas de formas para elegir: la Herramienta rectangular, los Herramienta Rectángulo redondeado, los Herramienta Elipse, los Herramienta de polígono, los Herramienta de línea, y el Herramienta de forma personalizada, y todos están anidados juntos en el mismo lugar en el Panel de herramientas. De forma predeterminada, la herramienta Rectángulo es la que está visible, pero si hacemos clic y mantenemos presionado el ícono de la herramienta, aparece un menú desplegable que nos muestra las otras herramientas que podemos elegir:

Empezaré seleccionando el primero de la lista, el Herramienta rectangular:

Formas, píxeles o caminos

Antes de dibujar cualquier forma, primero debemos decirle a Photoshop qué amable de la forma que queremos dibujar. Eso es porque Photoshop nos permite dibujar tres tipos de formas muy diferentes. Podemos dibujar formas vectoriales, caminos, o formas de píxeles. Veremos más de cerca las diferencias entre los tres en otros tutoriales, pero como ya aprendimos en el tutorial Dibujar vectores vs formas de píxeles, en la mayoría de los casos querrás dibujar formas vectoriales. A diferencia de los píxeles, las formas vectoriales son flexible, escalable y independiente de la resolución, lo que significa que podemos dibujarlos del tamaño que queramos, editarlos y escalarlos tanto como queramos, e incluso imprimirlos en cualquier tamaño sin pérdida de calidad. Ya sea que los estemos viendo en la pantalla o impresos, los bordes de las formas vectoriales siempre permanecen nítidos y definidos.

Para asegurarse de que está dibujando formas vectoriales, no trazados ni píxeles, seleccione Forma desde el Modo de herramienta en la barra de opciones en la parte superior de la pantalla:

Llenando la forma con color

Lo siguiente que generalmente queremos hacer es elegir un color para la forma, y ​​en Photoshop CS6, lo hacemos haciendo clic en el Llenar muestra de color en la barra de opciones:

Esto abre un cuadro que nos permite elegir entre cuatro formas diferentes de rellenar la forma, cada una representada por una de cuatro iconos a lo largo de la parte superior. Empezando por la izquierda, tenemos el Sin color icono (el que tiene la línea diagonal roja que lo atraviesa), el Color sólido icono, el Degradado icono, y el Patrón icono:

Sin color

Como su nombre lo indica, seleccionar Sin color a la izquierda dejará la forma completamente vacía. ¿Por qué querrías dejar una forma vacía? Bueno, en algunos casos, es posible que desee que su forma contenga solo un contorno de trazo. Veremos cómo agregar un trazo en unos momentos, pero si desea que su forma contenga solo un trazo, sin ningún color de relleno, seleccione Sin color:

Aquí hay un ejemplo rápido de cómo se ve una forma sin color de relleno. Todo lo que estamos viendo es el contorno básico de la forma, conocido como sendero. La ruta solo es visible en Photoshop, por lo que si imprimiera su documento o guardara su trabajo en un formato como JPEG o PNG, la ruta no sería visible. Para hacerlo visible, necesitaríamos agregarle un trazo, lo cual aprenderemos a hacer después de haber cubierto las opciones de Relleno:

Color sólido

Para rellenar su forma con un color sólido, elija el Color sólido opción (segunda desde la izquierda):

Con Color sólido seleccionado, elija un color para la forma haciendo clic en uno de los Muestras de color. Los colores que ha utilizado recientemente aparecerán en la Colores usados ​​recientemente fila encima de las muestras principales:

Si el color que necesita no se encuentra en ninguna de las muestras, haga clic en el Selector de color icono en la parte superior derecha del cuadro:

Luego, elija el color que necesita en el Selector de color. Haga clic en Aceptar para cerrar el Selector de color cuando haya terminado:

Aquí está la misma forma que antes, esta vez llena de un color sólido:

Degradado

Para rellenar su forma con un degradado, elija el Degradado opción. Luego, haga clic en uno de los miniaturas para seleccionar un degradado preestablecido, o use las opciones debajo de las miniaturas para crear las suyas propias. Aprenderemos todo sobre la creación y edición de degradados en un tutorial separado:

Aquí está la misma forma rellena con un degradado:

Patrón

Finalmente, eligiendo el Patrón La opción nos permite rellenar la forma con un patrón. Haga clic en una de las miniaturas para seleccionar un patrón predeterminado. Photoshop no nos da muchos patrones para elegir inicialmente, pero si ha creado el suyo propio o descargado algunos de Internet, puede cargarlos haciendo clic en el pequeño icono de engranaje (debajo del icono del Selector de color) y seleccionando Patrones de carga del menú:

Así es como se ve la forma rellena con uno de los patrones preestablecidos de Photoshop. Para cerrar el cuadro de opciones de color de relleno cuando haya terminado, presione Ingresar (Ganar) / Regreso (Mac) en su teclado, o haga clic en un lugar vacío en la barra de opciones. Si no está seguro de qué color, degradado o patrón necesita para su forma, no se preocupe. Como veremos, siempre puede volver y cambiarlo más tarde:

Agregar un trazo alrededor de la forma

De forma predeterminada, Photoshop no agregará un trazo alrededor de los bordes de su forma, pero agregar uno es tan fácil como agregar un color de relleno. De hecho, las opciones de Trazo y Relleno en Photoshop CS6 son exactamente las mismas, ¡así que ya sabe cómo usarlas!

Para agregar un trazo, haga clic en el Carrera muestra de color en la barra de opciones:

Esto abre un cuadro que nos da exactamente las mismas opciones que vimos con el color de relleno, excepto que esta vez estamos eligiendo un color para nuestro trazo. En la parte superior, tenemos el mismo cuatro iconos por elegir entre Sin color, Color sólido, Degradado, o Patrón. De forma predeterminada, la opción Sin color está seleccionada. Elegiré Color sólido, luego estableceré el negro como color de trazo eligiéndolo entre las muestras. Al igual que con el color de relleno, si el color que necesita para su trazo no se encuentra en las muestras, haga clic en el Selector de color icono en la parte superior derecha para elegir manualmente el color que necesita:

Cambiar el ancho del trazo

Para cambiar el ancho del trazo, use el Anchura del trazo opción directamente a la derecha de la muestra de color del trazo en la barra de opciones. De forma predeterminada, está configurado en 3 puntos. Para cambiar el ancho, puede ingresar un valor específico directamente en el cuadro (presione Ingresar (Ganar) / Regreso (Mac) en su teclado cuando haya terminado de aceptarlo), o haga clic en la flecha pequeña a la derecha del valor y arrastre el control deslizante:

La opción Alinear bordes

Si mira más a la derecha en la barra de opciones, verá una opción llamada Alinear bordes. Con esta opción activada (marcada), Photoshop se asegurará de que los bordes de su forma vectorial estén alineados con la cuadrícula de píxeles, lo que los mantiene con un aspecto nítido y definido:

Sin embargo, para que Align Edges funcione, no solo debe seleccionarse, sino que también debe establecer el ancho de su trazo en píxeles (px), no puntos (pt). Dado que el ancho de mi trazo está usando puntos (el tipo de medida predeterminado), volveré e ingresaré un nuevo ancho de 10 px:

Aquí hay un ejemplo de un trazo negro de 10 px aplicado a la forma:

Ahora que agregué un trazo, si regreso y hago clic en el Llenar muestra de color en la barra de opciones y cambie el relleno a Sin color, Me quedo solo con el contorno del trazo. El interior de la forma está vacío. Parece que está lleno de blanco solo porque el fondo de mi documento es blanco, así que lo que realmente estamos viendo es el fondo del documento:

Más opciones de trazo

De forma predeterminada, Photoshop dibuja el trazo como una línea sólida, pero podemos cambiar eso haciendo clic en el Opciones de trazo en la barra de opciones:

Esto abre el cuadro Opciones de trazo. Desde aquí, podemos cambiar el trazo. escribe a partir de una sólido línea a una estropeado o punteado línea. los Alinear opción nos permite elegir si el trazo debe caer dentro el contorno del camino, fuera de el camino o ser centrado en el camino. Podemos configurar el Tapas opción a Extremo, Ronda o Cuadradoy cambiar el Esquinas a cualquiera Inglete, Ronda o Bisel. Haciendo clic en el Mas opciones El botón en la parte inferior abrirá un cuadro más detallado donde puede configurar pizca y brecha valores, e incluso guarde su configuración como un ajuste preestablecido:

Aquí está el mismo trazo que antes, esta vez como una línea discontinua en lugar de una línea continua:

Complemento de códigos cortos, acciones y filtros: error en el código corto [ads-basics-middle]

La herramienta Rectángulo

Ahora que sabemos cómo seleccionar las diversas herramientas de forma de Photoshop desde el panel Herramientas, cómo elegir un color de relleno y trazo y cómo cambiar la apariencia del trazo, ¡aprendamos a dibujar formas vectoriales! Comenzaremos con la primera herramienta de la lista, la Herramienta rectangular. Lo seleccionaré en el panel Herramientas tal como lo hice antes:

La herramienta Rectángulo nos permite dibujar formas rectangulares simples de cuatro lados. Para dibujar uno, comience haciendo clic en el documento para establecer un punto de partida para la forma. Luego, mantenga presionado el botón del mouse y arrastre en diagonal para dibujar el resto de la forma. A medida que arrastra, solo verá un contorno delgado (conocido como sendero) de cómo se verá la forma:

Cuando suelta el botón del mouse, Photoshop llena la forma con el color que seleccionó en la barra de opciones:

Cambiar el tamaño de la forma después de haberla dibujado

Una vez que haya dibujado su forma inicial, sus dimensiones actuales aparecerán en el Ancho (W) y Altura (H) cuadros en la barra de opciones. Aquí, vemos que mi forma se dibujó 533 px de ancho y 292 px de alto:

Si necesita cambiar el tamaño de la forma después de haberla dibujado (y esto funciona para todas las herramientas de forma, no solo la herramienta Rectángulo), simplemente ingrese las dimensiones que necesita en los campos Ancho (W) y Alto (H). Por ejemplo, digamos que lo que realmente necesitaba era que mi forma tuviera exactamente 500 px de ancho. Todo lo que necesito hacer es cambiar el valor de ancho a 500 px. También podría ingresar una altura específica si fuera necesario. Si desea cambiar el ancho o la altura pero mantener intacta la relación de aspecto original de su forma, primero haga clic en el pequeño icono de enlace entre los valores de ancho y alto:

Con el ícono de enlace seleccionado, ingresar un nuevo ancho o alto le dice a Photoshop que cambie automáticamente el otro para mantener la relación de aspecto. Aquí, ingresé manualmente un nuevo ancho de 500 px, y debido a que tenía el ícono de enlace seleccionado, Photoshop cambió la altura a 273 px:

Elegir el tamaño antes de dibujar la forma

Si conoce el ancho y alto exactos que necesita para su forma antes de dibujarla, aquí tiene un truco. Con su herramienta de forma seleccionada, simplemente haga clic dentro de su documento. Photoshop abrirá un cuadro de diálogo donde puede ingresar sus valores de ancho y alto. Haga clic en Aceptar para cerrar el cuadro de diálogo y Photoshop dibujará automáticamente la forma para usted:

Dibujar una forma desde su centro

Aquí hay algunos atajos de teclado simples pero muy útiles. Si mantiene pulsado el Alt (Ganar) / Opción (Mac) en su teclado mientras arrastra la forma, la dibujará de su centrar en lugar de desde la esquina. Esto funciona con cualquiera de las herramientas de forma de Photoshop, no solo con la herramienta Rectángulo. Sin embargo, es muy importante que espere hasta después ha comenzado a arrastrar antes de presionar la tecla Alt / Opción, y que mantenga presionada la tecla hasta después ha soltado el botón del mouse, de lo contrario no funcionará:

Dibujar Cuadrados

Para dibujar un perfecto cuadrado con la herramienta Rectángulo, haga clic dentro del documento para establecer un punto de partida y comience a arrastrar como de costumbre. Una vez que haya comenzado a arrastrar, mantenga presionada la tecla Cambio tecla en su teclado. Esto fuerza al rectángulo a convertirse en un cuadrado perfecto. Una vez más, asegúrese de esperar hasta después ha comenzado a arrastrar antes de presionar la tecla Shift y manténgala presionada hasta después ha soltado el botón del mouse o no funcionará. También puede combinar estos dos métodos abreviados de teclado manteniendo pulsado Mayús + Alt (Ganar) / Mayús + Opción (Mac) mientras arrastra con la herramienta Rectángulo, lo que forzará la forma a un cuadrado perfecto y la dibujará desde el centro:

Nuevamente, verá solo un contorno de ruta del cuadrado mientras lo arrastra, pero cuando suelta el botón del mouse, Photoshop lo llena con el color elegido:

Las opciones de forma

Si busca en la barra de opciones, a la izquierda de la opción Alinear bordes, verá un icono de engranaje. Al hacer clic en este icono, se abre un cuadro con opciones adicionales para cualquier herramienta de forma que haya seleccionado actualmente:

Como tengo seleccionada la herramienta Rectángulo, al hacer clic en el icono de engranaje, se muestran opciones para la herramienta Rectángulo. Con la excepción de la herramienta Polígono y la herramienta Línea, las cuales veremos más adelante, no se encontrará usando este menú muy a menudo porque ya hemos aprendido cómo acceder a la mayoría de estas opciones desde el teclado. Por ejemplo, el Sin restricciones La opción nos permite dibujar formas libremente en cualquier dimensión que necesitemos, pero como es el comportamiento predeterminado de las herramientas de forma, no es necesario seleccionarlo. los Cuadrado La opción nos permite dibujar cuadrados perfectos con la herramienta Rectángulo, pero ya podemos hacerlo presionando y manteniendo presionada la tecla Cambio llave. Y Desde el centro dibujará la forma desde su centro, pero nuevamente, ya podemos hacerlo presionando y manteniendo presionado Alt (Ganar) / Opción (Mac).

Si selecciona el Tamaño fijo o Proporcional opciones e ingrese valores de ancho y alto, afectarán la Siguiente forma que dibuja, no una que ya haya dibujado. Además, deberá recordar volver y volver a seleccionar el Sin restricciones cuando haya terminado, de lo contrario, cada forma que dibuje a partir de ese punto se establecerá en el mismo tamaño o proporciones:

Editar capas de forma

Anteriormente, aprendimos que para dibujar formas vectoriales en Photoshop, debemos asegurarnos de tener la opción Modo de herramienta en la barra de opciones configurada en Formas (a diferencia de Path o Pixels). Cuando dibujamos una forma vectorial, Photoshop la coloca automáticamente en un tipo especial de capa conocida como Capa de forma. Si miramos en mi Panel de capas, vemos que la forma que dibujé con la herramienta Rectángulo está asentada en una capa de forma llamada «Rectángulo 1». El nombre de la capa cambiará según la herramienta de forma que se haya utilizado, por lo que si hubiera dibujado una forma con, digamos, la herramienta Elipse, se llamaría «Elipse 1»:

Una forma sencilla de diferenciar entre una capa de forma y una capa de píxeles normal es que las capas de forma tienen una pequeña icono de forma en la esquina inferior derecha de la vista previa en miniatura:

La principal diferencia entre una capa de forma y una capa de píxeles normal es que las capas de forma siguen siendo totalmente editables. Cuando estábamos aprendiendo a elegir colores de relleno y trazo para nuestras formas, mencioné que siempre podemos volver y cambiar los colores después de haber dibujado la forma. Todo lo que tenemos que hacer es asegurarnos de tener la Capa de forma seleccionado en el panel Capas, y que todavía tenemos nuestro herramienta de forma seleccionado en el panel Herramientas. Luego, simplemente haga clic en la muestra de color de Relleno o Trazo en la barra de opciones para elegir un color diferente. También puede cambiar el ancho del trazo si es necesario, junto con las otras opciones de trazo. Haré clic en mi muestra de color de relleno:

Luego elegiré un color diferente para mi forma de las muestras:

Tan pronto como hago clic en la muestra, Photoshop actualiza instantáneamente la forma con el nuevo color:

Y, si miramos de nuevo en el panel Capas, vemos que el vista previa en miniatura para la capa Shape también se ha actualizado con el nuevo color:

La herramienta Rectángulo redondeado

Veamos la segunda de las herramientas de forma de Photoshop, la Herramienta Rectángulo redondeado. Lo seleccionaré del panel Herramientas:

La herramienta Rectángulo redondeado es muy similar a la herramienta Rectángulo estándar, excepto que nos permite dibujar rectángulos con esquinas redondeadas. Controlamos la redondez de las esquinas usando el Radio opción en la barra de opciones. Cuanto mayor sea el valor, más redondeadas aparecerán las esquinas. Necesitas establecer el valor de Radio antes de dibujando tu forma, así que estableceré la mía en 50 px:

Una vez que haya establecido su radio, dibujar un rectángulo redondeado es exactamente lo mismo que dibujar un rectángulo normal. Comience haciendo clic dentro del documento para establecer un punto de partida para la forma, luego mantenga presionado el botón del mouse y arrastre en diagonal para dibujar el resto. Tal como vimos con la herramienta Rectángulo, Photoshop mostrará solo el contorno de la ruta de la forma mientras la arrastra:

Cuando suelta el botón del mouse, Photoshop completa la forma y la llena de color:

Aquí hay otro ejemplo de un rectángulo redondeado, esta vez con mi valor de Radio establecido en 150 px, lo suficientemente grande (en este caso de todos modos) para hacer que todos los lados izquierdo y derecho del rectángulo parezcan curvos:

Y aquí hay un rectángulo pero con un valor de Radio mucho más bajo de solo 10 px, lo que me da esquinas redondeadas muy pequeñas:

Desafortunadamente, en Photoshop CS6, no hay forma de obtener una vista previa de qué tan redondeadas aparecerán las esquinas con nuestro valor de Radio elegido antes de que realmente dibujemos el rectángulo. Además, no podemos ajustar el valor de Radio sobre la marcha mientras dibujamos la forma, y ​​Photoshop no nos permite volver atrás y hacer cambios en el valor de Radio una vez que se ha dibujado. Todo esto significa que dibujar rectángulos redondeados es una situación de «prueba y error».

Si dibuja un rectángulo redondeado y decide que no está satisfecho con la redondez de las esquinas, todo lo que realmente puede hacer es subir al Editar menú en la barra de menú en la parte superior de la pantalla y elija Herramienta Deshacer rectángulo redondeado (o presione Ctrl + Z (Ganar) / Comando + Z (Mac) en su teclado) que eliminará el rectángulo redondeado del documento. Luego, ingrese un valor de Radio diferente en la barra de opciones y vuelva a intentarlo:

Los mismos atajos de teclado que aprendimos para la herramienta Rectángulo estándar también se aplican a la herramienta Rectángulo redondeado. Para forzar la forma en un cuadrado perfecto (con esquinas redondeadas), comience a arrastrar la forma, luego presione y mantenga presionada la tecla Cambio llave. Suelta solo la tecla Shift después ha soltado el botón del mouse.

Para dibujar un rectángulo redondeado de su centrar en lugar de desde la esquina, comience a arrastrar la forma, luego presione y mantenga presionada la tecla Alt (Ganar) / Opción (Mac). Finalmente, presionando y sosteniendo Mayús + Alt (Ganar) / Mayús + Opción (Mac) forzará la forma en un cuadrado perfecto y lo dibujará desde el centro. Suelta solo las llaves después ha soltado el botón del mouse.

La herramienta Elipse

Photoshop Herramienta Elipse nos permite dibujar formas elípticas o circulares. Lo seleccionaré del panel Herramientas:

Al igual que con las otras herramientas de forma que hemos visto, para dibujar una forma elíptica, haga clic dentro del documento para establecer un punto de partida, luego mantenga presionado el botón del mouse y arrastre diagonalmente para dibujar el resto:

Suelta el botón del mouse para completar la forma y haz que Photoshop la llene con el color que elijas:

Para dibujar un perfecto circulo con la herramienta Elipse, comience a arrastrar la forma, luego presione y mantenga presionada la Cambio llave. Para dibujar una forma elíptica de su centrar, presione y mantenga Alt (Ganar) / Opción (Mac) después de comenzar a arrastrar. Presionando y sosteniendo Mayús + Alt (Ganar) / Mayús + Opción (Mac) dibujará un círculo perfecto desde su centro. Como siempre, suelta solo las teclas después ha soltado el botón del mouse:

La herramienta Polígono

los Herramienta de polígono es donde las cosas empiezan a ponerse interesantes. Lo seleccionaré del panel Herramientas:

Mientras que la herramienta Rectángulo de Photoshop se limita a dibujar polígonos de cuatro lados, la herramienta Polígono nos permite dibujar formas poligonales con tantos lados como queramos. Incluso nos permite dibujar estrellas, como veremos en un momento. Para dibujar una forma con la herramienta Polígono, primero ingrese el número de lados que necesita en el Lados opción en la barra de opciones. Puede ingresar cualquier número del 3 al 100. Dejaré el mío configurado con el valor predeterminado de 5 por ahora:

Una vez que haya ingresado el número de lados, haga clic en el documento y arrastre su forma. Photoshop siempre dibuja formas poligonales desde su centro, por lo que no es necesario mantener presionada la tecla Alt (Win) / Opción (Mac). Sosteniendo tu Cambio presionar la tecla después de comenzar a arrastrar limitará el número de ángulos en los que se puede dibujar la forma, lo que puede ayudar a colocar la forma de la manera que la necesite:

Establecer la opción Lados en 3 en la barra de opciones nos brinda una manera fácil de dibujar un triángulo:

Y aquí hay una forma de polígono con Lados configurados en 12. Al igual que la opción Radio para la herramienta Rectángulo redondeado, Photoshop no nos permite cambiar el número de lados una vez que hemos dibujado nuestra forma, por lo que si cometió un error, necesitará para subir a la Editar menú en la parte superior de la pantalla y elija Herramienta Deshacer polígono (o presione Ctrl + Z (Ganar) / Comando + Z (Mac)), luego ingrese un valor diferente en la opción Lados y vuelva a dibujar la forma:

Dibujar estrellas con la herramienta Polígono

Para dibujar estrellas con la herramienta Polígono, haga clic en el icono de engranaje en la barra de opciones, luego seleccione Estrella:

Luego, simplemente haga clic dentro del documento y arrastre una forma de estrella. Con Estrella seleccionada, la opción Lados en la barra de opciones controla el número de puntos en la estrella, por lo que en su valor predeterminado de 5, obtenemos una estrella de 5 puntas:

Cambiar el valor de Lados a 8 nos da una estrella de 8 puntas:

Podemos crear una forma estelar aumentando el Sangría a los lados por opción más allá de su valor predeterminado del 50%. Lo aumentaré al 90%. También aumentaré mi valor de Lados a 16:

Y aquí está el resultado:

Por defecto, las estrellas tienen esquinas afiladas en los extremos de sus puntas, pero podemos redondearlas eligiendo el Esquinas lisas opción:

Aquí hay una estrella estándar de 5 puntas con la opción Smooth Corners habilitada:

También podemos suavizar las sangrías y redondearlas seleccionando el Sangrías suaves opción:

Con las esquinas suaves y las sangrías suaves seleccionadas, obtenemos una forma más de estrella de mar:

La herramienta de línea

La última de las herramientas básicas de formas geométricas de Photoshop es la Herramienta de línea. Lo seleccionaré del panel Herramientas:

La herramienta Línea nos permite dibujar líneas rectas simples, pero también podemos usarla para dibujar flechas. Para dibujar una línea recta, primero, establezca el grosor de la línea ingresando un valor, en píxeles, en el Peso campo en la barra de opciones. El valor predeterminado es 1 px. Lo aumentaré a 16 px:

Luego, al igual que con las otras herramientas de forma, haga clic dentro del documento y arrastre su línea. Para que sea más fácil dibujar una línea horizontal o vertical, mantenga presionada la Cambio después de comenzar a arrastrar, luego suelte la tecla Shift después de soltar el botón del mouse:

Dibujar flechas de dirección

Para dibujar flechas, haga clic en el icono de engranaje en la barra de opciones para abrir el Puntas de flecha opciones. Elija si desea que la punta de flecha aparezca en el comienzo de la línea, el fin, o ambos (si desea que la flecha apunte en la misma dirección en la que se dibuja la línea, elija Fin):

Aquí hay una línea similar a la dibujada anteriormente, esta vez con una punta de flecha al final:

Si el tamaño predeterminado de la punta de flecha no le funciona, puede ajustarlo cambiando el Ancho y Largo opciones. También puede hacer que la punta de la flecha parezca más cóncava aumentando el Concavidad opción. Lo aumentaré de su valor predeterminado de 0% a 50%:

Así es como se ve ahora la punta de flecha. Asegúrese de cambiar las opciones de la herramienta Línea antes de dibujar su forma, ya que no se pueden ajustar después (si necesita hacer cambios, deberá deshacer la forma y empezar de nuevo):

Ocultar el contorno de la ruta alrededor de la forma

Como hemos visto a lo largo de este tutorial, siempre que dibujamos una forma con cualquiera de las herramientas de forma, Photoshop muestra solo la contorno de ruta mientras se dibuja la forma. Cuando soltamos el botón del mouse, Photoshop completa la forma y la llena de color. El problema es que si miras de cerca después de dibujar la forma, verás que el contorno de la ruta todavía está rodeándolo. Aquí, podemos ver el delgado contorno negro que rodea la forma. Esto no es un gran problema porque el esquema no se imprimirá ni aparecerá en ningún formato de archivo guardado como JPEG o PNG, pero aún puede ser molesto mirarlo mientras trabaja.

Para ocultar el contorno de la ruta en Photoshop CS6, simplemente presione Ingresar (Ganar) / Regreso (Mac) en su teclado y desaparece:

A dónde ir después …

¡Y ahí lo tenemos! ¡Eso es lo esencial para dibujar formas vectoriales geométricas básicas en Photoshop CS6 usando la herramienta Rectángulo, la herramienta Rectángulo redondeado, la herramienta Elipse, la herramienta Polígono y la herramienta Línea! En el siguiente tutorial, aprenderemos cómo agregar formas más complejas e interesantes a sus diseños y diseños utilizando la herramienta de formas personalizadas de Photoshop. Visite nuestra sección Conceptos básicos de Photoshop para obtener más información sobre Photoshop.