En el tutorial anterior, aprendimos lo esencial para trabajar con formas y capas de formas en Photoshop. En ese tutorial, aprendimos cómo agregar rectángulos y elipses simples, así como estrellas, destellos y flechas de dirección, a un documento usando las cinco herramientas de forma geométrica de Photoshop: la herramienta Rectángulo, la herramienta Rectángulo redondeado, la herramienta Elipse, la herramienta Polígono y la herramienta de línea.

Tener herramientas que nos permitan dibujar fácilmente círculos y cuadrados es genial, pero ¿qué pasa con formas más interesantes? ¿Qué pasaría si quisiera agregar, por ejemplo, una forma de corazón a una foto de boda o compromiso, o la forma de un perro o un gato al logotipo de una tienda de mascotas? ¿Qué tal formas de flores y hojas, copos de nieve, notas musicales o un símbolo de copyright para agregar a sus imágenes? Photoshop en realidad se envía con todas estas formas y más, y nos permite agregarlas a nuestros diseños tan fácilmente como agregar círculos y cuadrados. Adobe llama a estas formas más complejas formas personalizadas, y las dibujamos utilizando la herramienta que veremos en este tutorial: la Herramienta de formas personalizadas .

Este tutorial es para Photoshop CS5 y versiones anteriores . Los usuarios de Photoshop CS6 (y CC) querrán consultar nuestro tutorial completamente actualizado Cómo usar la herramienta de forma personalizada en Photoshop.

La herramienta de forma personalizada

Encontrará la herramienta de forma personalizada anidada con otras herramientas de forma de Photoshop en el mismo lugar en el panel Herramientas. De manera predeterminada, la herramienta Rectángulo es la herramienta que se muestra, pero si hace clic en ella y mantiene presionado el botón del mouse, aparecerá un menú desplegable que enumera las otras herramientas que están disponibles en ese lugar. La herramienta de forma personalizada se encuentra al final de la lista:

Haga clic y mantenga presionada la herramienta Rectángulo, luego seleccione la herramienta Forma personalizada en el menú desplegable.

Si ya tiene seleccionada una de las otras herramientas de forma, puede tomar rápidamente la herramienta de forma personalizada en la barra de opciones. Verá una serie de seis iconos, cada uno de los cuales representa una herramienta de forma diferente. La herramienta Forma personalizada es el último ícono a la derecha (es el ícono que parece un blob):

Si otra herramienta de forma ya está activa, la herramienta de forma personalizada se puede seleccionar desde la barra de opciones.

Elegir una forma personalizada

Una vez que tengamos seleccionada la Herramienta de forma personalizada, debemos elegir la forma que queremos dibujar. Aparecerá una miniatura de vista previa de forma en la barra de opciones a la derecha del icono de la herramienta de forma personalizada. La miniatura muestra la forma personalizada que está seleccionada actualmente:

La miniatura de vista previa muestra la forma personalizada seleccionada actualmente.

Para elegir una forma diferente, haga clic en la miniatura de vista previa. Esto abrirá el Selector de formas que muestra todas las formas que tenemos actualmente para elegir. Photoshop en realidad viene con muchas más formas que el número limitado que se nos presenta al principio. Veremos cómo cargar las otras formas en un momento:

Haga clic en la miniatura de vista previa para abrir el Selector de forma.

Para elegir una forma, simplemente haga clic en su miniatura y luego presione Entrar (Win) / Retorno (Mac) para cerrar el Selector de forma. O bien, haga doble clic en la miniatura, que seleccionará la forma y cerrará el Selector de formas por usted. Elegiré la forma del corazón:

Selección de la forma del corazón del selector de formas.

Elegir un color para la forma

Una vez que haya elegido su forma, seleccione un color para ella haciendo clic en la muestra de color a la derecha de la palabra Color en la barra de opciones:

Haga clic en la muestra de color para elegir un color para la forma personalizada.

Photoshop abrirá el Selector de color para que podamos elegir el color que deseemos. Como seleccioné una forma de corazón, elegiré el rojo para mi color. Haga clic en Aceptar cuando haya terminado para cerrar el Selector de color:

Elija un color para la forma del Selector de color.

Seleccione la opción "Capas de forma"

Como mencioné en el tutorial anterior, Photoshop nos permite dibujar tres tipos muy diferentes de formas con las herramientas de formas. Podemos dibujar formas vectoriales, que son independientes de la resolución y totalmente escalables sin pérdida de calidad de imagen (el mismo tipo de formas que dibujaríamos en un programa como Illustrator). También podemos dibujar trazados, que son solo contornos de formas, o podemos dibujar formas basadas en píxeles donde Photoshop llena la forma con píxeles de colores. En la mayoría de los casos, queremos dibujar formas vectoriales, y para hacerlo, necesitamos tener la opción Capas de forma seleccionada en la barra de opciones. Es el ícono izquierdo en un grupo de tres íconos cerca del extremo izquierdo de la barra de opciones:

Seleccione la opción Capas de forma en la barra de opciones para dibujar formas vectoriales.

Para dibujar la forma, haga clic dentro del documento para establecer un punto de inicio, luego mantenga presionado el botón del mouse y arrastre lejos del punto de inicio. A medida que arrastra, Photoshop muestra un esquema de cómo se verá la forma:

Haga clic para establecer un punto de partida, luego arrastre el resto de la forma.

Suelte el botón del mouse para completar la forma, momento en el que Photoshop lo rellena con el color que eligió en la barra de opciones:

Photoshop llena la forma de color cuando sueltas el botón del mouse.

Dibujando una forma con las proporciones correctas

Tenga en cuenta, sin embargo, que la forma de mi corazón se ve un poco distorsionada. Es más ancho y más corto de lo que esperaba. Esto se debe a que, de manera predeterminada, Photoshop no intenta mantener las proporciones correctas o la relación de aspecto de la forma mientras la dibujamos. Presionaré Ctrl + Z (Win) / Comando + Z (Mac) en mi teclado para deshacer la forma y volver a intentarlo.

Para dibujar una forma personalizada con las proporciones correctas, haga clic en el documento, mantenga presionado el botón del mouse y comience a arrastrar la forma como lo haría normalmente. Una vez que comience a arrastrar, mantenga presionada la tecla Mayús en su teclado y continúe arrastrando. Tan pronto como presione (y mantenga presionada) la tecla Mayús, verá que el contorno de la forma se ajusta a su relación de aspecto adecuada:

Mantenga presionada la tecla Mayús mientras arrastra la forma para dibujarla con las proporciones correctas.

Cuando esté satisfecho con el tamaño de la forma, suelte el botón del mouse, luego suelte la tecla Shift (asegúrese de soltar la tecla Shift después de soltar el botón del mouse). Photoshop nuevamente lo llena de color:

Suelte la tecla Mayús solo después de soltar el botón del mouse.

Nuevamente presionaré Ctrl + Z (Win) / Comando + Z (Mac) en mi teclado para deshacer la forma, luego elegiré una forma diferente haciendo clic en la miniatura de vista previa en la Barra de opciones para abrir el Selector de forma. Esta vez, seleccionaré las notas musicales:

Al hacer clic en la miniatura de las notas musicales para seleccionar la forma.

Para dibujar las notas musicales, haré clic dentro del documento para establecer un punto de partida y, con el botón del mouse presionado, comenzaré a arrastrarme lejos del punto de partida. Tan pronto como comience a arrastrar, presionaré y mantendré presionada la tecla Mayús para forzar la forma a sus proporciones correctas mientras continúo arrastrando:

Manteniendo presionada la tecla Mayús mientras arrastro para mantener correctas las proporciones de las notas.

Soltaré el botón del mouse para completar la forma y Photoshop la rellena con el mismo color que elegí para la forma anterior:

La nueva forma se rellena con el mismo color que la anterior.

A continuación, aprenderemos cómo cambiar el color de una forma existente y cómo cargar todas las formas personalizadas adicionales que Adobe incluyó con Photoshop.

Complemento de códigos cortos, acciones y filtros: error en shortcode (ads-basics-middle)

Cambiar el color de una forma existente

¿Qué pasa si quisiera que mi nueva forma fuera de un color diferente al anterior? Simplemente podría haber elegido un color diferente de la barra de opciones antes de dibujar la nueva forma, pero es igual de fácil cambiar el color de una forma después de haberla dibujado. Cada nueva forma personalizada que dibujamos se coloca en su propia capa de Forma en el panel Capas, y cada capa de Forma viene con su propio icono de muestra de color que muestra el color actual de la forma. Para cambiar el color, haga doble clic en la muestra de color:

Haga doble clic en la muestra de color de la capa Forma para cambiar su color.

Photoshop volverá a abrir el Selector de color para que podamos elegir un nuevo color. Elegiré púrpura:

Elija un nuevo color para la forma del Selector de color.

Haga clic en Aceptar cuando haya terminado de cerrar el Selector de color, y así, Photoshop cambia el color de la forma para nosotros:

Podemos cambiar el color de cualquier forma vectorial en cualquier momento que queramos.

Carga de conjuntos de formas adicionales

Como mencioné, Photoshop viene con más formas personalizadas para que podamos elegir que el puñado que tenemos para comenzar. Solo necesitamos cargarlos en nosotros mismos, y lo hacemos haciendo clic en la miniatura de vista previa de la forma en la Barra de opciones para abrir el Selector de formas, luego haciendo clic en la flecha pequeña en la esquina superior derecha del Selector de formas:

Haga clic en la flecha pequeña en la esquina superior derecha del Selector de forma.

Esto abre un menú con varias opciones, y en la parte inferior del menú hay una lista de conjuntos de formas adicionales que se instalaron con Photoshop. Cada uno de estos conjuntos es una colección de formas que comparten un tema común, como animales, música, naturaleza, etc. Algunos de los conjuntos enumerados aquí son nuevos en Photoshop CS5 (que es la versión que estoy usando), pero la mayoría están disponibles en cualquier versión reciente de Photoshop:

Todos estos conjuntos de formas adicionales se incluyen con Photoshop, pero deben cargarse manualmente.

Si sabe qué conjunto contiene las formas que necesita, puede seleccionarlo haciendo clic en su nombre en la lista. Sin embargo, una cosa más fácil de hacer es cargarlos todos a la vez, lo que podemos hacer seleccionando Todos en la parte superior de la lista:

Elija "Todos" para cargar todas las formas personalizadas adicionales en Photoshop.

Photoshop le preguntará si desea reemplazar las formas actuales con las nuevas formas o si desea agregar las nuevas con los originales. Elija Agregar, que mantendrá las formas originales y agregará las nuevas después de ellas:

Elija "Anexar" para cargar las nuevas formas en Photoshop manteniendo los originales.

Y ahora, si abrimos el Selector de formas haciendo clic en la miniatura de vista previa de la forma en la Barra de opciones, ¡vemos todas las formas nuevas que tenemos para elegir! He ampliado un poco el Selector de formas para que podamos ver más miniaturas de formas. Use la barra de desplazamiento a lo largo del lado derecho del Selector de formas para desplazarse por la lista completa:

El Selector de formas ahora está cargado con todas las formas personalizadas que Adobe incluyó con Photoshop.

Aquí hay una muestra aleatoria de algunas de las muchas formas que ahora tenemos disponibles para nosotros:

El Selector de formas ahora está cargado con todas las formas personalizadas que Adobe incluyó con Photoshop.

Por muy útiles que puedan ser muchas de estas formas personalizadas, es muy posible que incluso después de cargarlas todas, aún no encontremos la forma que necesitamos para el diseño particular en el que estamos trabajando, y ahí es donde está el verdadero ¡El poder de las formas personalizadas de Photoshop viene porque Photoshop nos permite crear cualquier forma que queramos desde cero! ¡Asegúrese de consultar nuestro tutorial Cree sus propias formas personalizadas para todo lo que necesita saber sobre la creación, el almacenamiento y el uso de sus propias colecciones de formas personalizadas!