¡Cómo crear un efecto de texto de pintura en aerosol en Photoshop
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.
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:
¡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:
Y en el panel Capas, vemos la imagen en 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:
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á:
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:
Añadir el texto
Entonces haz clic en el documento y añade tu texto. Voy a escribir la palabra «PAINT»:
Aceptar el texto
Para aceptarlo, haz clic en la marca de verificación de la barra de opciones:
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:
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:
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:
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:
El texto desaparece completamente. Sigue ahí, sólo es transparente:
¿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:
Y luego elige 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:
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:
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:
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:
Y enseguida empezamos a ver aparecer el blanco detrás de las letras:
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%:
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:
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%:
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:
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:
Cuanto más lo aumentes, más amplio será el resplandor:
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:
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:
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:
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:
Y ahora el contorno aparece tanto fuera como dentro del texto:
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:
Y este es el resultado:
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%:
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:
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:
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):
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:
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:
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:
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:
Y con el texto ahora mezclado con la imagen, obtenemos un efecto de pintura en spray de aspecto mucho más realista:
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:
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:
¡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:
Una copia de la capa Tipo aparece sobre la original, completa con nuestro efecto de Sombra Caída y nuestras opciones de fusión:
Paso 22: Seleccionar la Herramienta Mover
Para reposicionar el texto, seleccionamos la Herramienta Mover de la Barra de Herramientas:
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:
Después, en el panel Capas, haré clic en la capa Tipo original para seleccionarla:
Y arrastraré el texto original hacia abajo:
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:
Paso 25: Seleccionar y editar el texto
A continuación, haré doble clic dentro de la palabra para resaltarla:
Y cambiaré la palabra de «PAINT» a «SPRAY»:
Para aceptarlo, haré clic en la marca de verificación de la barra de opciones:
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:
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:
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:
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:
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:
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:
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:
Y luego haré clic en la muestra de color:
Y elegiré un nuevo color del Selector de color. Para el texto inferior, volveré a elegir algo brillante, como un rosa rojizo:
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:
¡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.