Spanish (Español) translation by Ender Gamboa (you can also view the original English article)
¡Hola! Hoy les voy a mostrar cómo hacer un texto que gotea en Photoshop usando algunas técnicas simples. Además, crearemos diferentes estilos de letras con sangrado. ¡Vamos!
Recursos del tutorial
Antes de que empecemos a aprender cómo hacer que el texto gotee en Photoshop, quiero mostrarte qué recursos se utilizaron durante la producción del tutorial:
Lo que aprenderás en este tutorial de Photoshop sobre el efecto de gotas
- Cómo añadir un efecto de pintura que gotee en Photoshop utilizando un mapa de desplazamiento
- Cómo hacer letras que gotean utilizando la herramienta Licuar
- Cómo hacer texto goteante en Photoshop usando pinceles
- Cómo crear letras con sangrado en Photoshop
Síguenos en nuestro canal de Youtube Envato Tuts+:
1. Cómo hacer letras que gotean con un mapa de desplazamiento
Paso 1
Abre la imagen de archivo en Adobe Photoshop y pulsa Shift-Control-X para abrir la herramienta Licuar.
Paso 2
Usa un pincel grande con un tamaño de unos 900 px y 100% de presión para crear una textura de goteo como la de la captura de pantalla de abajo:
Aquí tienes un primer plano de la textura de desplazamiento:
Paso 3
Ahora tenemos que guardar esta textura como un archivo PSD (Es importante guardarlo como PSD, porque JPEG o cualquier otro formato de archivo no funcionará como un mapa de desplazamiento). Ve a Archivo > Guardar como y guárdalo como Mapa.psd
Paso 4
Ahora vamos a crear un Nuevo Documento pulsando Control-N, y añadimos cualquier texto que queramos utilizar.
Paso 5
A continuación, crea una copia de tu capa de texto pulsando Control-J, y luego selecciona la primera capa de texto en el panel Capas.
Paso 6
Ve a Filtro > Distorsionar > Mapa de Desplazamiento y establece la Escala Horizontal en 0 y la Escala Vertical en 50. A continuación, pulsa OK y selecciona el mapa que hemos creado en los pasos anteriores.
Así es como debería verse nuestro texto ahora:
Paso 7
Ahora, tenemos que hacer que nuestro texto se vea más suave. Ve a Filtro > Ruido > Mediana y establece el Radio en 12.
Paso 8
¡Después de eso, sólo hay que mover esta capa un poco hacia abajo, y listo!
Paso 9
Y por último, para que tenga un aspecto 3D, vamos a agrupar las capas y añadir un estilo Bisel y Relieve a este grupo con la siguiente configuración:
- Estilo: Bisel interno
- Técnica: suavizado
- Profundidad: 230
- Tamaño: 50
- Ángulo y actitud: 59
- Modo de resaltado: Luz viva con color blanco y opacidad al 75%.
- Modo Sombras: Multiplicar con el color negro y la opacidad ajustada al 25%.
Este es el aspecto que tendrá nuestra imagen final:
2. Cómo hacer letras que goteen usando la herramienta Licuar
Paso 1
Como habrás notado, el método anterior es bastante brusco. Si quieres crear un efecto de goteo más preciso, puedes utilizar la herramienta Licuar.
Crea una nueva capa de texto y presiona Shift-Control-X.
Paso 2
Ajusta el Tamaño a unos 70 px y la Presión al 100%. Comienza a crear elementos de goteo utilizando la herramienta Deformación hacia adelante (W). Simplemente estira las partes de tus palabras hacia abajo.
Paso 3
Haz que los elementos inferiores de tu goteo sean más grandes y los del medio más finos para que parezca una gota.
Paso 4
Aplica más gotas utilizando el mismo método. Siéntete libre de experimentar y crear diferentes tipos de elementos de goteo.
Paso 5
Haz que las líneas de tus letras sean menos rectas utilizando la misma Herramienta Deformación hacia delante.
Añade los mismos efectos a todas las letras restantes:
3. Cómo hacer texto de goteo en Photoshop usando pinceles
Paso 1
Apliquemos más elementos de goteo utilizando nuestros pinceles gratuitos. Crea una nueva capa con Shift-Control-N y añade un trazo de pincel con el mismo color que nuestro texto.
Paso 2
Añade más pinceladas hasta conseguir el resultado que te guste.
4. Cómo crear letras con sangrado en Photoshop
Paso 1
Ahora me gustaría mostrarte cómo añadir un efecto realista de sangre a tu texto que gotea. Vamos a añadir un estilo de capa Bisel y Relieve con la siguiente configuración:
- Estilo: Bisel interno
- Técnica: suavizado
- Profundidad: 150%.
- Tamaño: 75
- Suavizado: 0
- Ángulo: 120; Actitud: 65
- Modo de resaltado: Dodge lineal (Añadir); Color: Blanco; Opacidad: 35%.
- Modo de sombra: Multiplicar; Color:
#220000; Opacidad: 75%
Paso 2
Coloca una marca en Contorno y luego añade un Motivo de nuestros recursos y establece la Escala a 150% y la Profundidad a -2%.
Paso 3
Añade un estilo de capa Sombra interior con la siguiente configuración:
- Modo de fusión: Normal
- Color:
#de0101 - Ángulo: -90
- Distancia y tamaño: 25
Paso 4
A continuación, utiliza el siguiente estilo de capa Resplandor interior:
- Modo de fusión: Normal
- Opacidad: 75%.
- Ruido: 30%
- Color: Negro
- Retraer: 15%
- Tamaño: 35px
Paso 5
Y por último, vamos a añadir la superposición de degradado y utilizar la siguiente configuración:
- Modo de fusión: Normal
- Degradado: de
#7a0000a#d60404 - Estilo: Lineal
- Ángulo: 90
- Escala: 100%.
Paso 6
Vamos a Archivo > Colocar y pongamos un fondo de los activos del tutorial debajo de nuestro texto goteante.
Paso 7
Y, por último, si quieres que todo el efecto sea un poco más suave, puedes hacer clic con el botón derecho del ratón > Convertir en objeto inteligente en el grupo de capas y, a continuación, añadir un filtro de mediana con el radio ajustado a 6 px.
Este es el aspecto que tendrá nuestro efecto de texto goteando con este filtro aplicado:
Un trabajo impresionante, ¡ya está hecho!
Hoy has aprendido a hacer que el texto gotee en Photoshop utilizando unas cuantas técnicas sencillas. Siéntete libre de experimentar y combinarlas para conseguir el resultado perfecto.
Echemos un vistazo a algunos de los mejores productos de Photoshop para efectos de goteo disponibles en Envato Elements:
Acción de Photoshop de pintura húmeda (ATN, ABR)
Este producto no sólo te ayudará a crear un texto que gotea, sino que también añadirá un increíble efecto de pintura a cualquier imagen. Cada vez que le des al play, la acción dará un resultado único y totalmente personalizado, por lo que las variaciones del aspecto final son casi infinitas. ¡Pruébalo!
Acción de Photoshop "Dripping Gold" (ATN, ABR)
¿Te preguntas cómo hacer letras chorreantes con texturas doradas aplicadas? Comprueba esta increíble acción, que convertirá cualquier imagen o capa de texto en una hermosa obra de arte dorada. Un video tutorial y las instrucciones de texto te ayudarán a utilizar este producto sin ningún esfuerzo. ¡Convierte tu imagen en oro como el Rey Midas!
Efecto de texto de goteo con pintura (PSD)
¿Buscas una plantilla de Photoshop con efecto de goteo sencillo? Este PSD fácil de usar te permite crear un efecto de texto de goteo en unos pocos clics. Puedes utilizar cualquier tipo de letra y cambiar el aspecto final para que se adapte a tus necesidades: sólo tienes que seguir la guía TXT con instrucciones.
Bloody Mary: Tipografía Sangrienta Thriller
En caso de que necesites una fuente de goteo de sangre, tenemos este increíble producto con todas las letras, números y signos de puntuación. Esta fuente de goteo con sangre puede ser realmente útil si necesitas crear un cartel de Halloween, el título de una película de terror, o cualquier otra cosa con un estilo similar.
La bondad de la tinta (AI, ABR, TIFF)
Si quieres crear un efecto de texto que gotea, también necesitarás un pack de Photoshop de pinceles de goteo como éste. Es una colección masiva de diferentes gotas, goteos, rodillos y pinceles, con un total de 61 pinceles únicos y de alta calidad. Este paquete de pinceles de goteo para Photoshop será una gran adición a sus herramientas para crear obras de arte increíbles.
¿Quieres aprender a añadir un efecto de pintura que gotea en Photoshop o algo similar? Echa un vistazo a estos increíbles tutoriales:
Acciones de PhotoshopCómo crear una acción de efecto de pintura que gotea en Photoshop
Efecto fotográficoCómo crear una manipulación de efecto de foto de retrato de fusión en Photoshop
Adobe IllustratorCómo hacer un pincel de salpicaduras en Illustrator
Acciones de PhotoshopCómo crear un efecto de pintura en Photoshop
