Photoshop Formas y Capas de formas Essentials

Las Herramientas de Formas

Photoshop nos ofrece seis herramientas de Formas 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 en el mismo lugar en el panel 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 pulsado el botón del ratón durante uno o dos segundos, aparece un menú desplegable que nos muestra las otras herramientas de Forma entre las que podemos elegir:

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

Con la herramienta Rectángulo seleccionada, aparece una fila de seis iconos en la Barra de opciones, con cada icono representando 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 Capas de formas

Antes de comenzar a dibujar cualquier forma, primero tenemos que decirle a Photoshop qué tipo de forma queremos dibujar, y con eso, no me refiero a rectángulos o círculos. Photoshop en realidad nos permite dibujar tres tipos muy diferentes de formas: formas vectoriales, trazados 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 dibujaríamos 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 redimensionarlas tantas veces como queramos sin pérdida de calidad de imagen. Los bordes de las formas vectoriales siempre permanecerán nítidos y nítidos, tanto en la pantalla como cuando vayamos a imprimirlos.

Para dibujar formas vectoriales, seleccione la opción Capas de formas en la Barra de opciones. Es el primero de tres iconos cerca del extremo izquierdo (la opción Caminos está en el centro de los tres iconos, seguida de la opción Píxeles de relleno a la derecha):

Elegir un Color Para La Forma

Con la opción Capas de forma seleccionada, lo siguiente que tenemos que hacer es elegir un color para nuestra forma, y lo hacemos haciendo clic en la 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é rojo. Haga clic en Aceptar una vez que haya elegido un color para cerrar el selector de color:

No te preocupes por elegir el color incorrecto para tu forma si no estás seguro de qué color necesitarás. Como veremos, las capas de formas facilitan volver atrás y cambiar el color de una forma en cualquier momento después de dibujarla.

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 partida de su forma, luego mantenga presionado el botón del ratón y arrastre en diagonal 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 ratón, 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 la tecla Alt (Win) / Option (Mac) y manténgala presionada mientras continúa arrastrando. La tecla Alt / Opción indica 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 la tecla Mayús del teclado y manténgala presionada mientras continúa arrastrando la forma. Manteniendo presionada la tecla Mayús, la forma se convertirá en un cuadrado perfecto sin importar en qué dirección se arrastre. También puede agregar la tecla Alt (Victoria) / Opción (Mac) para dibujar el cuadrado desde su centro (para que mantenga pulsada Mayús+Alt (Victoria) / Mayús+Opción (Mac)):

De nuevo, Photoshop mostrará solo un contorno delgado del cuadrado mientras arrastra, pero cuando suelte el botón del ratón, Photoshop lo llena de color:

Las Opciones de forma

Si mira en la Barra de Opciones, directamente a la derecha de los seis iconos de herramientas de Forma, verá una pequeña flecha que apunta hacia abajo. Al hacer clic en la flecha, se abre una lista de opciones adicionales para la herramienta de forma que haya seleccionado. Con la herramienta Rectángulo seleccionada, por ejemplo, al hacer clic en la flecha se muestran 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 a acceder a las opciones principales directamente desde el teclado.

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

Capas de formas

Antes de echar un vistazo al resto de herramientas de formas, echemos un vistazo rápidamente a lo que está sucediendo en el panel Capas. Si recuerdas al principio del tutorial, aprendimos que para dibujar formas vectoriales en Photoshop, debemos asegurarnos de que tenemos 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 formas real en mi documento, que Photoshop ha llamado «Forma 1». Cada nueva forma vectorial 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 un icono de muestra de color, que muestra el color actual de nuestra forma, y a la derecha de la muestra de color hay una miniatura de máscara vectorial:

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

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

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 se encuentra 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 en realidad llena toda la capa con el color que elegimos, 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 necesites saber para trabajar con formas en Photoshop, pero siempre es bueno entender qué es lo que estás 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 temporalmente las máscaras vectoriales manteniendo pulsada la tecla Mayús y haciendo clic directamente en la miniatura de la máscara vectorial. Aparecerá una gran X roja en la miniatura para hacernos saber que la máscara está desactivada:

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 dónde se encuentra la forma en la capa:

Para volver a activar una máscara vectorial, simplemente mantenga pulsada la tecla Mayús y haga clic de nuevo en su miniatura en el panel Capas. Con la máscara puesta de nuevo, todo el color fuera de la forma se oculta de nuevo a la vista, y todo lo que podemos ver es el color dentro de la forma en sí. 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 mirado 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

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 utilizando la opción Radio en la Barra de Opciones. Cuanto más alto sea el valor que introduzcamos, 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. Al igual que vimos con la herramienta Rectángulo normal, Photoshop muestra un contorno delgado de la forma mientras la dibujas:

Al soltar el botón del ratón, 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 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 previsualizar cómo aparecerán las esquinas redondeadas con nuestro valor de radio elegido antes de dibujar el rectángulo. Además, no podemos ajustar el valor del radio sobre la marcha mientras dibujamos la forma como podemos hacerlo en Illustrator, y Photoshop no nos permite volver atrás y hacer cambios simples en las esquinas después de dibujarlas, lo que significa que dibujar rectángulos redondeados es un tipo de «prueba y error». Si no está satisfecho con la redondez de las esquinas después de dibujar 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 e inténtelo de nuevo.

Así como la herramienta Rectángulo nos permite dibujar cuadrados, el Rectángulo Redondeado nos permite dibujar cuadrados redondeados. Simplemente mantenga pulsada la tecla Mayús después de comenzar a arrastrar para forzar el rectángulo redondeado a una forma cuadrada. Mantenga presionada la tecla Alt (Win) / Option (Mac) después de comenzar a arrastrar para dibujar el rectángulo (o cuadrado) redondeado desde su centro.

Si hacemos clic en la flecha pequeña en la Barra de Opciones para mostrar 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 de nuevo, ya sabemos cómo acceder a ellas 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 el botón del ratón pulsado y arrastre el resto de la forma:

Suelte el botón del ratón para completar la forma y haga que Photoshop la llene de color:

Mantenga presionada la tecla Mayús después de comenzar a arrastrar con la herramienta Elipse para forzar la forma en un círculo perfecto. Manteniendo presionada la tecla Alt (Win) / Option (Mac) después de comenzar a arrastrar, se 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 de nuevo son casi idénticas a las Opciones Rectángulo y Rectángulo Redondeado. La única diferencia, por supuesto, es que la Herramienta Elipse tiene la opción de 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 su forma de polígono en la opción Lados en la Barra de opciones. El valor predeterminado es 5, pero puede introducir cualquier valor de 3 a 100:

Una vez que haya introducido el número de lados, haga clic en el documento y arrastre la forma de su polígono. Photoshop siempre dibuja formas de polígono desde su centro, por lo que no es necesario mantener presionada la tecla Alt (Win) / Option (Mac). Manteniendo presionada la tecla Mayús después de comenzar a arrastrar, se limitará el número de ángulos en los que se puede dibujar la forma, lo que puede ayudar a posicionar la forma que necesita:

Establecer la opción Lados en 3 para la Herramienta Polígono nos da una forma 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 mostrar las Opciones de Polígono y, a continuación, seleccione Estrella:

Con la opción Estrella seleccionada, simplemente haga clic dentro del documento y arrastre una forma de estrella. La opción Lados 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 los lados a 8 nos da una estrella de 8 puntas:

Podemos crear una forma de estallido aumentando la sangría de los puntos utilizando la opción Lados de sangría Por. El valor predeterminado es 50%. Lo aumentaré al 90%:

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

De forma predeterminada, las estrellas tienen esquinas nítidas en los extremos de sus puntos, pero podemos redondearlas eligiendo la opción Esquinas suaves:

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

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

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

La Herramienta de líneas

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

A continuación, simplemente haga clic en el documento y arrastre la forma de la línea. Mantenga presionada la tecla Mayús después de comenzar a arrastrar para limitar la dirección en la que puede dibujar la línea, lo que facilita dibujar 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 mostrar las opciones de puntas de flecha. Photoshop nos permite añadir puntas de flecha al principio o al final de una línea, o a 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 la opción Fin. 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 en el extremo:

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

Esto cambia la forma de la punta de flecha. Una vez más, asegúrese de configurar la opción Concavidad antes de dibujar la línea, de lo contrario, deberá eliminar la forma y volver a dibujarla:

Ocultar El Contorno Alrededor de La Forma

Si observa de cerca su forma después de dibujarla (independientemente de la herramienta de Forma que haya utilizado), a menudo verá un contorno delgado que puede resultar 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 dibujar 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 de resaltado blanco alrededor que nos indica que la máscara está seleccionada de hecho. Puede ocultar el contorno alrededor de la forma deseleccionando su máscara vectorial. Para hacer eso, simplemente haga clic en la miniatura de la máscara vectorial. El borde de resaltado alrededor de la miniatura desaparecerá, al igual que el contorno alrededor de la forma en el documento: