Cómo dibujar formas vectoriales en Photoshop CS6

Cómo dibujar formas vectoriales en Photoshop CS6

Cómo dibujar formas vectoriales en Photoshop CS6

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:

Una forma vectorial a la izquierda y una forma de píxel a la derecha.

Al hacer clic y mantener presionado el icono de la herramienta Rectángulo, se muestran las otras herramientas de forma que se esconden detrás de él.

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

Seleccionando la herramienta Rectángulo.

Seleccionando la herramienta Rectángulo.

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:

Establecer la opción Modo de herramienta en Forma.

Establecer la opción Modo de herramienta en Forma.

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:

Haciendo clic en la muestra de color de relleno en la barra de opciones.

Haciendo clic en la muestra de color de relleno.

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:

Las cuatro opciones (Sin color, Color sólido, Degradado y Patrón) para rellenar la forma.

Las cuatro opciones para rellenar la forma (Sin color, Color sólido, Degradado y Patrón).

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:

La opción Sin color dejará la forma vacía.

La opción Sin color dejará la forma vacía.

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:

Solo la ruta de la forma es visible cuando Relleno está configurado como Sin color.

Solo la ruta de la forma es visible (y solo en Photoshop) cuando Relleno está configurado en Sin color.

Color sólido

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

Haciendo clic en la opción de relleno de Color sólido.

Haciendo clic en la opción de relleno de Color sólido.

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:

Elegir un color haciendo clic en una muestra.

Elegir un color haciendo clic en una muestra.

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:

Haciendo clic en el icono Selector de color.

Haciendo clic en el icono Selector de color.

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

Elegir un color de relleno para la forma en el Selector de color.

Elegir un color de relleno para la forma en el Selector de color.

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

Una forma básica rellena de un color sólido.

Una forma básica rellena 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:

Elegir la opción de degradado para el relleno de forma.

Elegir la opción Degradado en la parte superior y luego seleccionar un degradado preestablecido.

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

La forma rellenada con uno de los degradados preestablecidos de Photoshop.

La forma rellenada con uno de los degradados preestablecidos de Photoshop.

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ú:

Elegir la opción de patrón para el relleno de forma.

Elegir la opción Patrón, luego seleccionar un patrón preestablecido.

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:

La forma rellena con uno de los degradados preestablecidos de Photoshop.

La forma se llenó con un patrón preestablecido.

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:

Elegir la opción de patrón para el relleno de forma.

Haciendo clic en la muestra de color del trazo.

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:

Seleccionando la opción Color sólido para el trazo y eligiendo un color de las muestras.

Seleccionando la opción Color sólido para el trazo, luego eligiendo un color de las muestras.

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:

Cambiar el ancho del trazo.

Cambiar el ancho del trazo.

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:

La opción Alinear bordes en la barra de opciones.

Por lo general, querrá asegurarse de que Alinear bordes esté marcado.

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:

Establecer el ancho del trazo de la forma en píxeles.

Para que Align Edges funcione, establezca el ancho de su trazo en píxeles (px).

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

Una forma simple con un trazo negro que la rodea.

Una forma simple con un trazo negro que la rodea.

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:

Una forma con Relleno establecido en Sin color y un trazo de 10 px.

La misma forma, ahora con Relleno establecido en Sin color.

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:

El botón Opciones de trazo en la barra de opciones.

Haciendo clic en el botón Opciones de trazo.

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:

Las opciones de trazo.

Las opciones de trazo.

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

El tipo de trazo cambió de sólido a discontinuo.

El tipo de trazo cambió de sólido a discontinuo.

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:

Seleccionando la herramienta Rectángulo.

Seleccionando la herramienta Rectángulo.

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:

Dibujar una forma con la herramienta Rectángulo en Photoshop.

Arrastrando una forma de rectángulo. A medida que arrastra, solo aparece un contorno de la forma.

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

La forma ahora se llenó de color.

Photoshop llena la forma con color cuando suelta el botón del mouse.

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:

La barra de opciones muestra el ancho y alto inicial de la forma.

La barra de opciones muestra el ancho y alto inicial de la forma.

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:

Utilice el icono de enlace para mantener la relación de aspecto de la forma al cambiar su tamaño.

Utilice el icono de enlace para mantener la relación de aspecto de la forma al cambiar su tamaño.

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:

Cambiar el tamaño de la forma en la barra de opciones.

Cambiar el tamaño de la forma.

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:

El cuadro de diálogo Crear rectángulo.

Haga clic una vez dentro del documento para ingresar un ancho y alto, luego deje que Photoshop dibuje la forma.

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á:

Dibujando una forma desde su centro.

Mantenga presionada la tecla Alt (Win) / Opción (Mac) para dibujar una forma desde su centro.

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:

Mantenga presionada la tecla Mayús mientras arrastra para dibujar un cuadrado.

Mantenga presionada la tecla Mayús mientras arrastra para dibujar un cuadrado.

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:

Photoshop siempre espera hasta que suelte el botón del mouse antes de llenar la forma con color.

Photoshop siempre espera hasta que suelte el botón del mouse antes de llenar la forma con color.

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:

Haciendo clic en el icono de rueda dentada.

Haciendo clic en el icono de rueda dentada.

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:

Las opciones que vea dependerán de la herramienta de forma seleccionada.

Las opciones que vea dependerán de la herramienta de forma seleccionada.

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»:

Cada nueva forma de vector que dibuja aparece en su propia capa de forma.

Cada nueva forma de vector que dibuja aparece en su propia capa de forma.

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:

El icono de forma en la miniatura de vista previa de la capa.

El icono en la miniatura de vista previa nos dice que es una capa de forma.

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:

Haciendo clic en la muestra de color de relleno en la barra de opciones.

Haciendo clic en la muestra de color de Relleno con la capa Forma seleccionada.

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

Cambiando el color de la forma a azul.

Haciendo clic en una muestra de color azul.

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

El color de la forma se ha cambiado sin necesidad de volver a dibujarlo.

El color de la forma se ha cambiado sin necesidad de volver a dibujarlo.

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:

El panel Capas se actualiza cuando editamos una forma.

La vista previa de la forma en el panel Capas también se actualiza cuando hacemos cambios.

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:

Seleccionando la herramienta Rectángulo redondeado.

Seleccionando 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 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:

El valor de Radio de la herramienta Rectángulo redondeado en la barra de opciones.

Utilice la opción Radio para controlar la redondez de las esquinas.

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:

Dibujar un rectángulo redondeado en Photoshop CS6.

Arrastrar un rectángulo redondeado después de establecer el valor de Radio en la barra de opciones.

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

Un rectángulo redondeado dibujado con la herramienta Rectángulo redondeado.

La forma se llena de color cuando suelta el botón del mouse.

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:

Un valor de Radio más alto produce esquinas más redondeadas.

Un valor de Radio más alto produce esquinas más redondeadas.

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:

Un valor de Radio más pequeño nos da esquinas menos redondeadas.

Un valor de Radio más pequeño nos da esquinas menos redondeadas.

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:

Seleccionando la herramienta Deshacer rectángulo redondeado en el menú Editar.

Ir a Edición> Deshacer la herramienta Rectángulo redondeado.

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:

Seleccionando la herramienta Elipse.

Seleccionando la herramienta Elipse.

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:

Dibujar una forma elíptica con la herramienta Elipse.

Dibujar una forma elíptica con la herramienta Elipse.

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

Una forma elíptica dibujada con la herramienta Elipse.

La forma llena de color.

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:

Un círculo perfecto dibujado con la herramienta Elipse.

Un círculo dibujado con la herramienta Elipse.

La herramienta Polígono

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

Seleccionando la herramienta Polígono en el panel Herramientas.

Seleccionando la herramienta Polígono.

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:

La opción Lados de la herramienta Polígono.

Ingrese el número de lados que necesita en la opción Lados.

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:

Un polígono de cinco lados dibujado con la herramienta Polígono.

Una forma de 5 lados dibujada con la herramienta Polígono.

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

Un simple triangulo dibujado con la herramienta Polígono.

Un triángulo simple dibujado con la herramienta Polígono.

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:

Una forma poligonal de doce lados.

Una forma poligonal de doce lados.

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:

Elegir la opción Estrella para la herramienta Polígono.

Haciendo clic en el icono de rueda dentada y eligiendo 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:

Una estrella de 5 puntas dibujada con la herramienta Polígono.

Una estrella de 5 puntas dibujada con la herramienta Polígono.

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

Una estrella de 8 puntas dibujada con la herramienta Polígono.

Controle el número de puntos con la opción Lados.

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:

Creación de una explosión estelar aumentando el valor de Sangría de lados por.

Creación de una explosión estelar aumentando el valor de Sangría de lados por.

Y aquí está el resultado:

Una estrella dibujada con la herramienta Polígono.

Una estrella dibujada con la herramienta Polígono.

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

La opción Suavizar esquinas para la herramienta Polígono.

Encendido de esquinas lisas.

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

Una estrella con esquinas suaves dibujadas con la herramienta Polígono.

La opción Smooth Corners les da a las estrellas un aspecto divertido y amigable.

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

La opción Suavizar sangrías para la herramienta Polígono.

Activación de sangrías suaves.

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

Una forma de estrella de mar creada con la herramienta Polígono.

Una estrella con esquinas suaves y sangrías suaves activadas.

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:

Seleccionando la herramienta Línea desde el panel Herramientas en Photoshop.

Seleccionando la herramienta Línea.

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:

La opción Peso para la herramienta Línea en la barra de opciones.

La opción Peso controla el grosor o ancho de la línea.

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:

Una línea horizontal dibujada con la herramienta Línea.

Mantenga presionada la tecla Mayús mientras arrastra para dibujar líneas horizontales o verticales.

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):

Las opciones de punta de flecha para la herramienta Línea en Photoshop.

Haga clic en el icono de engranaje para acceder a las opciones de punta de flecha.

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

Una flecha de dirección dibujada con la herramienta Línea en Photoshop.

La herramienta Línea facilita el dibujo de flechas de dirección.

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%:

La opción Concavidad para la punta de flecha.

Cambie la forma de la punta de flecha aumentando su concavidad.

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):

Una punta de flecha con un valor de concavidad del 50 por ciento.

Una punta de flecha con un valor de concavidad al 50%.

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.

El contorno de la ruta sigue siendo visible incluso después de que se dibuja la forma.

El contorno de la ruta sigue siendo visible incluso después de dibujar la forma.

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

Eliminando el contorno de la ruta alrededor de la forma en Photoshop CS6.

Presione Entrar (Win) / Retorno (Mac) y el esquema desaparecerá.


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.