En esto tutorial, aprenderemos lo esencial para trabajar con formas y Capas de forma en Photoshop! Empezaremos por aprender a utilizar las cinco herramientas de formas geométricas: la Herramienta rectangular, los Herramienta Rectángulo redondeado, los Herramienta Elipse, los Herramienta de polígono, y el Herramienta de línea. Luego, en el siguiente tutorial, aprenderemos cómo agregar formas más complejas a nuestros documentos con Photoshop Herramienta de forma personalizada.

La mayoría de la gente piensa en Photoshop como un programa de edición de fotografías, y si le pidiera a alguien que le recomendara un buen programa de dibujo, Adobe Illustrator estaría normalmente en la parte superior de su lista. Es cierto que las funciones de dibujo e ilustración de Illustrator van mucho más allá de las de Photoshop, pero Photoshop tiene más capacidad de dibujo de lo que cabría esperar de un editor de imágenes basado en píxeles, gracias en gran parte a sus herramientas de forma y capas de forma que facilitan la adición de vectores simples. gráficos y formas basados ​​en nuestros diseños y diseños.

Este tutorial es para Photoshop CS5 y versiones anteriores. Los usuarios de Photoshop CS6 querrán consultar el tutorial Cómo dibujar formas vectoriales en Photoshop CS6 completamente actualizado.

Las herramientas de forma

Photoshop nos ofrece seis herramientas de forma para elegir: la herramienta Rectángulo, la herramienta Rectángulo redondeado, la herramienta Elipse, la herramienta Polígono, la herramienta Línea y la herramienta Forma personalizada, y todas están anidadas juntas en el mismo lugar en el Panel de herramientas. De forma predeterminada, la herramienta Rectángulo es la que está visible en el panel Herramientas, pero si hacemos clic en el icono de la herramienta y mantenemos presionado el botón del mouse durante uno o dos segundos, aparece un menú desplegable que nos muestra las otras herramientas de forma que podemos. escoge de:

Una vez que haya seleccionado una herramienta de Forma, si necesita cambiar a otra diferente, no es necesario volver al panel Herramientas (aunque puede hacerlo si lo desea) porque Photoshop nos da acceso a todas las herramientas de Forma directamente desde los Barra de opciones a lo largo de la parte superior de la pantalla. Por ejemplo, seleccionaré la herramienta Rectángulo del panel Herramientas:

Con la herramienta Rectángulo seleccionada, aparece una fila de seis iconos en la barra de opciones, y cada icono representa una herramienta de forma diferente. Las herramientas se enumeran de izquierda a derecha en el mismo orden en que aparecen en el panel Herramientas, por lo que nuevamente tenemos la herramienta Rectángulo, la herramienta Rectángulo redondeado, la herramienta Elipse, la herramienta Polígono, la herramienta Línea y la herramienta Forma personalizada. Simplemente haga clic en uno de los iconos para elegir la herramienta que necesita:

La opción de capas de forma

Antes de comenzar a dibujar cualquier forma, primero debemos decirle a Photoshop qué tipo de forma queremos dibujar, y con eso, no me refiero a rectángulos o círculos. Photoshop nos permite dibujar tres tipos de formas muy diferentes: formas vectoriales, caminos, o formas basadas en píxeles. Veremos más de cerca las diferencias entre los tres y por qué querría usar cada uno en otro tutorial, pero en la mayoría de los casos, querrá dibujar formas vectoriales, que son los mismos tipos de formas que nosotros. Estaría dibujando en un programa como Illustrator. A diferencia de los píxeles, las formas vectoriales son independientes de la resolución y totalmente escalables, lo que significa que podemos hacerlas tan grandes como queramos y cambiar su tamaño tantas veces como queramos sin perder calidad de imagen. Los bordes de las formas vectoriales siempre se mantendrán nítidos y definidos, tanto en la pantalla como cuando vayamos a imprimirlos.

Para dibujar formas vectoriales, seleccione el Capas de forma opción en la barra de opciones. Es el primero de los tres íconos cerca del extremo izquierdo (la opción Trazados es el medio de los tres íconos seguido de la opción Rellenar píxeles a la derecha):

Elegir un color para la forma

Con la opción Capas de forma seleccionada, lo siguiente que debemos hacer es elegir un color para nuestra forma, y ​​lo hacemos haciendo clic en el muestra de color a la derecha de la palabra Color en la barra de opciones:

Photoshop abrirá el Selector de color donde podemos elegir el color que queremos usar. Elegiré el rojo. Haga clic en Aceptar una vez que haya elegido un color para cerrar el Selector de color:

No se preocupe por elegir el color incorrecto para su forma si no está seguro de qué color necesitará. Como veremos, las capas de forma facilitan volver atrás y cambiar el color de una forma en cualquier momento después de haberla dibujado.

La herramienta Rectángulo

Como probablemente pueda adivinar por su nombre, la herramienta Rectángulo de Photoshop nos permite dibujar formas rectangulares de cuatro lados. Simplemente haga clic en el documento para establecer el punto de inicio de su forma, luego mantenga presionado el botón del mouse y arrastre diagonalmente para dibujar el resto de la forma. A medida que arrastra, verá un contorno delgado de cómo se verá la forma:

Cuando esté satisfecho con el aspecto de su forma, suelte el botón del mouse, momento en el que Photoshop rellena la forma con el color que seleccionó en la barra de opciones:

Dibujar una forma desde su centro

Si necesita dibujar un rectángulo (o cualquier forma) desde su centro en lugar de desde una esquina, haga clic dentro del documento donde debería estar el centro del rectángulo y comience a arrastrar la forma como lo haría normalmente. Una vez que comience a arrastrar, presione su Alt (Ganar) / Opción (Mac) y manténgala presionada mientras continúa arrastrando. La tecla Alt / Opción le dice a Photoshop que dibuje la forma desde su centro. Esto funciona con todas las herramientas de forma, no solo con la herramienta Rectángulo:

Dibujar Cuadrados

También podemos dibujar cuadrados con la herramienta Rectángulo. Para dibujar un cuadrado, haga clic dentro del documento y comience a arrastrar una forma rectangular. Una vez que haya comenzado a arrastrar, presione su Cambio en su teclado y manténgala presionada mientras continúa arrastrando la forma. Mantener presionada la tecla Shift forzará la forma a un cuadrado perfecto sin importar en qué dirección la arrastres. También puedes agregar el Alt (Ganar) / Opción (Mac) para dibujar el cuadrado desde su centro (por lo que debe mantener presionada Mayús + Alt (Ganar) / Mayús + Opción (Mac)):

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

Las opciones de forma

Si observa la barra de opciones, directamente a la derecha de los seis iconos de la herramienta Forma, verá un pequeña flecha que apunta hacia abajo. Al hacer clic en la flecha, se abre una lista de opciones adicionales para cualquier herramienta de forma que haya seleccionado. Con la herramienta Rectángulo seleccionada, por ejemplo, al hacer clic en la flecha aparecen las Opciones de rectángulo.
Con la excepción de la herramienta Polígono y la herramienta Línea, que veremos más adelante, no se encontrará usando este menú muy a menudo porque ya hemos aprendido cómo acceder a las opciones principales directamente desde el teclado.

Por ejemplo, el Sin restricciones La opción está seleccionada para nosotros de forma predeterminada, y ese es solo el comportamiento normal de la herramienta Rectángulo, lo que nos permite dibujar formas rectangulares de cualquier tamaño o relación de aspecto. los Cuadrado La opción nos permite dibujar cuadrados, pero podemos hacerlo simplemente manteniendo presionada la tecla Shift mientras arrastramos. Y el Desde el centro La opción dibujará la forma desde su centro, pero nuevamente, ya podemos hacerlo manteniendo presionada la tecla Alt (Win) / Opción (Mac) mientras arrastramos:

Capas de forma

Antes de revisar el resto de las herramientas de Forma, echemos un vistazo rápidamente a lo que está sucediendo en el panel Capas. Si recuerdas al comienzo del tutorial, aprendimos que para dibujar formas vectoriales en Photoshop, debemos asegurarnos de tener la opción Capas de formas seleccionada en la barra de opciones, y ahora que he dibujado una forma, vemos que Tengo una capa de forma real en mi documento, que Photoshop ha llamado «Forma 1». Cada nueva forma de vector que dibujamos se coloca en su propia capa de forma que se ve diferente de las capas normales basadas en píxeles. A la izquierda de una capa de forma hay una muestra de color , que muestra el color actual de nuestra forma, y ​​a la derecha de la muestra de color hay un miniatura de máscara de vector:

Anteriormente mencioné que no tenemos que preocuparnos por elegir el color correcto para una forma porque podemos cambiar fácilmente su color después de haberla dibujado, y podemos hacerlo haciendo doble clic directamente en la muestra de color de la capa Forma:

Photoshop volverá a abrir el Selector de color para que podamos elegir un color diferente para la forma. Elegiré azul esta vez:

Haré clic en Aceptar para cerrar el Selector de color, y Photoshop cambia el color de mi forma cuadrada de rojo a azul:

A la derecha de la muestra de color en una capa de forma está la miniatura de la máscara vectorial. El área blanca dentro de la miniatura representa nuestra forma. Las máscaras vectoriales son similares a las máscaras de capa basadas en píxeles en que revelan algunas partes de una capa mientras ocultan otras partes, y con eso, quiero decir que cuando dibujamos una forma vectorial, Photoshop realmente llena la capa completa con nuestro color elegido, pero solo muestra el color dentro del área de la forma. Oculta el color en las áreas fuera de la forma. Esto no es algo que realmente necesite saber para trabajar con formas en Photoshop, pero siempre es bueno entender qué es lo que está viendo. El área gris alrededor de la forma en la miniatura de la máscara vectorial es el área de la capa donde el color se oculta a la vista, mientras que el área blanca es donde el color es visible:

Para que sea más fácil ver cómo Photoshop muestra la forma vectorial, podemos desactivar las máscaras vectoriales temporalmente manteniendo presionada la tecla Cambio y haciendo clic directamente en la miniatura de la máscara vectorial. Aparecerá una gran X roja en la miniatura para informarnos que la máscara ahora está apagada:

Con la máscara vectorial desactivada, toda la capa se revela en el documento y podemos ver que está completamente llena con el color azul que elegí para mi forma. Si observa de cerca, puede ver el contorno delgado de donde se encuentra la forma en la capa:

Para volver a activar una máscara vectorial, simplemente mantenga presionada la tecla Mayús y haga clic nuevamente en su miniatura en el panel Capas. Con la máscara nuevamente puesta, todo el color fuera de la forma vuelve a estar oculto a la vista, y todo lo que podemos ver es el color dentro de la forma misma. Las áreas blancas alrededor de la forma en la ventana de mi documento son de mi capa de Fondo debajo de ella:

Ahora que hemos visto las capas de formas, veamos qué otros tipos de formas podemos dibujar en Photoshop usando las otras herramientas de formas geométricas.

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

La herramienta Rectángulo redondeado

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

Para dibujar un rectángulo redondeado después de haber ingresado un valor de Radio, haga clic dentro del documento para establecer un punto de partida, luego mantenga presionado el botón del mouse y arrastre el resto de la forma. Tal como vimos con la herramienta Rectángulo normal, Photoshop muestra un contorno delgado de la forma mientras la dibuja:

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

Aquí hay otro rectángulo, 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, 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 como lo hacemos en Illustrator, y Photoshop no nos permite volver atrás y hacer cambios simples en las esquinas después de haberlo dibujado, lo que significa que dibujar rectángulos redondeados es en gran medida un «ensayo y error» tipo de cosa. Si no está satisfecho con la redondez de las esquinas después de haber dibujado la forma, presione Ctrl + Z (Ganar) / Comando + Z (Mac) para deshacer rápidamente el paso, luego ingrese un valor de Radio diferente en la barra de opciones y vuelva a intentarlo.

Así como la herramienta Rectángulo nos permite dibujar cuadrados, el Rectángulo redondeado nos permite dibujar cuadrados redondeados. Simplemente mantenga presionado su Cambio después de comenzar a arrastrar para forzar el rectángulo redondeado a una forma cuadrada. Mantenga presionado el Alt (Ganar) / Opción (Mac) después de comenzar a arrastrar para dibujar el rectángulo redondeado (o cuadrado) desde su centro.

Si hacemos clic en la flecha pequeña en la barra de opciones para que aparezcan las Opciones de rectángulo redondeado, vemos que comparte exactamente las mismas opciones que la herramienta Rectángulo normal, como Sin restricciones, Cuadrado y Desde el centro, y nuevamente, ya sabemos cómo acceder a ellos desde el teclado:

La herramienta Elipse

La herramienta Elipse de Photoshop nos permite dibujar formas elípticas o circulares. Al igual que con las herramientas Rectángulo y Rectángulo redondeado, haga clic dentro del documento para establecer un punto de partida, luego mantenga presionado el botón del mouse y arrastre el resto de la forma:

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

Deten tu Cambio presione la tecla después de comenzar a arrastrar con la herramienta Elipse para forzar la forma en un círculo perfecto. Sosteniendo tu Alt (Ganar) / Opción La tecla (Mac) presionada después de comenzar a arrastrar dibujará la forma desde su centro:

Al hacer clic en la flecha pequeña en la barra de opciones, aparecen las opciones de elipse, que nuevamente son casi idénticas a las opciones de rectángulo y rectángulo redondeado. La única diferencia, por supuesto, es que la herramienta Elipse tiene una opción para dibujar un círculo en lugar de un cuadrado:

La herramienta Polígono

La herramienta Polígono es donde las cosas comienzan a ponerse interesantes. Mientras que la herramienta Rectángulo se limita a dibujar polígonos de cuatro lados, la herramienta Polígono nos permite dibujar polígonos con tantos lados como queramos. Incluso nos permite dibujar estrellas, como veremos en un momento.

Ingrese el número de lados que necesita para la forma de su polígono en el Lados opción en la barra de opciones. El valor predeterminado es 5, pero puede ingresar cualquier valor entre 3 y 100:

Una vez que haya ingresado el número de lados, haga clic en el documento y arrastre la forma de su polígono. 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 para la herramienta Polígono nos brinda una manera fácil de dibujar un triángulo:

Y aquí hay una forma de polígono con la opción Lados establecida en 12:

Dibujar estrellas con la herramienta Polígono

Para dibujar estrellas con la herramienta Polígono, haga clic en la flecha pequeña en la barra de opciones para abrir las Opciones de polígono, luego seleccione Estrella:

Con la opción Estrella seleccionada, simplemente haga clic dentro del documento y arrastre una forma de estrella. los Lados La opción en la barra de opciones controla el número de puntos en la estrella, por lo que con el valor de Lados predeterminado de 5, por ejemplo, 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 la sangría de los puntos usando el Sangría a los lados por opción. El valor predeterminado es 50%. Lo aumentaré al 90%:

Aquí está mi forma de estrella con la sangría configurada al 90%. También he aumentado el número de lados a 16:

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:

Y nuevamente, obtenemos un aspecto diferente a nuestra forma de estrella:

La herramienta de línea

Finalmente, la Herramienta Línea, que es la última de las herramientas de Forma geométrica de Photoshop, nos permite dibujar líneas rectas simples, pero también podemos usarla para dibujar flechas. Establezca el grosor de la línea ingresando un valor, en píxeles, en el Peso opción en la barra de opciones. Estableceré el mío en 16 px:

Luego, simplemente haga clic en el documento y arrastre la forma de su línea. Sostener el Cambio presione la tecla después de comenzar a arrastrar para limitar la dirección en la que puede dibujar la línea, lo que facilita el dibujo de líneas horizontales o verticales:

Para agregar puntas de flecha a las líneas, haga clic en la flecha pequeña en la barra de opciones para que aparezca la Puntas de flecha opciones. Photoshop nos permite agregar puntas de flecha al principio o al final de una línea, o ambos. Si desea que la punta de flecha aparezca en la dirección en la que está dibujando la línea, que suele ser el caso, seleccione el Fin opción. Asegúrese de seleccionar esta opción antes de dibujar la línea, ya que Photoshop no nos permite volver atrás y agregar puntas de flecha después de que la línea ya se haya dibujado:

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

Si el tamaño predeterminado de la punta de flecha no le funciona, puede ajustarlo usando el Ancho y Largo opciones. También podemos hacer que la punta de la flecha parezca cóncava usando el Concavidad opción. El valor predeterminado es 0%. Lo aumentaré al 50%:

Esto cambia la forma de la punta de flecha. Nuevamente, asegúrese de configurar la opción Concavidad antes de dibujar la línea; de lo contrario, deberá eliminar la forma y dibujarla nuevamente:

Ocultar el contorno alrededor de la forma

Si observa de cerca su forma después de haberla dibujado (independientemente de la herramienta de Forma que haya utilizado), a menudo verá un contorno delgado que aparece a su alrededor, lo que puede resultarle molesto. El contorno aparece alrededor de la forma cada vez que se selecciona la máscara vectorial de la forma, y ​​siempre se selecciona de forma predeterminada después de que dibujamos una nueva forma.

Si observa la capa de la forma en el panel Capas, verá que la miniatura de la máscara vectorial tiene un borde resaltado blanco alrededor que nos dice que la máscara está seleccionada. Puede ocultar el contorno alrededor de la forma anulando la selección de su máscara vectorial. Para hacer eso, simplemente haga clic en la miniatura de la máscara vectorial. El borde resaltado alrededor de la miniatura desaparecerá y también desaparecerá el contorno alrededor de la forma en el documento: