Trazar texto con un pincel en Photoshop

Trazar texto con un pincel en Photoshop

Trazar texto con un pincel en Photoshop

En esto Tutorial de efectos de texto, aprenderemos cómo crear diseños interesantes a partir de texto usando los pinceles de Photoshop para agregar contornos de trazos alrededor de las letras. Primero aprenderemos cómo crear una ruta a partir del texto, luego, una vez que tengamos nuestra ruta, aprenderemos cómo Photoshop puede agregar un trazo a la ruta con cualquier pincel que elijamos.

Aquí hay solo un ejemplo del efecto que crearemos:

Acariciar texto con un pincel en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Un posible resultado de aplicar un trazo de pincel alrededor del texto.

¡Empecemos!

Paso 1: crea una ruta a partir de tu texto

Para comenzar, seguí adelante y creé un nuevo documento de Photoshop de 1000×400 píxeles, relleno de blanco, y dado que este tutorial trata sobre cómo aplicar un trazo de pincel alrededor del texto, agregué una sola capa de texto que contiene la palabra «BRUSH» (Elegí Arial Black como fuente porque este efecto tiende a funcionar mejor con letras más gruesas):

El documento de Photoshop original que contiene la palabra 'Pincel' en una capa de Texto.  Imagen © 2011 Photoshop Essentials.com

El documento original.

Antes de que podamos agregar un trazo de pincel alrededor de las letras, primero debemos convertir nuestro texto en una ruta. Botón derecho del ratón (Ganar) / Control-clic (Mac) en la capa de texto del panel Capas:

Haga clic con el botón derecho en la capa Tipo en el panel Capas en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Haga clic con el botón derecho (Win) / Control y haga clic (Mac) en la capa de texto.

Escoger Crear ruta de trabajo en el menú de opciones que aparece. Esto creará un esquema de ruta de las letras, aunque es posible que todavía no pueda ver la ruta (lo veremos más fácilmente en un momento):

Elegir la opción Crear ruta de trabajo en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Elija «Crear ruta de trabajo» en el menú.

Paso 2: agregue una nueva capa

A continuación, agregaremos una nueva capa para nuestro trazo de pincel, no solo porque siempre es una buena idea colocar todo en su propia capa, sino también porque en este caso, no tenemos otra opción. Photoshop no nos permitirá usar un pincel en una capa de texto. Para agregar la nueva capa, haga clic en el Nueva capa en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa en el panel Capas en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Haciendo clic en el icono Nueva capa.

Photoshop agrega una nueva capa en blanco llamada «Capa 1» encima de la capa de texto:

Aparece una nueva capa en blanco en el panel Capas de Photoshop.  Imagen © 2011 Photoshop Essentials.com

Aparece una nueva capa sobre la capa «CEPILLO».

Paso 3: Ocultar la capa de texto

Desactivemos la capa de texto en el documento, ya que ya no necesitamos verla. Con el texto oculto, podremos ver el contorno de la ruta que hemos creado. Para ocultar el texto, haga clic en su icono de visibilidad de capa (el globo ocular) en el lado izquierdo de su capa en el panel Capas:

Haciendo clic en el icono de visibilidad de la capa para la capa Tipo.  Imagen © 2011 Photoshop Essentials.com

Haga clic en el icono de visibilidad de la capa de texto para desactivarlo en el documento.

Con el texto desactivado, ahora podemos ver fácilmente el camino alrededor de las letras:

La ruta aparece alrededor de las letras del documento.  Imagen © 2011 Photoshop Essentials.com

El contorno de la ruta ahora es visible alrededor de las letras.

Paso 4: seleccione un pincel

A continuación, debemos elegir un pincel. Selecciona el Pincel desde el panel Herramientas:

Seleccionando la herramienta Pincel en el panel Herramientas en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Coge la herramienta Pincel.

Con la herramienta Pincel seleccionada, para elegir rápidamente un pincel, botón derecho del ratón (Ganar) / Control-clic (Mac) en cualquier lugar dentro del documento, lo que abrirá el Selector de cepillo. Use la barra de desplazamiento a la derecha para desplazarse por la lista de pinceles disponibles, luego haga doble clic en la miniatura del que desea usar, que seleccionará el pincel y cerrará el Selector de pinceles. Puedes probar cualquier cepillo que te guste. Para este tutorial, elegiré el pincel de tiza de 36 píxeles (si tiene la información sobre herramientas habilitada en las preferencias de Photoshop, verá que aparece el nombre de cada pincel cuando pase el cursor del mouse sobre ellos):

Seleccionar un pincel del Selector de pinceles en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Elija un pincel del Selector de pinceles haciendo doble clic en su miniatura.

Paso 5: cambia al panel de rutas

Tenemos nuestro camino alrededor de las letras, hemos elegido un pincel y hemos agregado una nueva capa en el panel Capas para nuestro trazo de pincel. Para aplicar el pincel al trazado, debemos cambiar del panel Capas al Caminos panel, que es parte del mismo grupo de paneles como el panel Capas (y Canales). Para cambiar al panel Rutas, haga clic en su pestaña de nombre:

El panel Trazados en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Utilice las pestañas de nombre en la parte superior de un grupo de paneles para cambiar entre paneles.

Los trazados del panel Trazados se parecen mucho a las capas del panel Capas. Verá la ruta que acabamos de crear listada como «Ruta de trabajo», lo que significa que la ruta es temporal. Si tuviéramos que crear otra ruta, nuestra ruta actual sería reemplazada por la nueva. Podríamos guardar la ruta si quisiéramos simplemente renombrándola a algo que no sea «Ruta de trabajo», pero para nuestros propósitos aquí, no hay una necesidad real de hacerlo.

Paso 6: traza el camino con el pincel

Para agregar un trazo de pincel alrededor del camino, haga clic en el Trazo de trazo con pincel icono en la parte inferior del panel Rutas (segundo icono desde la izquierda):

El icono Trazar ruta con pincel en el panel Rutas en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Haga clic en el icono Trazar ruta con pincel.

Este es el resultado que obtengo con el pincel de tiza que seleccioné del Selector de pinceles:

Acariciar el texto con un pincel de tiza.  Imagen © 2011 Photoshop Essentials.com

El resultado después de acariciar el camino con un pincel de tiza.

Puede tomar un poco de prueba y error con diferentes pinceles y / o tamaños de pincel antes de que las cosas se vean como deseaba. Si el cepillo que eligió no le dio los resultados que estaba buscando, presione Ctrl + Z (Ganar) / Comando + Z (Mac) en su teclado para deshacer el paso, luego botón derecho del ratón (Ganar) / Control-clic (Mac) dentro del documento, elija un pincel diferente del Selector de pinceles y vuelva a intentarlo.

Si el problema no fue el pincel que eligió, sino el tamaño del pincel, haciendo que el trazo parezca demasiado grueso o demasiado delgado, vuelva a presionar Ctrl + Z (Ganar) / Comando + Z (Mac) para deshacer el paso, luego use el llaves de corchete izquierdo y derecho en su teclado para ajustar rápidamente el tamaño del pincel. Cada vez que presiona el llave de corchete izquierdo ( [ ), you’ll make the brush a bit smaller. Pressing the right bracket key ( ] ) lo hará más grande. Verá que el tamaño del cursor del pincel cambia a medida que presiona las teclas para que pueda obtener una vista previa del resultado. Con el tamaño ajustado, haga clic en el icono Trazar ruta con pincel para volver a intentarlo.

Deshaceré el trazo de mi pincel y volveré a intentarlo con otro cepillar para ver qué resultados obtengo. Aquí está el efecto con el cepillo de cerdas redondas ásperas:

Un trazo que se aplica a un trazado de texto con el pincel de cerda redonda áspera en Photoshop.  Imagen © 2011 Photoshop Essentials.com

La misma técnica, esta vez con el pincel Rough Round Bristle en lugar del pincel Chalk.

Y aquí está el efecto con un pincel de salpicaduras. Cada nuevo pincel que elijo le da un aspecto diferente al texto:

Un trazo aplicado a una ruta de texto con un pincel de salpicadura en Photoshop.  Imagen © 2011 Photoshop Essentials.com

La misma técnica, esta vez con uno de los pinceles Spatter.

De forma predeterminada, solo tenemos disponibles algunos de los pinceles de Photoshop, pero hay otros conjuntos de pinceles en los que podemos cargar. Haga clic en el pequeño flecha en la esquina superior izquierda del Selector de pincel:

Haciendo clic en el icono de menú en el Selector de pincel en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Haciendo clic en el icono de menú en la esquina superior izquierda del Selector de pincel.

Esto abre un menú con varias opciones, y en la sección inferior del menú hay una lista de conjuntos de pinceles adicionales que se instalaron con Photoshop pero están esperando que carguemos antes de poder usarlos. Para cargar en uno de los conjuntos, haga clic en su nombre en la lista. Elegiré el Pinceles surtidos colocar:

Los conjuntos de pinceles adicionales instalados con Photoshop.  Imagen © 2011 Photoshop Essentials.com

Elija uno de los juegos de pinceles de la lista.

Photoshop le preguntará si desea reemplazar los pinceles actuales por los nuevos. Haga clic en el Adjuntar para mantener los pinceles actuales y simplemente agregar los nuevos después de ellos:

Añadiendo el nuevo conjunto de pinceles con los pinceles actuales.  Imagen © 2011 Photoshop Essentials.com

Haga clic en Agregar para mantener los pinceles actuales y agregar los nuevos.

Y ahora, si se desplaza hacia abajo más allá de los pinceles originales en el Selector de pinceles, encontrará los pinceles recién agregados. Al igual que antes, haga doble clic en el que desea seleccionar y cierre el Selector de pincel. Probaré el Starburst – Pincel grande que forma parte del conjunto que acabo de cargar:

Seleccionando el pincel Starburst Large en el Selector de pincel en Photoshop.  Imagen © 2011 Photoshop Essentials.com

Selección del cepillo Starburst – Large que se instaló con el conjunto de cepillos surtidos.

Haré clic en el icono Trazar ruta con pincel en el panel Rutas, y aquí está mi resultado con Starburst – Pincel grande:

Un trazo aplicado a una ruta de texto usando Starburst - Pincel grande en Photoshop.  Imagen © 2011 Photoshop Essentials.com

El efecto con un pincel Starburst.

Si le gusta el diseño que creó el pincel pero encuentra que parece demasiado claro, simplemente haga clic en el icono Trazar ruta con pincel nuevamente para aplicar el pincel por segunda vez, lo que oscurecerá el efecto:

El trazo de texto en forma de estrella ahora aparece más oscuro después de aplicar el pincel por segunda vez.  Imagen © 2011 Photoshop Essentials.com

El mismo diseño ahora aparece más oscuro después de una segunda pasada del pincel.

Finalmente, cuando esté satisfecho con los resultados, puede ocultar la ruta en el documento para que no distraiga haciendo clic en cualquier lugar del área vacía debajo de la Ruta de trabajo en el panel Rutas:

Hacer clic en un área vacía del panel Trazados para ocultar la ruta en el documento.  Imagen © 2011 Photoshop Essentials.com

Haga clic en cualquier lugar debajo de la Ruta de trabajo en el panel Rutas para ocultar la ruta en el documento.

Vuelva a su panel Capas cuando haya terminado haciendo clic en la pestaña de nombre de Capas en la parte superior del grupo de paneles, y verá que el efecto de trazo de pincel se ha agregado a la Capa 1, que podemos ver al mirar en la capa vista previa en miniatura:

Hacer clic en un área vacía del panel Trazados para ocultar la ruta en el documento.  Imagen © 2011 Photoshop Essentials.com

La miniatura de vista previa muestra el trazo de pincel en la Capa 1.


A dónde ir después …

¡Y ahí lo tenemos! ¡Así es como trazar texto con un pincel en Photoshop! ¡Consulte nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!