Trazar el texto con un pincel en Photoshop

Trazar el texto con un pincel en Photoshop

Trazar el texto con un pincel en Photoshop

En este Tutorial de efectos de texto…aprenderemos a crear diseños interesantes a partir de texto usando los pinceles de Photoshop para añadir trazos alrededor de las letras! Primero aprenderemos a crear un camino a partir del texto, luego una vez que tengamos nuestro camino, ¡aprenderemos cómo Photoshop puede añadir un trazo al camino usando cualquier pincel que elijamos!

Aquí hay sólo un ejemplo del efecto que crearemos:

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

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

Start!

Paso 1: Crear un camino a partir de su texto

Para empezar, he creado un nuevo documento de Photoshop de 1000×400 píxeles, relleno de blanco, y como este tutorial trata sobre cómo aplicar un trazo de pincel alrededor del texto, he añadido una única 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 original de Photoshop que contiene la palabra

El documento original.

Antes de que podamos añadir un trazo de pincel alrededor de las letras, primero tenemos que convertir nuestro texto en un camino. Haga clic con el botón derecho del ratón en (Win) / Control-click (Mac) en la capa de texto en el panel de Capas:

Haciendo clic con el botón derecho del ratón en la capa de tipo en el panel de capas en Photoshop. Imagen © 2011 Photoshop Essentials.com

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

Choose Crear un camino de trabajo del menú de opciones que aparece. Esto creará un esquema de la ruta de las letras, aunque puede que no puedas ver la ruta todavía (la veremos más fácilmente en un momento):

Escogiendo la opción de crear una ruta de trabajo en Photoshop. Imagen © 2011 Photoshop Essentials.com

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

Paso 2: Añadir una nueva capa

A continuación, añadiremos una nueva capa para nuestra pincelada, no sólo porque siempre es una buena idea colocar todo en su propia capa, sino también porque en este caso, no tenemos elección. El Photoshop no nos permitirá usar un pincel en una capa de texto. Para añadir la nueva capa, haga clic en el botón Nueva capa at the bottom of the Layers panel:

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

Haciendo clic en el icono de Nueva Capa.

Photoshop añade una nueva capa en blanco llamada «Capa 1» sobre la capa de texto:

Una nueva capa en blanco aparece en el panel de capas de Photoshop. Imagen © 2011 Photoshop Essentials.com

Una nueva capa aparece sobre la capa de «BRUSH».

Paso 3: Esconder la capa de texto

Apaguemos la capa de texto del documento ya que no necesitamos verlo más. Con el texto oculto, seremos capaces de ver el esquema de la ruta que hemos creado. Para ocultar el texto, haga clic en su icono de visibilidad de la capa (el globo ocular) en el lado izquierdo de su capa en el panel de Capas:

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

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

FILE Efecto de Texto Metálico en Photoshop

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

El camino aparece alrededor de las letras del documento. Imagen © 2011 Photoshop Essentials.com

El contorno del camino es ahora visible alrededor de las letras.

Paso 4: Seleccionar un pincel

A continuación, tenemos que elegir un cepillo. Seleccione el Brush tool in the tool pane:

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

Agarra el cepillo.

Con la Herramienta de Pinceles seleccionada, para elegir rápidamente un pincel, Right-click (Win) / Control-click (Mac) en cualquier lugar dentro del documento, que abrirá el Recolector de cepillos. Utilice la barra de desplazamiento de la derecha para desplazarse por la lista de pinceles disponibles, y luego haga doble clic en la miniatura del que desea utilizar, que seleccionará el pincel y cerrará el Selector de pinceles. Puedes probar cualquier pincel que desees. Para este tutorial, elegiré el pincel de tiza de 36 píxeles (si tienes habilitadas las Sugerencias de herramientas en las Preferencias de Photoshop, verás aparecer el nombre de cada pincel al pasar el cursor del ratón sobre ellos):

Seleccionando un pincel de la herramienta de selección de pinceles del Photoshop. Imagen © 2011 Photoshop Essentials.com

Elija un pincel del Recogedor de Pinceles haciendo doble clic en su miniatura.

Paso 5: Cambiar al panel de caminos

Tenemos nuestro camino alrededor de las letras, hemos elegido un pincel, y hemos añadido una nueva capa en el panel de Capas para nuestra pincelada. Para aplicar el pincel al camino, necesitamos cambiar del panel de Capas al Caminos panel, que es parte del mismo grupo de panel como el panel de Capas (y Canales). Para cambiar al panel de Caminos, haga clic en su ficha de nombre:

El panel de Paths en Photoshop. Imagen © 2011 Photoshop Essentials.com

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

Los caminos en el panel de caminos se ven muy similares a las capas en el panel de capas. Verás el camino que acabamos de crear listado como «Camino de Trabajo», lo que significa que el camino es temporal. Si fuéramos a crear otro camino, nuestro camino actual sería reemplazado por el nuevo. Podríamos salvar el camino si quisiéramos simplemente renombrándolo a otra cosa que no sea «Camino de Trabajo», pero para nuestros propósitos aquí, no hay necesidad real de hacer eso.

Paso 6: Recorrer el camino con el cepillo

Para añadir un trazo de pincel alrededor del camino, haga clic en el Camino de la apoplejía con el cepillo en la parte inferior del panel de Paths (segundo icono desde la izquierda):

El icono de Trazo con Pincel en el panel de Trazos en Photoshop. Imagen © 2011 Photoshop Essentials.com

Haz clic en el icono de la ruta de trazos con pincel.

Este es el resultado que obtengo con el pincel de tiza que seleccioné del Recogedor 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.

FILE Tipo de borroso editable con estilos de capas en Photoshop

Puede tomar un poco de prueba y error con diferentes cepillos y/o tamaños de cepillo antes de que consigas que las cosas se vean como tú quieres. Si el cepillo que eligió no le dio los resultados que buscaba, pulse Ctrl+Z (Win) / Command+Z (Mac) en tu teclado para deshacer el paso, entonces Right-click (Win) / Control-click (Mac) dentro del documento, elige un pincel diferente del Recogedor de Pinceles, y luego inténtalo de nuevo.

Si el problema no era el pincel que elegiste sino el tamaño del pincel, haciendo que el trazo parezca demasiado grueso o demasiado fino, vuelve a presionar Ctrl+Z (Win) / Command+Z (Mac) para deshacer el paso, y luego usar el llaves de soporte izquierdo y derecho en su teclado para ajustar rápidamente el tamaño del pincel. Cada vez que presione la tecla llave de soporte izquierdo ( [ ), you’ll make the brush a bit smaller. Pressing the right bracket key ( ] ) lo hará más grande. Verás cómo el tamaño del cursor del pincel cambia a medida que pulsas las teclas para poder ver el resultado. Con el tamaño ajustado, haz clic en el icono de recorrido con el pincel para volver a intentarlo.

Desharé mi pincelada y lo intentaré de nuevo con otro pincel para ver qué resultados obtengo. Aquí está el efecto usando el pincel de cerdas redondas ásperas:

Un trazo aplicado a una ruta de texto usando el pincel de cerdas redondas en Photoshop. Imagen © 2011 Photoshop Essentials.com

La misma técnica, esta vez con el pincel de cerdas redondas en lugar del pincel de tiza.

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

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

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

Por defecto, sólo tenemos unos pocos pinceles de Photoshop, pero hay otros juegos de pinceles que podemos cargar. Haga clic en el pequeño arrow en la esquina superior izquierda del Recogedor de Cepillos:

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

Haciendo clic en el icono del menú en la esquina superior izquierda de la Escogedora de cepillos.

Esto abre un menú con varias opciones, y en la sección inferior del menú hay una lista de juegos de pinceles adicionales que fueron instalados con Photoshop pero que están esperando a que los carguemos antes de poder usarlos. Para cargar uno de los conjuntos, haga clic en su nombre en la lista. Elegiré el Assorted brushes …y el juego:

Los juegos 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 quiere reemplazar los pinceles actuales por los nuevos. Haga clic en el Appendices para mantener los pinceles actuales y añadir los nuevos después de ellos:

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

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

Y ahora, si te desplazas más allá de los pinceles originales en el Recogedor de Pinceles, encontrarás los nuevos pinceles añadidos. Al igual que antes, haz doble clic en el que quieras seleccionar y cierra la Pincelera. Probaré con el Starburst – Pincel grande que es parte del conjunto que acabo de cargar:

FILE Rotate and scale individual letters in text

Seleccionando el cepillo Starburst Large del Escogedor de cepillos en el Photoshop. Imagen © 2011 Photoshop Essentials.com

Seleccionando el Estallido – Gran cepillo que fue instalado con el juego de cepillos surtidos.

Haré clic en el icono de «Sendero con pincel» en el panel de Senderos, y aquí está mi resultado con el «Estallido estelar» – «Pincel grande»:

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

El efecto usando un cepillo de Starburst.

Si te gusta el diseño que ha creado el pincel pero te parece demasiado ligero, simplemente haz clic de nuevo en el icono de Trazo con pincel para aplicar el pincel por segunda vez, lo que oscurecerá el efecto:

El trazo del texto del estallido estelar 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.

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

Haciendo clic en un área vacía en el panel de Caminos para ocultar el camino en el documento. Imagen © 2011 Photoshop Essentials.com

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

Vuelve al panel de Capas cuando hayas terminado haciendo clic en la pestaña de nombre de capas en la parte superior del grupo de paneles, y verás que el efecto de pincelada se ha añadido a la Capa 1, lo que podemos ver mirando el vista previa de la miniatura:

Haciendo clic en un área vacía en el panel de Caminos para ocultar el camino en el documento. Imagen © 2011 Photoshop Essentials.com

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

A dónde ir después…

¡Y ahí lo tenemos! ¡Así es como se traza el texto con un pincel en Photoshop! Mira nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales de efectos de Photoshop!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon