¡Cómo crear un efecto de texto de pintura en aerosol en Photoshop

Sep 24, 2021
admin

Aprenda a crear un efecto de texto de pintura en aerosol en Photoshop, con sus letras pintadas en aerosol sobre el fondo! Un tutorial paso a paso para Photoshop CC y anteriores.

Escrito por Steve Patterson.

En este tutorial, te mostraré cómo crear un simple efecto de texto pintado con spray en el que las letras parecen haber sido pintadas con spray sobre una pared o superficie. También te mostraré cómo mezclar la pintura en spray con la superficie para conseguir un efecto más realista. Y como crearemos la pintura en aerosol utilizando nada más que un efecto de capa y las opciones de fusión de Photoshop, tu texto seguirá siendo editable incluso cuando hayamos terminado.

Utilizaré la última versión de Photoshop CC, pero cualquier versión reciente funcionará.

Aquí tienes un ejemplo de cómo quedará el efecto de texto pintado con spray. Por supuesto, puedes utilizar el texto, el fondo y los colores que quieras:

El efecto de texto pintado con spray.

¡Comencemos!

¡Descarga este tutorial como un PDF listo para imprimir!

Cómo crear texto pintado con spray en Photoshop

Empezaremos por aprender a crear el efecto principal de pintura en spray, y luego te mostraré cómo mezclar las letras con el fondo. También te mostraré cómo duplicar el efecto para añadir más texto a tu diseño, y cómo cambiar el color de la pintura.

También puedes seguir el vídeo de este tutorial. O descargar este tutorial como un PDF listo para imprimir.

Paso 1: Abre tu imagen de fondo

Como vamos a querer pintar el texto con spray sobre algún tipo de fondo, empieza por abrir tu imagen de fondo. Utilizaré esta imagen que he descargado de Adobe Stock:

La superficie donde se pintará el texto con spray. Crédito: Adobe Stock.

Y en el panel Capas, vemos la imagen en la capa Fondo:

Panel Capas de Photoshop mostrando la capa Fondo.

Relacionado: Aprende a usar las capas en Photoshop

Paso 2: Añade tu texto

Para añadir tu texto, selecciona la Herramienta de texto en la Barra de herramientas:

Seleccionando la Herramienta de texto.

Elegir una fuente

Y luego en la Barra de opciones, elige tu fuente. Yo utilizaré «HWT Gothic Round» que he descargado de Adobe Typekit. Si no tienes acceso a esta fuente, no pasa nada. Cualquier fuente funcionará:

Elegir una fuente en la Barra de Opciones.

Más opciones de tipo

Todavía en la Barra de Opciones, voy a establecer mi tamaño de tipo a 72 pt sólo para darme el mayor tamaño preestablecido por ahora. Y voy a establecer la alineación del texto al centro.

Para el color, elegiré el blanco haciendo clic en la muestra de color y eligiendo el blanco en el selector de color de Photoshop. Este no es el color que vamos a utilizar para la pintura en aerosol. Todo lo que necesitamos por ahora es algo que nos permita ver el texto a medida que lo vamos añadiendo:

Configurar el tamaño, la alineación y el color del texto.

Añadir el texto

Entonces haz clic en el documento y añade tu texto. Voy a escribir la palabra «PAINT»:

Añadir el texto.

Aceptar el texto

Para aceptarlo, haz clic en la marca de verificación de la barra de opciones:

Haz clic en la marca de verificación.

Paso 3: Redimensionar y reposicionar el texto con Transformación libre

Para redimensionar el texto y moverlo a su sitio, sube al menú Edición de la Barra de menús y elige Transformación libre:

Ir a Edición > Transformación libre.

Y luego, para redimensionar el texto, haz clic y arrastra cualquiera de los tiradores de las esquinas. A partir de Photoshop CC 2019, la relación de aspecto del texto se bloquea automáticamente al arrastrar los tiradores. En versiones anteriores de Photoshop, tendrá que mantener pulsada la tecla Mayúsculas mientras arrastra para bloquear la relación de aspecto en su lugar.

Para cambiar el tamaño del texto desde su centro, mantenga pulsada la tecla Alt (Win) / Opción (Mac) mientras arrastra. Y si necesita reposicionar el texto, haga clic dentro del cuadro de Transformación libre y arrastre el texto a su lugar.

Para aceptarlo y salir de Transformación libre, pulse Intro (Win) / Retorno (Mac) en su teclado:

Cambiar el tamaño del texto arrastrando un tirador de esquina.

Paso 4: Bajar el valor de Relleno de la capa de Tipo al 0%

En el panel de Capas, vemos nuestro texto en una nueva capa de Tipo por encima de la imagen:

El texto aparece en su propia capa de Tipo.

Para crear el efecto de pintura en spray, lo primero que tenemos que hacer es que nuestro texto sea transparente. Para ello, baja el valor de Relleno en la parte superior derecha del panel Capas hasta el 0%. Asegúrate de que estás bajando el valor de Relleno, no el de Opacidad:

Bajando el Relleno de la capa Tipo al 0%.

El texto desaparece completamente. Sigue ahí, sólo es transparente:

Al bajar el valor de Relleno, el texto se vuelve invisible.

¿Cuál es la diferencia entre Opacidad y Relleno?

En el panel Capas, tanto los valores de Opacidad como de Relleno afectan a la transparencia de una capa. La diferencia entre ellos es que la Opacidad controla la transparencia tanto del contenido de una capa como de los efectos de capa que hayamos aplicado. El relleno, por el contrario, sólo afecta al contenido de la capa. No afecta a los efectos de la capa.

Esto significa que bajando el valor de Relleno, podemos aplicar efectos de capa a nuestro texto y mantener los efectos visibles aunque el propio texto esté oculto. Y esto es lo que nos va a permitir crear nuestro efecto de pintura en aerosol.

Paso 5: Añadir un efecto de capa Sombra de caída a la capa Tipo

Todo el efecto de pintura en aerosol se puede crear utilizando un solo efecto de capa, y el que necesitamos es Sombra de caída. Con la capa Tipo seleccionada, haz clic en el icono de Estilo de capa (el icono «fx») en la parte inferior del panel Capas:

Haciendo clic en el icono de Estilo de capa.

Y luego elige Sombra caída:

Elegir un efecto de capa Sombra caída.

Paso 6: Restablecer la configuración de la Sombra Caída a los valores predeterminados

En el cuadro de diálogo Estilo de capa, haga clic en el botón Restablecer valores predeterminados para restaurar la configuración predeterminada de la Sombra Caída, para que ambos veamos lo mismo:

Hacer clic en el botón Restablecer valores predeterminados.

Paso 7: Cambiar el color de la Sombra Caída a blanco

A continuación, cambie el color de la sombra caída haciendo clic en la muestra de color:

Haciendo clic en la muestra de color.

Y en el Selector de Color, elija blanco por ahora, y luego haga clic en Aceptar. Elegiremos diferentes colores para el efecto un poco más tarde:

Configurando el color de la sombra paralela en blanco.

Paso 8: Cambiar el modo de fusión de la sombra a Pantalla

Para ver el blanco, cambie el modo de fusión de la sombra paralela de Multiplicar (el modo de fusión por defecto) a Pantalla:

Cambiando el modo de fusión a Pantalla.

Y enseguida empezamos a ver aparecer el blanco detrás de las letras:

Aparece un tenue contorno blanco alrededor del texto.

Paso 9: Aumenta la opacidad de la sombra al 100%

Para que el efecto sea más brillante, aumenta la opacidad de la sombra hasta el 100%:

Subiendo la opacidad al 100%.

Y ahora el efecto es más fácil de ver. Cambiando el color de la sombra de negro a blanco, y cambiando su modo de fusión de Multiplicar a Pantalla, hemos convertido esencialmente nuestra sombra en un resplandor:

El resultado después de aumentar la opacidad.

Paso 10: Ajuste la Distancia y la Dispersión al 0%

Ignore las opciones Ángulo y Usar luz global ya que no van a importar aquí. Pero baja la Distancia a 0px y asegúrate de que la Dispersión está al 0%:

Ajustando tanto la Distancia como la Dispersión a 0.

Al ajustar la Distancia a 0px, hemos centrado la sombra paralela detrás del texto, creando un tenue contorno o trazo alrededor de las letras:

El resultado después de bajar la Distancia a 0px.

Paso 11: Aumentar el tamaño de la sombra paralela

Para extender la sombra (o el resplandor, en este caso) más allá de los bordes, aumentar el valor de Tamaño:

Aumentar el tamaño de la sombra paralela.

Cuanto más lo aumentes, más amplio será el resplandor:

El resultado después de bajar la Distancia a 0 px.

Paso 12: Cambiar el Contorno a Cono

En este punto, el efecto hasta ahora no se parece mucho a la pintura en spray. Nuestro resplandor tiene que parecerse más a un contorno alrededor de las formas de las letras.

Para solucionarlo, todavía en el cuadro de diálogo Estilo de capa, ve a la sección Calidad, haz clic en la pequeña flecha junto a la miniatura de vista previa del Contorno:

Haz clic en la flecha, no en la miniatura.

Y luego elige el contorno Cono haciendo doble clic en su miniatura. Es el que está en la fila superior, el segundo desde la izquierda:

Seleccionando el contorno Cono.

Los contornos afectan a la transparencia de la sombra paralela, cambiando cómo y dónde pasa de zonas opacas a transparentes. Y de inmediato, vemos un contorno mucho más fuerte alrededor de los bordes de las letras:

El efecto después de cambiar al contorno Cono.

Paso 13: Desactiva la opción «La capa elimina la sombra paralela»

Pero fíjate en que aunque nuestro texto es transparente, el brillo sólo aparece alrededor del exterior. Necesitamos ver el resplandor dentro de las letras también.

Para arreglar eso, desmarca la opción que dice Layer Knocks Out Drop Shadow:

Desmarcando «Layer Knocks Out Drop Shadow».

Y ahora el contorno aparece tanto fuera como dentro del texto:

El efecto después de cambiar al contorno de Cono.

Paso 14: Reajuste el valor de Tamaño si es necesario

En este punto, puede que tenga que volver a ajustar el valor de Tamaño para cambiar el grosor del contorno. No vaya demasiado alto, sin embargo, o se extenderá el resplandor demasiado lejos. El tamaño exacto que necesita dependerá del tamaño de su texto.

En mi caso, voy a ir con un valor de Tamaño de alrededor de 120px, pero es posible que necesite un valor diferente:

Aumentar el valor de Tamaño.

Y este es el resultado:

El efecto después de reajustar el valor de Tamaño.

Paso 15: Añadir ruido

Por último, añade algo de ruido al contorno aumentando el valor de Ruido. Yo pondré el mío en torno al 25-30%:

Añadir ruido al efecto.

Y ahora, si amplío la imagen, vemos pequeñas motas en el contorno, lo que hace que parezca más bien pintura en spray.

Dependiendo del tamaño de la fuente que estés utilizando, puedes notar algunos débiles bordes duros a lo largo de las áreas donde se unen el efecto y el fondo. En esta captura de pantalla, puedes verlos dentro de las letras «P» y «A». Estos bordes desaparecerán una vez que mezclemos el texto con el fondo, que es lo que haremos a continuación:

El efecto después de añadir el ruido.

Cómo mezclar el texto pintado con spray con el fondo

En este punto, hemos terminado con nuestro efecto de capa de sombra. Así que vamos a aprender a mezclar el efecto con el fondo, por lo que parece que el texto está realmente pintado con spray en el fondo y no sólo sentado en frente de ella. Cuando hayamos terminado, te mostraré cómo copiar el efecto para añadir más texto manteniendo intactos los efectos de capa y las opciones de fusión.

Paso 16: Abrir las opciones de fusión de Photoshop

Todavía en el cuadro de diálogo Estilo de capa, selecciona la categoría Opciones de fusión de la izquierda:

Abrir las opciones de fusión.

Paso 17: Arrastrar el deslizador negro «Capa subyacente» hacia la derecha

En la parte inferior de las Opciones de fusión hay dos conjuntos de deslizadores. El de arriba dice «Esta capa» y el de abajo dice «Capa subyacente». Podemos usar estos deslizadores para mezclar nuestro texto con la imagen de fondo. Y el conjunto que necesitamos es el de abajo (Capa subyacente):

El deslizador «Capa subyacente» en las Opciones de fusión.

Nota los dos deslizadores debajo de la barra de gradiente. Hay un deslizador negro a la izquierda y un deslizador blanco a la derecha. Vamos a mezclar nuestro texto con las partes más oscuras de nuestra imagen de fondo. Y para ello, necesitamos el deslizador negro.

Haz clic en el deslizador negro y empieza a arrastrarlo hacia la derecha:

Arrastrando el deslizador negro hacia la derecha.

Mientras arrastras, mantén un ojo en tu texto y verás que las zonas más oscuras de la imagen de fondo empiezan a mostrarse a través de él. Y a medida que arrastras más, aparece más y más fondo:

Arrastrando el deslizador negro se revelan las zonas más oscuras del fondo a través del texto.

Paso 18: Dividir el deslizador negro por la mitad

El problema es que las transiciones entre el texto y el fondo son muy duras. Para crear transiciones más suaves, mantenga pulsada la tecla Alt (Win) / Opción (Mac) de su teclado. Haz clic en el lado derecho del deslizador negro y arrástralo lejos del lado izquierdo. Esto divide el deslizador en dos mitades:

Mantén pulsada la tecla Alt (Win) / Opción (Mac) y arrastra el deslizador para separarlo.

Paso 19: Ajusta los deslizadores para crear una transición suave

La mitad izquierda del deslizador controla ahora el nivel de brillo donde el texto empieza a aparecer frente al fondo. Y la mitad derecha establece el nivel de brillo donde el texto se hace totalmente visible y el fondo ya no se ve a través de él. El área entre los dos deslizadores se convierte en el área de transición donde el texto y el fondo se mezclan. Cuanto más se separen los controles deslizantes, más gradual será la transición.

Ajuste cada mitad del deslizador hasta que esté satisfecho con el efecto. No hay valores específicos para utilizar aquí, ya que dependerá de su imagen de fondo.

En mi caso, voy a establecer mi mitad izquierda a un nivel de brillo de 10 y mi mitad derecha a un nivel de brillo de 60. En otras palabras, cualquier área de mi imagen de fondo que tenga un nivel de brillo de 10 o más oscuro se mostrará completamente a través del texto. Las zonas con un nivel de brillo de 60 o más claro quedarán completamente ocultas por el texto. Y en los niveles de brillo intermedios (del 11 al 59) es donde se produce la transición:

Mis niveles de brillo para la mitad izquierda (10) y la mitad derecha (60) del deslizador.

Y con el texto ahora mezclado con la imagen, obtenemos un efecto de pintura en spray de aspecto mucho más realista:

El efecto con el texto mezclado con el fondo.

Paso 20: Cerrar el cuadro de diálogo Estilo de capa

Hemos terminado con el efecto principal, así que sigue adelante y cierra el cuadro de diálogo Estilo de capa haciendo clic en Aceptar:

Haciendo clic en Aceptar se cierra el cuadro de diálogo.

Y en el panel de Capas, ahora vemos nuestra Sombra Caída listada como un efecto debajo de la capa Tipo. También vemos un icono de opciones de fusión al lado del icono «fx», lo que nos indica que también tenemos algunas opciones de fusión avanzadas aplicadas a la capa:

La capa Tipo muestra ahora nuestra Sombra Caída y las opciones de fusión.

¡Descargue este tutorial como un PDF listo para imprimir!

Cómo duplicar el efecto de texto pintado con spray

En este punto, añadir más texto pintado con spray es fácil.

Paso 21: Hacer una copia de la capa Tipo

Todo lo que tenemos que hacer es duplicar nuestra capa Tipo. Simplemente arrástrela hacia el icono Añadir nueva capa en la parte inferior del panel Capas:

Arrastrando la capa Tipo hacia el icono Añadir nueva capa.

Una copia de la capa Tipo aparece sobre la original, completa con nuestro efecto de Sombra Caída y nuestras opciones de fusión:

El panel Capas muestra ahora ambas capas Tipo.

Paso 22: Seleccionar la Herramienta Mover

Para reposicionar el texto, seleccionamos la Herramienta Mover de la Barra de Herramientas:

Seleccionando la Herramienta Mover.

Paso 23: Mover el texto a su lugar

Y luego hacemos clic en el texto y lo movemos a su lugar. Arrastraré la copia del texto hacia arriba:

Arrastrando el texto copiado a la parte superior de la imagen de fondo.

Después, en el panel Capas, haré clic en la capa Tipo original para seleccionarla:

Seleccionando la capa Tipo original.

Y arrastraré el texto original hacia abajo:

Arrastrando el texto original a la parte inferior de la imagen de fondo.

Cómo editar el texto pintado con spray

Como nuestro texto sigue siendo de tipo editable, podemos editar fácilmente el texto y mantener el efecto de pintura en spray intacto.

Paso 24: Seleccionar la herramienta Tipo

No quiero que ambas palabras sean iguales, así que para editar el texto superior, seleccionaré la herramienta Tipo de la barra de herramientas:

Seleccionar la herramienta Tipo.

Paso 25: Seleccionar y editar el texto

A continuación, haré doble clic dentro de la palabra para resaltarla:

Resaltar la palabra superior haciendo doble clic con la Herramienta de texto.

Y cambiaré la palabra de «PAINT» a «SPRAY»:

Editando el texto.

Para aceptarlo, haré clic en la marca de verificación de la barra de opciones:

Haciendo clic en la marca de verificación.

Paso 26: Cambiar el tamaño del texto editado con Transformación libre

Cambiaré el tamaño del texto superior subiendo al menú Edición y eligiendo Transformación libre:

Ir a Edición >Transformación libre.

Y luego arrastraré los tiradores de las esquinas superiores para cambiar el tamaño de la palabra para que tenga el mismo ancho que la palabra inferior. Para aceptarlo, pulsaré Enter (Win) / Return (Mac) en mi teclado:

Cambiar el tamaño de la copia del texto.

Cómo cambiar el color de la pintura en spray

Y por último, veamos cómo cambiar el color del efecto.

Paso 27: Haga doble clic en el efecto de la capa de Sombra Caída

Para cambiar el color de la pintura en aerosol, haga doble clic en las palabras «Sombra Caída» debajo de la capa Tipo. Si tienes más de una capa de Tipo como yo, asegúrate de que haces doble clic en la que quieres editar.

En mi caso, empezaré con la palabra «SPRAY» en la parte superior:

Haz doble clic en las palabras «Drop Shadow».

Paso 28: Haz clic en la muestra de color

Esto reabre el cuadro de diálogo Estilo de capa. Haga clic en la muestra de color:

Haga clic en la muestra de color de la Sombra Caída.

Paso 29: Elija un nuevo color en el Selector de Color

Y luego en el Selector de Color, elija un nuevo color. Voy a ir con algo brillante, como el amarillo:

Elegir un nuevo color para la pintura en aerosol.

Haga clic en Aceptar para cerrar el selector de color, y luego haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Y ahora mi texto superior es de color amarillo:

El resultado después de colorear el texto superior.

Cambiando el color del texto inferior

Haré lo mismo con el texto inferior. Haré doble clic en las palabras «Sombra» para volver a abrir el cuadro de diálogo Estilo de capa:

Abrir el efecto de capa Sombra para la palabra «PAINT».

Y luego haré clic en la muestra de color:

Hacer clic en la muestra de color de la Sombra.

Y elegiré un nuevo color del Selector de color. Para el texto inferior, volveré a elegir algo brillante, como un rosa rojizo:

Elegir un segundo color para la pintura en aerosol.

Haré clic en Aceptar una vez más para cerrar el Selector de color, y luego en Aceptar para cerrar el cuadro de diálogo Estilo de capa.

Y aquí, después de añadir color a ambas palabras, está mi resultado final:

El efecto de texto pintado con spray terminado.

¡Y ahí lo tenemos! ¡Eso es cómo crear texto pintado con spray en Photoshop! Echa un vistazo a nuestras secciones de Efectos fotográficos y Efectos de texto para ver más tutoriales. Y no olvides que todos nuestros tutoriales están disponibles para su descarga en formato PDF.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.