224- 25 COMO TRABAJAR "RECTANGUO ELIPCES Y OTROS

Cómo realizar formas con Photohop como rectángulos, elipses y otros polígonos. Podemos crear esas formas como trazados o como áreas de color. 

En este artículo del Manual de Photoshop vamos a hablar de otras de las herramientas de Photoshop, que sirven para crear diversas formas, de tipo polígono, línea, elipse, etc. Entre las formas de Photoshop vamos a ver varias de ellas simples y más adelante también veremos, ya en sucesivos artículos, que existen formas personalizadas.

Las formas poligonales sirven para dibujar distintas áreas con diversas estructuras. Por ejemplo, la primera que vamos a ver es la forma básica de rectángulo, pero también podemos obtener formas con otras características, como líneas y distintos tipos de polígonos: triángulos pentágonos, hexágonos, etc. Veremos en este artículo también la creación de rectángulos con los bordes redondeados y elipses.

Todas las formas se encuentran disponibles bajo un mismo icono, donde podremos ver inicialmente el rectángulo, pero donde si hacemos un clic con pulsación prolongada se nos mostrarán otras herramientas, que podemos observar en la siguiente imagen.

Herramienta de rectángulo

Con esta herramienta podemos crear rectángulos y rellenarlos de color directamente, o hacer simplemente trazados. En principio, si no hemos marcado otra cosa, se creará un rectángulo con el color de relleno que tengamos configurado en la barra de herramientas como color frontal.

Para crear la forma de rectángulo, o cualquier otro tipo de forma, tenemos que hacer clic en un lugar de la imagen y arrastrar con el ratón a otro punto de la imagen, sin soltar el botón del ratón. En el momento que soltemos el botón del ratón se creará la forma entre los puntos que acabamos de definir. Podemos modificar la forma según la vamos creando con las teclas de Mayúsculas (Shift), Alternativa (ALT). Con la tecla mayúsculas hacemos que los lados del rectángulo sean iguales. Con alternativa hacemos que el rectángulo tenga el punto central en el primer lugar donde hicimos clic para iniciar la creación de la forma.

Realmente en Photoshop podríamos crear un rectángulo con la herramienta de selección rectangular y luego rellenando de color con el bote de pintura. Pero, la ventaja de crear un rectángulo, u otra forma con la herramienta de forma, es que ésta es vectorial y por tanto podremos alterarla sin que se pierda resolución, por ejemplo cambiando su forma (ampliarla y reducirla) o color. Es decir, hacer una forma permite que hagamos cosas con ella como transformarla libremente en cualquier momento con la opción de "Edición / Transformación libre de trazado".

Rectángulo redondeado

Este tipo de forma crea rectángulos donde sus esquinas están redondeadas. Es una manera rápida de conseguir rectángulos suavizados que a menudo dan un aspecto más delicado a los diseños. Con esta forma veremos que aparece una nueva opción en la barra de opciones de la herramienta, que sirve para definir el radio de las esquinas redondeadas.

Forma de elipse

Este tipo de forma crea elipses, de manera similar a los rectángulos. Recordar el uso de las teclas ALT o Mayúsculas, que permiten que la elpise se cree con características determinadas. ALT hace que la elipse se cree en el centro de donde pulsamos inicialmente para iniciar la forma, y la tecla mayúsculas hace que la elipse sea un círculo perfecto, con el mismo rádio en toda la circunferencia.

Forma de polígono

Permite construir otros tipos de formas poligonales, como triángulos, cuadrados, pentágonos, etc. Podemos indicar el número de lados del polígono en las opciones de la herramienta. Los polígonos creados siempre tendrán todos los lados iguales, además, siempre se dibujarán con su centro en el lugar donde hicimos clic inicialmente para crear la forma.

Forma de línea

Esta es una de las formas más utilizadas, al menos en mi caso particular. Permite hacer líneas, haciendo clic en el punto inicial de la línea y arrastrando hasta el punto donde queremos que termine. Lo interesante de las líneas es que nos permiten dibujar puntas de flecha, configurables en dimensiones y en el lugar donde deseamos que aparezcan, a principio o fin de la línea. Además podremos configurar también, siempre a través de las opciones de herramienta, el grosor de la línea.

La Podremos observar que la opción de grosor de línea aparece directamente en la barra de opciones de la herramienta. La configuración de las puntas de flecha, si es que las deseamos, la tenemos que indicar en un menú que aparece haciendo un clic en una flechita hacia abajo que hay al lado del icono de forma personalizada.

Si lo deseas, puedes leer el artículo donde ampliamos la información sobre la herramienta de línea de Photoshop.

Forma personalizada

Permite hacer formas de distintos tipos. Esta herramienta también es muy útil, dada la gran variedad de formas que contamos ya con la instalación básica de Photoshop y muchas otras que podremos conseguir instalando paquetes de formas, o creándolas nosotros mismos. Debido a las múltiples opciones de las formas personalizadas, merece la pena dejarlas para un artículo posterior que presentaremos también en desarrollo web .com.

Conclusión

En el siguiente artículo veremos distintas opciones de configuración de las formas, que nos ofrecerán múltiples posibilidades de creación de formas y trazados, que podremos utilizar para crear elementos más complejos a partir de la transformación o combinación de trazados o formas.

Veremos las múltiples opciones de configuración de las formas y trazados que se pueden crear con las distintas herramientas de forma.

En el artículo anterior estuvimos comentando las distintas herramientas de forma disponibles en Photoshop. Ahora vamos a analizar casos de uso más avanzados de esta herramienta y vamos a explicar algunas de las cosas que podemos hacer con ellas, como modificar sus trazados, para personalizarlas y adaptarlas a nuestras necesidades.

Como ya hemos visto repetidas veces en el Manual de Photoshop de desarrolloweb.com, todas las herramientas de Photoshop, disponemos de varias opciones que nos aparecen en la barra de opciones de herramienta:

Las opciones de forma funcionan de la misma manera independientemente del tipo de forma que tengamos seleccionada, ya sea un rectángulo, rectángulo con bordes redondeados, formas personalizadas, etc. A continuación veremos una descripción de las opciones posibles para la herramienta de forma, tal como están numeradas en la imagen anterior:

1.- Capas de forma 

Crea formas en nuevas capas. Genera una nueva capa para colocar esa forma nueva en una capa independiente.

2.- Trazados 

Simplemente se crea el trazado de la forma, pero no se hace nada con él, hasta que no lo indiquemos nosotros. Una vez creado un trazado podremos transformarlo, crear una selección a partir de él, o rellenarlo de color. Pero el trazado por si solo no aparecerá en la imagen y no servirá para nada hasta que realicemos algún tipo de acción con él.

3.- Rellenar píxeles 

Esto crea la forma con un color de relleno, es decir, no creará la forma vectorial que estábamos comentando, sino que la dibujará y la rellenará como mapa de bits.

4.- Selección rápida de herramienta pluma 

Con estos botones podemos acceder rápidamente a alguna de las utilidades de la herramienta pluma.

5.- Selección rápida de otras formas 

Con estos botones podemos acceder rápidamente a otras formas de las posibles con la herramienta de forma.

6.- Combinación de nuevas formas creadas 

Permite decir cómo se combinan otras formas y trazados creados sobre la misma capa. Podemos hacer una intersección de las formas, unirlas, restarlas, etc.

7.- Estilos 

Permite asignar estilos a las formas que estamos creando, con alguno de los estilos predefinidos en Photoshop u otros estilos que podamos haber creado nosotros.

8.- Color de relleno 

Permite especificar el color con el que se rellenarán las formas creadas.

Formas y trazados

Los botones 1, 2 numerados en la anterior imagen permiten hacer formas con trazados y trazados sin más. Es interesante comentar algunas de las cosas que podemos hacer con los trazados.

Como hemos dicho, los trazados en Photoshop tienen la particularidad que se permite transformarlos sin perder detalle en la imagen. Con el botón marcado como 1 (capas de forma) se crea la forma con el color de relleno y esta se encuentra disponible en modo de trazado, para que podamos retocarla si lo deseamos. Por ejemplo podemos hacer una Transformación libre del trazado (desde el menú de edición o con la tecla rápida CTRL + T). Esto nos permite cambiar el rectángulo para adaptarlo a nuevas dimensiones o incluso cambiar el ángulo de los vértices si trasladamos uno de ellos con la tecla CTRL pulsada.

La opción marcada como 2 (Trazados) simplemente crea un trazado. Ese trazado, como se había señalado, no aparecerá en la imagen, simplemente está ahí para que nosotros hagamos algo con él. Podríamos transformarlo, con la opción de transformación de trazado comentada antes, o podríamos crear una selección a partir de él, para luego hacer cualquier cosa con ella, como rellenarla de color. También podríamos crear una forma personalizada a basada en el trazado, que veremos en el artículo de formas personalizadas más adelante, o incluso modificar el trazado con alguna de las herramientas como la pluma.

Para acceder a diversas acciones posibles con el trazado podemos pulsar en la imagen con el botón derecho del ratón y veremos varias opciones. Por ejemplo una de las más útiles es la de crear una selección con el trazado, que hará que se seleccione el área comprendida por ese trazado. Si habíamos creado varios trazados distintos, la selección que se mostrará será la unión de ellos, intersección o cualquier otra operación definida con los botones de las opciones de la herramienta marcados en la imagen anterior en el item 6 (combinación de nuevas formas creadas).

Como siempre, la mejor manera de entender todas las opciones de configuración de las formas de Photoshop, es practicar con las distintas opciones, para poder analizar y entender los resultados obtenidos.