Cómo dibujar formas personalizadas en Photoshop
selección de la herramienta forma personalizada
la herramienta forma personalizada está anidada con otras herramientas de forma de Photoshop en el panel Herramientas. Para seleccionarlo, haga clic y mantenga presionado el icono de la herramienta de forma que esté visible actualmente (que será la herramienta Rectángulo (la predeterminada) o la herramienta de forma que utilizó por última vez). Al hacer clic y mantener pulsado el icono, aparece un menú desplegable que muestra las otras herramientas de forma disponibles., Seleccione la herramienta forma personalizada en la parte inferior de la lista:
dibujar formas vectoriales
con la herramienta forma personalizada seleccionada, lo siguiente que queremos hacer es asegurarnos de que estamos dibujando formas vectoriales, no rutas o formas basadas en píxeles., Aprendimos la importante diferencia entre las formas vectoriales y las formas de píxel en el tutorial dibujo Vector vs formas de píxel, pero en resumen, las formas vectoriales son flexibles, editables e independientes de la resolución, lo que significa que podemos editarlas y escalarlas tanto como queramos, e incluso imprimirlas en cualquier tamaño que necesitemos, y los bordes de las formas vectoriales siempre permanecerán nítidos y nítidos.
para asegurarse de que está trabajando con formas vectoriales, configure la opción de modo de herramienta en la barra de Opciones en la parte superior de la pantalla en forma (abreviatura de «forma vectorial»):
elegir una forma personalizada
a continuación, necesitamos decirle a Photoshop qué forma personalizada queremos dibujar, y lo hacemos haciendo clic en la miniatura de la forma en la barra de Opciones. La miniatura nos muestra la forma que está seleccionada actualmente:
Al hacer clic en la miniatura se abre el selector de formas personalizado, con vistas previas en miniatura de cada forma que podemos elegir. Use la barra de desplazamiento a lo largo de la derecha para desplazarse por las miniaturas.,
Cargando más formas
Como mencioné al principio del tutorial, solo un puñado de formas están disponibles inicialmente, pero hay muchas más entre las que podemos elegir. Todo lo que tenemos que hacer es cargarlos. Para ello, haga clic en el icono de engranaje en la parte superior derecha:
en la mitad inferior del menú que aparece, verá una lista de todos los conjuntos de formas personalizadas que Adobe incluye con Photoshop., Las formas que se muestran inicialmente son el conjunto predeterminado, pero mirando a través de la lista, vemos que tenemos muchos otros conjuntos interesantes, como animales, Música, Naturaleza, etc. Para cargar uno de estos conjuntos, simplemente selecciónelo de la lista.
el único problema es que, a menos que haya estado usando Photoshop durante un tiempo (y haya pasado gran parte de ese tiempo trabajando con formas personalizadas), es difícil saber qué formas encontrará en cada conjunto., Por lo tanto, en lugar de elegir los conjuntos individualmente, lo que recomendaría es seleccionar todos en la parte superior de la lista, Lo que cargará las formas de todos los conjuntos a la vez:
Photoshop le preguntará si desea reemplazar las formas actuales con las nuevas. Si hace clic en el botón Anexar, en lugar de reemplazar las formas actuales con las nuevas formas, le dice a Photoshop que mantenga las formas existentes y simplemente agregue las nuevas debajo de ellas., Esa puede ser una buena opción si estaba seleccionando un conjunto de formas individual de la lista y solo quería agregarlo a las formas predeterminadas.
en este caso, como estoy eligiendo todo (que incluye las formas predeterminadas como parte de la colección), voy a hacer clic en Aceptar. Al final del tutorial, aprenderemos cómo restablecer las formas a los valores predeterminados:
cambiar el tamaño del selector de formas personalizado
con todas las formas ahora cargadas, tenemos mucho más para elegir., Puede cambiar el tamaño del selector de formas personalizado para ver más formas a la vez haciendo clic y arrastrando su esquina inferior derecha. De hecho, puede hacer que el selector de formas personalizado sea lo suficientemente grande como para ver todas las formas a la vez:
personalmente, me parece un poco demasiado grande, así que una vez más haré clic y arrastraré la esquina inferior derecha del selector de formas Personalizado, esta vez para hacerlo más pequeño. Luego, usaré la barra de desplazamiento a lo largo de la derecha de las miniaturas para desplazarse por las formas., Para elegir una forma, haga doble clic en su miniatura. Esto seleccionará la forma y cerrará el selector de forma personalizada. Elegiré la forma del corazón haciendo doble clic en ella:
elegir un Color para la forma
Una vez que haya seleccionado una forma personalizada, Elija un color para ella haciendo clic en la muestra de color de relleno en la barra de Opciones:
esto abre un cuadro que nos permite elegir entre cuatro formas diferentes de llenar la forma personalizada, cada una representada por uno de los cuatro iconos a lo largo de la parte superior. A partir de la izquierda, tenemos el icono Sin Color, el icono de Color sólido, el icono de degradado y el icono de patrón. Cubrimos las opciones de color de relleno (y trazo) en detalle en el tutorial anterior (Cómo dibujar formas vectoriales en Photoshop CS6), pero las cubriré nuevamente aquí como un recordatorio:
Si selecciona la opción sin Color a la izquierda, dejará su forma personalizada en blanco, que puede ser lo que desea si necesita que su forma contenga solo un contorno de trazo. Veremos cómo añadir un trazo en un momento.
la opción Color sólido (segundo desde la izquierda) nos permite rellenar la forma personalizada con un solo color. Elija un color haciendo clic en una de las muestras de color. Los colores que ha utilizado recientemente aparecen en la fila colores utilizados recientemente sobre las muestras principales:
si el color que necesita no se encuentra en ninguna de las muestras, haga clic en el icono del selector de Color en la parte superior derecha:
a continuación, elija su color manualmente desde el selector de Color. Haga clic en Aceptar cuando haya terminado de cerrar el selector de Color:
la opción degradado nos permite rellenar la forma con un degradado., Puede elegir uno de los degradados preestablecidos haciendo clic en su miniatura (use la barra de desplazamiento a lo largo de la derecha para desplazarse por las miniaturas) o utilice las opciones debajo de las miniaturas para crear o editar su propio degradado. Cubriremos degradados en un tutorial separado:
finalmente, elija la opción patrón si desea llenar su forma personalizada con un patrón., Photoshop no nos da muchos patrones para elegir por sí solo, pero si ha creado o descargado otros patrones, puede cargarlos haciendo clic en el icono de engranaje pequeño (directamente debajo del icono de forma personalizada) y eligiendo cargar patrones en el menú:
dado que elegí una forma de corazón, seleccionaré la opción de Color sólido y elegiré rojo para mi color de relleno haciendo clic en la muestra roja., Para cerrar el cuadro de opciones de color cuando haya terminado, presione Enter (Win)/Return (Mac) en su teclado, o simplemente haga clic en un área vacía de la barra de Opciones:
Shortcodes, acciones y filtros Plugin: Error en shortcode
Shortcodes, acciones y filtros Plugin: Error en shortcode
dibujar su forma personalizada
para dibujar la forma, haga clic dentro de su documento para establecer un punto de partida. A continuación, mantenga el botón del ratón pulsado y arrastre lejos del punto de partida., A medida que arrastre, verá solo un contorno (conocido como la ruta) de cómo se verá la forma:
cuando sueltas el botón del ratón, Photoshop completa la forma y la rellena con el color elegido:
dibujar una forma con las proporciones correctas
observe, 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, por defecto, Photoshop nos permite dibujar libremente formas personalizadas a cualquier tamaño o proporción que queramos. Voy a deshacer mi forma subiendo al menú Editar en la barra de menú a lo largo de la parte superior de la pantalla y eligiendo deshacer forma personalizada herramienta. También podría presionar Ctrl + Z (Win) / Comando+Z (Mac) en mi teclado. Esto elimina la forma del documento:
para dibujar una forma personalizada con las proporciones correctas, comience de la misma manera que antes haciendo clic dentro del documento para establecer su punto de partida, luego mantenga presionado el botón del mouse y arrastre lejos del punto. Mientras arrastras, mantén pulsada la tecla Mayús del teclado. Esto ajustará la forma a sus proporciones correctas y las bloqueará en su lugar:
cuando esté satisfecho con el tamaño de la forma, suelte el botón del ratón y, a continuación, suelte la tecla Mayús., Es muy importante que sueltes la tecla Shift solo después de haber liberado el botón del ratón o no funcionará. Además, asegúrese de esperar hasta después de haber comenzado a arrastrar antes de presionar y mantener presionada la tecla Mayús o puede obtener resultados inesperados.
soltaré el botón del ratón, luego la tecla Mayús, momento en el que Photoshop rellena la forma con el color rojo que he elegido. Esta vez, el corazón se ve mucho mejor:
otros prácticos atajos de teclado
junto con presionar y mantener presionada Shift mientras arrastra para dibujar la forma con las proporciones correctas, puede mantener presionada la tecla Alt (Win) / Option (Mac) mientras arrastra para dibujar la forma desde su centro en lugar de desde una esquina. Manteniendo pulsada la tecla Mayús + Alt (Win) / Mayús+opción (Mac) mientras arrastra, se dibujará con las proporciones correctas y se dibujará desde el centro. Solo recuerda soltar siempre las teclas después de soltar el botón del ratón.,
cambiar el tamaño de la forma
Una vez que haya dibujado su forma, verá su ancho y alto actuales en los cuadros ancho (W) y alto (H) en la barra de Opciones. Aquí, vemos que mi forma fue dibujada 354 px de ancho y 308 px de alto:
si necesita cambiar el tamaño de la forma, simplemente resalte los valores actuales con el mouse e ingrese nuevos valores (presione Enter (Win) / Return (Mac) en su teclado para aceptarlos)., Para cambiar el tamaño de la forma y mantenerla bloqueada a las proporciones correctas, primero haga clic en el icono de enlace pequeño entre los campos ancho y alto, luego ingrese un nuevo ancho o alto. Con el icono de enlace seleccionado, Photoshop cambiará automáticamente el otro valor por usted:
dejar que Photoshop dibuje la forma por usted
Si aún no ha dibujado su forma y sabe el tamaño exacto que necesita, puede ahorrar tiempo dejando que Photoshop la dibuje por usted., Simplemente haga clic una vez dentro de su Documento. Photoshop abrirá el cuadro de diálogo Crear forma personalizada donde puede ingresar los valores de ancho y alto. Haga clic en Aceptar para cerrar y Photoshop dibujará su forma con las dimensiones elegidas:
agregar un trazo
para agregar un trazo alrededor de la forma, haga clic en la muestra de color de trazo en la barra de Opciones., Puede elegir su color de trazo (y otras opciones de trazo que veremos en un momento) antes o después de dibujar la forma:
las opciones para elegir un color de trazo son exactamente las mismas que las opciones de color de relleno. A lo largo de la parte superior, tenemos los mismos cuatro iconos que nos dan una opción entre No Color, Color sólido, degradado y patrón:
la opción sin Color está seleccionada de forma predeterminada (por lo que el trazo no es visible). Seleccionaré la opción Color sólido, luego estableceré mi color de trazo en negro haciendo clic en la muestra. Al igual que con el color de relleno, si el color que necesita no se encuentra en ninguna de las muestras, haga clic en el icono del selector de Color para elegirlo manualmente:
Al igual que, Photoshop agrega el trazo negro alrededor de la forma:
El ancho del trazo
podemos cambiar el ancho del trazo en la barra de Opciones. Encontrará el ancho actual a la derecha de la muestra de color de trazo. El ancho predeterminado es 3 pt. Si conoce el ancho exacto que necesita, puede ingresarlo directamente en el campo ancho (presione Enter (Win) / Return (Mac) cuando haya terminado de aceptarlo) o simplemente haga clic en la flecha pequeña a la derecha del valor y arrastre el control deslizante:
alinear bordes
si mira más a la derecha en la barra de Opciones, verá una opción llamada alinear bordes. De forma predeterminada, esta opción está activada (marcada) y generalmente querrá dejarla activada porque le indica a Photoshop que alinee los bordes de su forma con la cuadrícula de píxeles, lo que los mantiene nítidos y nítidos:
sin embargo, para que la opción Alinear bordes funcione, no solo debe seleccionarse, sino que también debe especificar el ancho de su trazo en píxeles (px), no en puntos (pt)., Dado que el tipo de medición predeterminado para el ancho del trazo es puntos, regresaré e ingresaré un nuevo ancho de 10 px:
Photoshop actualiza instantáneamente la forma con el nuevo ancho de trazo:
Más opciones de trazo
hay otras opciones de trazo que también podemos cambiar haciendo clic en el botón Opciones de trazo en la barra de Opciones:
esto abre el cuadro de Opciones de trazo. En la parte superior, podemos cambiar entre tener el trazo mostrado como una línea continua (la predeterminada), una línea discontinua o una línea punteada. La opción Alinear nos permite elegir si el trazo debe aparecer a lo largo de los bordes interiores de la forma, los bordes exteriores o centrado a lo largo de los bordes., Podemos configurar la opción de tapas a tope, redondo o cuadrado, y cambiar las esquinas a inglete, redondo o biselado. Al hacer clic en Más opciones en la parte inferior se abrirá un cuadro de diálogo más detallado con opciones adicionales para personalizar el aspecto de su trazo y para guardar su configuración personalizada como un preset:
cambiar el relleno y el trazo de las formas existentes
Al igual que lo hace con las herramientas de formas geométricas (Herramienta Rectángulo, herramienta Elipse, etc.,), Photoshop coloca cada forma vectorial que dibujamos con la herramienta forma personalizada en su propia capa de forma. Si miramos en mi panel de capas, vemos mi forma de corazón sentada en una capa de forma llamada «forma 1»:
agregaré una segunda forma a mi documento. Para hacer eso, reabriré el selector de forma personalizada en la barra de opciones, y esta vez, elegiré la forma de mariposa haciendo doble clic en su miniatura:
con la forma de mariposa seleccionada, la dibujaré rápidamente haciendo clic dentro del documento para establecer un punto de partida, luego haciendo clic y arrastrando desde ese punto. Para dibujar la mariposa con las proporciones correctas, esperaré hasta que haya comenzado a arrastrar, luego presionaré y sostendré mi tecla Mayús y continuaré arrastrando:
para completar la forma, soltaré el botón del ratón y, a continuación, soltaré la tecla Mayús., Photoshop llena la forma con color, pero mira lo que ha pasado; usó el mismo color de relleno (rojo) que elegí para mi forma anterior. También usó las mismas opciones de trazo que la forma anterior, incluyendo el color (negro) y el ancho (10 px):
afortunadamente, debido a que las capas de formas en Photoshop siguen siendo completamente editables, no hay necesidad de deshacer y volver a dibujar la forma si necesitaba que fuera de un color diferente., Siempre y cuando tenga la capa de forma seleccionada en el panel Capas (y la herramienta forma todavía seleccionada en el panel Herramientas), puedo volver fácilmente y cambiar los colores.
si miramos de nuevo en mi panel de capas, vemos que la forma de la mariposa se colocó en su propia capa de forma llamada «forma 2» sobre la forma del corazón:
con la capa de mariposa seleccionada, haré clic en la muestra de color de relleno en la barra de opciones y elegiré un color diferente de las muestras, tal vez un bonito color magenta:
También voy a bajar el ancho del trazo en la barra de opciones, ya que 10 px parece demasiado grueso. Lo bajaré a 4 px:
Photoshop actualiza instantáneamente la forma de mariposa con el nuevo color de relleno y el ancho de trazo., La forma original del corazón permanece intacta:
creo que también quiero reducir el ancho del trazo para la forma de corazón, así que haré clic en la capa de forma de Corazón («Forma 1») en el panel Capas para seleccionarla:
dejaré el color de relleno establecido en rojo, pero bajaré el ancho del trazo en la barra de opciones al mismo valor (4 px) que la forma de mariposa:
y ahora, ambas formas comparten el mismo ancho de trazo. Puede editar las otras opciones de trazo (color, tipo de línea, alineación, etc.) también si es necesario., Mientras tenga seleccionada la capa de forma correcta en el panel Capas y la herramienta de forma siga activa, puede realizar los cambios que necesite:
restablecer las formas personalizadas a los valores predeterminados
anteriormente, aprendimos cómo cargar otros conjuntos de formas en el selector de formas personalizadas., Si necesita borrar esas formas adicionales y volver a ver solo las formas predeterminadas, haga clic una vez más en el icono de engranaje en el selector de formas personalizado:
luego elija Restablecer formas en el menú:
Photoshop le preguntará si realmente desea reemplazar las formas actuales con los valores predeterminados., Haga clic en Aceptar para decir sí, y volverá a ver solo las formas predeterminadas originales:
