Cómo Crear un Efecto de Texto de Gotas de Lluvia en Adobe Photoshop

Usar filtros de Photoshop y canales alfa es una gran forma de crear y experimentar con selecciones. Éste tutorial te mostrará cómo usar una técnica sencilla para crear gotas, y luego aplicarles estilo y agregar un par de texturas y capas de ajuste para crear un efecto de texto de gotas de lluvia.

Toma inspiración de Envato Market, viendo fotografías de stock de gotas de lluvia. Ésto podría ayudar cuando tratras de crear gotas de lluvia de aspecto realista para éste estilo.

¡Comencemos!

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de éste tutorial:

• Fuente CoreHumanistSans
• Water on Metal Stock por NGS-stock
• Kagami - Texture 06 por taviskaron
• bokeh texture por nutmeg104
• Paquete Gratuito de 6000 degradados para photoshop por Supertuts007 (Cargar el archivo CSP True Sky Gradients.grd)

1. Crea el Fondo y el Texto

Paso 1

Crea un nuevo documento de 1500 x 875 px, y rellena el Background (Foto) de Negro.

Paso 2

Crea el texto en Mayúsculas usando la fuente CoreHumanistSans. Asegúrate de establecer el Color en Blanco, el Tamaño en 350 pt, y el Tracking en -25.

Paso 3

Haz click-derecho en la capa de texto y elige Convertir en Objeto Inteligente.

2. Aplicar el Filtro

Paso 1

Establece los colores de Frente y Fondo en Negro y Blanco.

Ve a Filtro > Galería de Filtros > Textura > Vidriera. Cambia el Tamaño de Celda en 20, Anchura de Borde a 7, e Intensidad de Luz a 3.

Paso 2

Cada una de las celdas va a crear una gota, para que puedas experimentar con los parámetros del filtro para obtener diferentes tamaños.

Paso 3

Toma la Herramienta Varita Mágica y desmarca la casilla Contiguo en la barra de Opciones. Luego, haz click en una de las celdas blancas para crear una selección.

3. Crea las Gotas

Paso 1

Abre el panel Canales (Ventana > Canales), y haz click en ícon Crear nuevo canal en la parte inferior del panel.

Paso 2

Con el canal Alfa 1 seleccionado, toma la Herramienta Bote de Pintura y rellena la selección de Blanco, y luego ve a Selección > Deseleccionar.

Paso 3

Ve a Filtro > Desenfocar > Desenfoque Gaussiano, y cambia el Radio a 5.

Paso 4

Ve a Imagen > Ajustes > Niveles. Lo qe necesitarás hacer a continuación es cambiar los reguladores de Sombras e Iluminaciones hasta que obengas gotas definidas.

Paso 5

Asegúrate de mantener los bordes suaves, no dentados.

4. Carga la Selección y Agrega la Imagen de Fondo

Paso 1

Haz click en el canal RGB, y luego regresa al panel Capas.

Haz invisible la capa Drops al dar click en el ícono del ojo junto a ella.

Paso 2

Ve a Selección > Cargar Selección, y elige el canal Alfa 1 del menú desplegable Canal.

Paso 3

Crea una nueva capa, llámala Drops 1, rellena la selección de Blanco, y luego Deseleccionar.

Paso 4

Cambia el valor de Relleno de la capa Drops 1 a 0, duplícala, y renombra la copia como Drops 2.

Paso 5

Puedes agregar cualquier imagen de fondo de tu elección, pero para éste tutorial, vamos a usar una metálica con gotas de lluvia.

Así que agrega la imagen Water on Meal Stock arriba de la capa Background (Fondo) y redimensiónala para que encaje en el documento.

5. Aplica Estilo a la Capa Drops 1

Haz doble-click en la capa Drops 1 para aplicar el siguiente Estilo de Capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

• Tamaño: 7
• Desmarca la casilla Usar Luz Global
• Ángulo: 180
• Altitud: 53
• Marca la casilla Suavizado
• Modo Resaltado: Luz Intensa
• Opacidad: 50%
• Modo de Sombra - Opacidad: 15%

Paso 2

Agrega un Contorno con éstos ajustes:

• Contorno: Cono - Asimétrico
• Marca la casilla Suavizado

Paso 3

Agrega una Sombra Paralela con éstos ajustes:

• Opacidad: 5%
• Distancia: 3
• Tamaño: 5

Ésto aplicará estilo a la primera capa de gotas.

6. Aplica Estilo a la Capa Drops 2

Haz doble-click en la capa Drops 2 para aplicar el siguiente Estilo de Capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

• Tamaño: 16
• Desmarca la casilla Usar Luz Global
• Ángulo: 27
• Altitud: 53
• Marca la casilla Suavizado
• Modo Resaltado: Luz Intensa
• Opacidad: 50%
• Modo de Sombra - Opacidad: 5%

Asegúrate de cambiar los valores de Ángulo y Altitud para hacer coincidir la iluminación de las gotas con la imagen de fondo que estás usando.

Paso 2

Agrega un Contorno con éstos ajustes:

• Contorno: Cono
• Marca la casilla Suavizado.
• Rango: 100%

Paso 3

AGrega una Sombra Interior con éstos ajustes:

• Opacidad: 50%
• Distancia: 0
• Tamaño: 13

Paso 4

Ésto aplicará estilo a la segunda capa de gotas. Puedes ajustar tus valores como sea necesario.

7. Modificar el Fondo

Paso 1

Como puedes ver, el texto no se ve bien con las gotas por toda la imagen de fondo. Se superponen, tienen diferentes tamaños, y abruman al texto.

Así que lo que haremos a continuación es eliminar algunas de esas gotas para realzar el resultado final. Para hacer eso, toma la Herramienta Pincel Corrector Puntual, y elige un pincel circular difuso con un tamaño similar al de una gota.

Luego, pinta en cada gota que quieres eliminar. Puedes ir sobre la misma área un par de veces hasta que se vea limpia.

Paso 2

La Herramienta Pincel Corrector Puntual debería funcionar bien, pero con toda confianza usa cualquier otra herramienta que gustes para obtener el resultado que quieres.

Paso 3

Continúa trabajando en la imagen de fondo hasta obtener un resultado que quieres.

8. Agrega Más Texturas

Paso 1

Ahora, vamos a agregar una textura desenfocada para ajustar la iluminación de las gotas y hacerlas más realistas.

Así que agrega la imagen Kagami - Texture 06 arriba de todas las capas y llámala Drops Texture. Redimensiónala para que cubra el texto, luego cambia el Modo de Fusión de su capa a Luz Suave y su Opacidad a 30%.

Paso 2

Haz comando-click en la miniatura de la capa Drops para crear una selección. Luego selecciona la capa Drops Texture y haz click en el ícono de Añadir máscara de capa en la parte inferior del panel Capas.

Paso 3

Las texturas Bokeh son una gran adición para hacer un diseño un poco más llamativo.

Agrega la imagen bokeh texture arriba de todas las capas, redimensiónala como sea necesario, y renombre su capa a Bokeh Texture. Cambia su Modo de Fusión a Luz Suave y su Opacidad a 35%.

9. Agrega Algo de Color

Paso 1

Haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Mapa de Degradado.

Paso 2

Elige el relleno de degradado de abajo, marca la casilla Tramado, y cambia el Modo de Fusión de la capa de ajuste a Subexposición Lineal y su Opacidad a 20%.

Paso 3

Ésto agregará un bonito color azul al resultado final.

¡Felicidades! Terminaste

En éste tutorial, creamos un texto blanco en un fondo negro, y usamos un par de filtros con un canal alfa para convertir el texto en pequeñas gotas.

Luego aplicamos estilo a las gotas y agregamos una imagen de fondo. Después de eso, modificamos la imagen de fondo para obtener un mejor y más limpio resultado.

Finalmente, agregamos algunas texturas más y una capa de ajuste para realzar el color del resultado final.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.