Este tutorial le muestra cómo usar la nueva herramienta Curvature Pen Tool en Photoshop CC 2018 para dibujar fácilmente trazados y cómo convertir sus contornos de trazados en formas, máscaras vectoriales y selecciones. Siga junto con esta guía paso a paso.

Una de las principales características nuevas de Photoshop CC 2018 es la nueva herramienta Curvature Pen Tool . Curvature Pen Tool es una versión simplificada de Pen Tool estándar de Photoshop. Nos permite dibujar formas y caminos complejos sin la necesidad de editar controladores de control o recordar métodos abreviados de teclado. Usar la herramienta Pluma de curvatura es tan fácil como hacer clic para agregar puntos. Photoshop luego usa esos puntos para dibujar automáticamente su camino.

Como su nombre lo indica, la herramienta Curvature Pen Tool dibuja líneas curvas por defecto. Pero como veremos, es igual de fácil dibujar líneas rectas y cambiar entre líneas curvas y rectas según sea necesario. Y al igual que la herramienta Pluma estándar, podemos convertir fácilmente nuestros contornos de ruta en contornos de selección, lo que permite a cualquier persona, incluso a los principiantes, realizar selecciones limpias y profesionales en Photoshop. ¡Vamos a ver cómo funciona!

La herramienta Curvature Pen Tool solo está disponible a partir de Photoshop CC 2018, por lo que necesitará CC 2018 para seguirla. Si es suscriptor de Creative Cloud, puede aprender cómo actualizar su copia de Photoshop a CC 2018 utilizando nuestro tutorial Cómo mantener actualizado Photoshop CC. ¡Empecemos!

Configurando el documento

Crear un nuevo documento de Photoshop

En lugar de que solo te diga cómo funciona la herramienta Curvature Pen Tool, configuremos las cosas para que puedas seguirme fácilmente. Comenzaremos creando un nuevo documento de Photoshop. Vaya al menú Archivo en la barra de menú en la parte superior de la pantalla y elija Nuevo :

Ir a Archivo> Nuevo.

Esto abre el cuadro de diálogo Nuevo documento. En el panel Detalles de preajuste a la derecha, establezca el Ancho y la Altura del nuevo documento en 1000 Píxeles. Establezca la Resolución en 72 píxeles / pulgada y asegúrese de que el Contenido de fondo esté configurado en Blanco . Luego, haga clic en el botón Crear en la esquina inferior derecha. Se abrirá un nuevo documento, lleno de blanco, en su pantalla:

Establecer las opciones para el nuevo documento en el panel Detalles preestablecidos.

Configurando las Guías

Ahora que tenemos nuestro documento, configuremos algunas guías para que nos resulte más fácil dibujar las mismas formas. Vaya al menú Ver en la barra de menú y elija Nuevo diseño de guía :

Ir a Ver> Nuevo diseño de guía.

En el cuadro de diálogo Nuevo diseño de guía, establezca el Número de columnas y el Número de filas en 6 . Asegúrese de que el valor de Canal para las Columnas y las Filas esté vacío o establecido en 0. Si tiene alguna guía preexistente que deba eliminar, seleccione Borrar guías existentes en la parte inferior. Luego, haga clic en Aceptar para cerrar el cuadro de diálogo:

Las nuevas opciones de diseño de guía.

Ahora debería ver 3 filas y 3 columnas de guías en frente de su documento:

Las guías ahora aparecen en el documento.

Cómo dibujar con la herramienta Pluma de curvatura

Paso 1: Seleccione la herramienta Pluma de curvatura de la barra de herramientas

Con nuestro documento ahora configurado, aprendamos cómo usar la nueva herramienta Curvature Pen Tool en Photoshop CC 2018. Seleccionamos la herramienta Curvature Pen Tool de la barra de herramientas. De forma predeterminada, la herramienta de pluma Curvature está anidada detrás de la herramienta de pluma estándar, por lo que deberá hacer clic y mantener presionado el icono de la herramienta de pluma hasta que aparezca un menú desplegable. Luego, elija la herramienta Pluma de curvatura en el menú:

Selección de la herramienta Pluma de curvatura de la barra de herramientas.

¿No ve la herramienta Pluma de curvatura en la barra de herramientas? Aquí es donde encontrarlo.

Paso 2: Establezca el modo de herramienta en "Trazado" o "Forma"

Antes de comenzar a dibujar con la herramienta Pluma de curvatura, elija si desea dibujar un contorno de trazado o una forma usando la opción Modo de herramienta en la barra de opciones. De manera predeterminada, el Modo de herramienta está configurado en Ruta, que es lo que voy a dejar configurado. Si desea dibujar una forma, debe configurar la opción Modo de herramienta en Forma . Creo que es más fácil dibujar un camino porque los caminos son más fáciles de ver mientras dibujas, y puedes convertirlo fácilmente en una forma cuando hayas terminado. Aprenderemos cómo hacerlo un poco más tarde. Por ahora, deje el Modo de herramienta configurado en Ruta:

La opción Modo herramienta se puede establecer en Trazado o Forma.

Paso 3: haga clic para agregar un punto de partida

Para comenzar a dibujar una ruta o una forma, haga clic una vez dentro de su documento para establecer un punto de partida. Haré clic en el punto donde se cruzan la guía vertical en el centro y la guía horizontal a lo largo de la parte inferior. Observe que aparece un pequeño cuadrado en el lugar donde hizo clic. Esto se conoce como un punto de anclaje porque ancla la posición de la ruta dentro del documento:

Al hacer clic para agregar un punto de partida para la ruta.

Paso 4: Agregue un segundo punto para dibujar una línea recta

A continuación, haga clic para agregar un segundo punto de anclaje. Haré clic donde se cruzan la guía vertical a la izquierda y la guía horizontal en el centro. Tenga en cuenta que aunque la herramienta se llama Curvature Pen Tool, Photoshop dibuja una línea recta, conocida como segmento de ruta, entre los dos puntos. La razón es que dibujar una curva requiere tres puntos; uno para el inicio de la curva, uno para el final y uno en el medio. El punto en el medio determina el ángulo o arco de la curva. Sin ese punto medio, todo lo que Photoshop puede dibujar es una línea recta:

Agregar un segundo punto dibuja una línea recta entre los dos puntos.

Paso 5: Agregue un tercer punto para dibujar una curva

Haga clic con la herramienta Pluma de curvatura para agregar un tercer punto. Haré clic donde se cruzan la guía horizontal superior y la guía vertical central. Tan pronto como haga clic para agregar el tercer punto, la línea recta se convierte en una línea curva:

Agregar un tercer punto convierte la línea recta en una curva.

Cambiar el grosor y el color del camino

Si tiene problemas para ver el contorno de su ruta, puede ajustar el color y el grosor de la ruta haciendo clic en el icono de engranaje en la barra de opciones:

Al hacer clic en el ícono de ajustes para abrir las opciones de ruta.

Esto abre el cuadro de diálogo Opciones de ruta donde puede cambiar el grosor del contorno de la ruta de tan solo 0.5 píxeles a tan grande como 3 píxeles. También puede elegir un color diferente para la ruta. Estableceré el Grosor en 3 px y el Color en Magenta . Tenga en cuenta que estas configuraciones solo están ahí para ayudarlo a ver su camino mientras trabaja. No tienen ningún efecto sobre la apariencia real de la ruta en el documento. Para cerrar el cuadro de diálogo Opciones de ruta, haga clic nuevamente en el ícono de ajustes:

Cambie el grosor y el color de la ruta en las Opciones de ruta.

Y ahora vemos que tanto el grosor como el color de mi camino han cambiado:

El contorno del camino ahora es mucho más fácil de ver.

Paso 6: haga clic para agregar más puntos

Para continuar dibujando su camino o forma, simplemente haga clic para agregar más puntos. Por defecto, una vez que haya comenzado a dibujar una línea curva agregando un tercer punto, cualquier punto adicional que agregue también dibujará una curva. Agregaré un cuarto punto de anclaje haciendo clic donde se cruzan la línea vertical a lo largo de la derecha y la guía horizontal en el centro. Esto agrega un nuevo segmento de ruta entre los puntos tercero y cuarto y extiende la curva:

Agregar un cuarto punto para continuar dibujando la línea curva.

Paso 7: haga clic en el punto de partida para cerrar la ruta

Para cerrar su ruta, haga clic nuevamente en su punto de partida original. Ahora hemos dibujado un círculo completo con la herramienta Pluma de curvatura simplemente haciendo clic en:

Cierre la ruta haciendo clic nuevamente en el punto de partida.

Reformando el contorno del camino

Mover un punto de anclaje existente

Hemos trazado nuestro camino, pero podemos volver fácilmente en este punto y remodelarlo. De hecho, hay algunas formas de hacerlo. Una es hacer clic en un punto de anclaje existente con la herramienta Pluma de curvatura para seleccionarlo y luego arrastrar el punto a una nueva ubicación. Aquí, estoy arrastrando el punto de anclaje superior dos guías verticales hacia la derecha:

Al hacer clic y arrastrar un punto de anclaje existente.

Agregar más puntos de anclaje

También podemos agregar más puntos de anclaje a la ruta existente. Para agregar un nuevo punto, haga clic en cualquier lugar a lo largo del contorno de la ruta. Luego, arrastre el nuevo punto para remodelar el camino. Haré clic en la esquina superior izquierda de la ruta para agregar un nuevo punto:

Agregar un nuevo punto de anclaje haciendo clic en el contorno de la ruta.

Luego, para remodelar el camino, arrastraré el nuevo punto a la esquina superior izquierda donde se cruzan las líneas de la cuadrícula:

Arrastrando el nuevo punto para remodelar el camino.

También haré clic para agregar un nuevo punto de anclaje en la parte superior de la ruta, y luego arrastraré el nuevo punto hacia abajo, donde las líneas de la cuadrícula se encuentran justo por encima del centro:

Agregar un nuevo punto en la parte superior y arrastrarlo hacia abajo.

Cambio entre puntos de curva y puntos de esquina

Hasta ahora, todos los puntos de anclaje que hemos agregado con la herramienta Pluma de curvatura han sido puntos de curva (también conocidos como puntos suaves ). Es decir, el contorno del camino se curva a medida que pasa a través del punto. Otra forma de cambiar la forma de una ruta es convirtiendo un punto de curva en un punto de esquina . Para cambiar de un punto de curva a un punto de esquina, haga doble clic en un punto de curva existente.

Haré doble clic en el punto que acabo de agregar en el centro superior, y ahora vemos que, en lugar de una curva suave, el contorno del camino cambia abruptamente de dirección en ese punto. Para cambiar de un punto de esquina a un punto de curva, nuevamente haga doble clic en el punto:

Haga doble clic en un punto de curva para convertirlo en un punto de esquina y viceversa.

Eliminar un punto

Para eliminar un punto de anclaje, haga clic en él con la herramienta Pluma de curvatura para seleccionarlo, y luego presione la tecla Retroceso (Win) / Eliminar (Mac) en su teclado. Aquí, he eliminado el punto en el centro superior, y ahora la ruta ha vuelto a la misma forma que tenía antes de agregar el punto:

Para eliminar un punto, selecciónelo y luego presione Retroceso (Win) / Eliminar (Mac).

Eliminar una ruta completa

Para eliminar toda su ruta, haga clic con el botón derecho (Win) / Control-clic (Mac) dentro del documento y luego elija Eliminar ruta en el menú. También elimina la ruta completa presionando Retroceso (Win) / Eliminar (Mac) en su teclado cuando no se seleccionan puntos de anclaje:

Para eliminar una ruta, haga clic con el botón derecho (Win) / Control-clic (Mac) y elija "Eliminar ruta".

Eliminaré mi ruta para volver a mi documento vacío y mis guías:

La ruta ha sido eliminada.

Dibujar segmentos de ruta recta con la herramienta Pluma de curvatura

El principal beneficio de la herramienta Curvature Pen Tool es que es fácil dibujar contornos de trayectoria curva. Pero también podemos usarlo para dibujar líneas rectas con la misma facilidad. Ya hemos visto que podemos convertir un punto de curva en un punto de esquina haciendo doble clic en él. Pero si sabemos de antemano que necesitamos dibujar una línea recta, no es necesario dibujar primero un punto de curva y luego convertirlo. En su lugar, solo haga doble clic, en lugar de un solo clic, para agregar el nuevo punto. Photoshop agregará automáticamente el punto como un punto de esquina.

Digamos que queremos dibujar un contorno de trazado rectangular con la herramienta Pluma de curvatura. Comience haciendo clic para establecer un punto de partida para la ruta. Haré clic en la esquina inferior izquierda:

Al hacer clic para establecer un punto de partida para el contorno del trazado rectangular.

Luego, como sabemos que queremos que el siguiente punto sea un punto de esquina, haga doble clic, en lugar de un solo clic, para agregarlo. Haré doble clic en dos guías horizontales sobre mi punto de partida:

Haga doble clic para agregar el segundo punto como punto de esquina.

Para agregar el tercer punto a la forma rectangular, nuevamente haré doble clic para agregarlo como un punto de esquina. Tenga en cuenta que debido a que estamos agregando los puntos como puntos de esquina, Photoshop los conecta con segmentos de ruta rectos en lugar de curvas:

Haga doble clic para agregar el tercer punto.

Agregaré un cuarto punto de esquina haciendo doble clic en la esquina inferior derecha. Nuevamente, Photoshop agrega otro segmento de ruta recta:

Agregar el cuarto punto de esquina.

Para completar la ruta, haré doble clic en el punto inicial y Photoshop agregará el segmento recto restante:

Haga doble clic en el punto de partida para cerrar la ruta.

Convertir un segmento de ruta recta en un arco

¿Qué sucede si, en lugar de una línea horizontal plana en la parte superior del camino, desea un arco? Con la herramienta Pluma de curvatura, es fácil. Todo lo que necesita hacer es hacer clic en cualquier lugar a lo largo del segmento de ruta superior para agregar un nuevo punto de anclaje:

Agregar un nuevo punto a la parte superior del camino.

Luego, arrastre el nuevo punto hacia arriba para crear el arco:

Arrastrando el nuevo punto hacia arriba.

Mover múltiples puntos de anclaje a la vez

Hasta ahora, hemos aprendido que podemos mover un punto de anclaje individual haciendo clic y arrastrándolo con la herramienta Pluma de curvatura. Pero, ¿qué pasa si necesitamos mover dos o más puntos de anclaje a la vez? En ese caso, podemos usar la herramienta de selección directa de Photoshop. Encontrará la Herramienta de selección directa, también conocida como "Herramienta de flecha blanca", anidada detrás de la Herramienta de selección de ruta (la "Herramienta de flecha negra") en la barra de herramientas. Haga clic y mantenga presionada la Herramienta de selección de ruta hasta que aparezca un menú desplegable, y luego elija la Herramienta de selección directa en el menú:

Selección de la herramienta de selección directa de la barra de herramientas.

Digamos que queremos cambiar la altura de nuestro camino. Necesitamos seleccionar los tres puntos de ancla que conforman la parte superior (el punto en la parte superior izquierda, la parte superior derecha y el que está en la parte superior del arco). Para seleccionar los tres puntos a la vez, haga clic y arrastre un cuadro alrededor de los tres puntos con la Herramienta de selección directa:

Arrastrando con la Herramienta de selección directa alrededor de los tres puntos en la parte superior.

Luego, con los tres puntos en la parte superior seleccionada, haga clic en cualquiera de ellos y arrastre los tres hacia abajo juntos:

Reformar el camino moviendo todos los puntos de anclaje seleccionados al mismo tiempo.

Para volver a la herramienta Pluma de curvatura, vuelva a seleccionarla desde la barra de herramientas:

Vuelva a seleccionar la herramienta Pluma de curvatura.

Y luego, para eliminar la ruta para que podamos comenzar de nuevo, haga clic derecho (Win) / Control-clic (Mac) dentro del documento y elija Eliminar ruta en el menú:

Elegir la opción Eliminar ruta.

Dibujar un corazón con la herramienta Pluma de curvatura

Finalmente, tomemos lo que hemos aprendido sobre los puntos de curva y esquina y usémoslo para dibujar un camino en forma de corazón. Cuando hayamos terminado, terminaremos este tutorial aprendiendo cómo convertir la ruta en una forma real, así como una máscara vectorial y un esquema de selección.

Primero, haga clic en la parte inferior central con la herramienta Pluma de curvatura para establecer su punto de partida:

Al hacer clic para establecer el punto de partida para el corazón.

Luego, haga clic en la esquina superior izquierda, donde la primera guía vertical de la izquierda se cruza con la segunda guía horizontal desde la parte superior. Esto agrega un segundo punto, y dado que solo tenemos dos puntos en este momento, Photoshop dibuja un segmento de ruta recta entre ellos:

Al hacer clic para agregar el segundo punto.

Para agregar el tercer punto, haga clic donde la guía horizontal superior se cruza con la segunda guía vertical desde la izquierda. Como este es nuestro tercer punto, Photoshop convierte el segmento de ruta recta en una curva:

Agregar el tercer punto crea la curva.

Necesitamos agregar nuestro cuarto punto en el lugar donde la segunda guía horizontal desde la parte superior se encuentra con la guía vertical en el centro. Pero, como sabemos que necesitamos que este punto sea un punto de esquina, no un punto de curva, haga doble clic para agregarlo:

Agregar el cuarto punto como punto de esquina haciendo doble clic.

Luego, haga clic donde la guía horizontal superior se cruza con la segunda guía vertical desde la derecha. Aunque estamos agregando este punto como un punto de curva (haciendo clic), Photoshop inicialmente dibujará un segmento de ruta recta. Eso es porque nuestro punto anterior era un punto de esquina:

Haga un solo clic para agregar el quinto punto de anclaje como punto de curva.

Para agregar el siguiente punto, haga clic donde la primera guía vertical desde la derecha se encuentra con la segunda guía horizontal desde la parte superior. Photoshop una vez más convierte el camino recto en una curva:

Agregar el sexto punto convierte la línea recta anterior en una curva.

Finalmente, cerremos el camino y completemos la forma de nuestro corazón haciendo clic en el punto de inicio inicial en la parte inferior. Necesitamos que este punto sea un punto de esquina, no una curva, así que complete el camino haciendo doble clic en el punto de inicio:

Haga doble clic en el punto de partida para cerrar la ruta con un punto de esquina.

Apagando las guías

Hemos terminado de dibujar con la herramienta Pluma de curvatura, así que eliminemos las guías subiendo al menú Ver en la barra de menú, seleccionando Mostrar y luego Guías para anular su selección:

Ir a Ver> Mostrar> Guías.

Esto nos deja solo con nuestro camino:

La ruta en forma de corazón dibujada con la herramienta Pluma de curvatura.

Convertir el camino en una selección, máscara o forma

Ahora que hemos dibujado nuestro camino, Photoshop facilita la conversión del camino en un esquema de selección, una máscara vectorial o una forma . Con la herramienta Curvature Pen Tool aún activa, encontrará las tres opciones en la barra de opciones. Simplemente elija el que necesita:

Use la opción Hacer para convertir la ruta en una selección, máscara vectorial o forma.

Esquema de selección

Para convertir su ruta en un esquema de selección, elija Selección :

Elegir "Selección" de la barra de opciones.

Photoshop abrirá el cuadro de diálogo Hacer selección . Aquí, puede agregar algunas plumas a la selección si es necesario, o simplemente hacer clic en Aceptar para cerrar el cuadro de diálogo:

El cuadro de diálogo Hacer selección.

Photoshop convierte instantáneamente su esquema de ruta en un esquema de selección de "hormigas marchando":

La ruta dibujada con la herramienta Pluma de curvatura ahora es un esquema de selección.

Lo deshaceré para que podamos ver las otras dos opciones yendo al menú Editar y eligiendo Deshacer cambio de selección . También podría simplemente presionar Ctrl + Z (Win) / Comando + Z (Mac) en mi teclado:

Ir a Edición> Deshacer cambio de selección.

Máscara de vector

Para crear una máscara vectorial a partir de su contorno de ruta, elija Máscara en la barra de opciones:

Al hacer clic en la opción "Máscara".

Photoshop convierte la ruta en una máscara vectorial, con solo el área dentro de la ruta que permanece visible en el documento. El patrón de tablero de ajedrez que ahora rodea la ruta representa la transparencia, ya que no tenemos otras capas debajo de la máscara:

La ruta ahora aparece como una máscara vectorial, con solo el área dentro de la ruta visible.

Y si miramos en el panel Capas, ahora vemos una miniatura de máscara de vector :

Aparece una miniatura de máscara vectorial en el panel Capas.

Deshaceré la máscara de vectores para que podamos ver la tercera opción yendo al menú Editar y eligiendo Deshacer Agregar máscara de vectores . O de nuevo, podría presionar Ctrl + Z (Win) / Comando + Z (Mac) en mi teclado:

Ir a Edición> Deshacer Agregar máscara vectorial.

Capa de forma

Finalmente, para convertir una ruta dibujada con la herramienta Pluma de curvatura en una capa de forma, elija Forma :

Elegir "Forma" de la barra de opciones.

Photoshop llena la nueva forma con su color de primer plano actual, que en mi caso es negro:

El camino ahora convertido en una forma.

Si volvemos a mirar en el panel Capas, ahora vemos una nueva capa de Forma . Para cambiar el color de la forma, haga doble clic en la miniatura de la forma:

Haga doble clic en la miniatura de la capa Forma para cambiar el color de la forma.

Luego, elija un nuevo color del Selector de color . Como hemos dibujado una forma de corazón, elegiré un tono rojo. Haga clic en Aceptar cuando haya terminado para cerrar el Selector de color:

Elegir un color diferente para la forma del Selector de color.

Finalmente, para ocultar el contorno de la ruta alrededor de la forma, presione Entrar (Win) / Retorno (Mac) en su teclado. O simplemente elija una herramienta diferente de la barra de herramientas. Aquí está la forma de mi corazón ahora llena de rojo:

La forma de corazón rojo dibujada con la herramienta Pluma Curvatura.

¡Y ahí lo tenemos! ¡Esa es nuestra guía paso a paso para dibujar trazados y formas con la nueva herramienta Curvature Pen Tool en Photoshop CC 2018! Consulte también las nuevas sugerencias de herramientas enriquecidas en Photoshop CC 2018. ¡Visite nuestra sección Conceptos básicos de Photoshop para obtener tutoriales similares!

Categoría:

Conceptos básicos de Photoshop