..

Fotografía: Aplica salpicaduras de agua

Nivel Principiante Adobe Photoshop Adobe Photoshop

Definir un motivo y crear el fondo y las capas del texto

Paso 1

Abre la imagen .jpg del pack de texturas Icy and Watery Blue, luego ve a Imagen > Tamaño de imagen y asigna un valor de 500 píxeles tanto a la anchura como a la altura.

Paso 2

Ve a Edición > Definir motivo y haz clic en OK.

Paso 3

Crea un documento nuevo de 960x650 px, haz clic en el icono de Crear nueva capa de relleno o ajuste, que se encuentra en la parte inferior del panel Capas, elige Color uniforme y usa el relleno de color #06131E.

Paso 4

Crea el texto en letras mayúsculas usando la fuente Titan One. Asigna un tamaño de 200 puntos y un valor de 100 al tracking.

Seleccionar la imagen del agua

Paso 1

Abre la imagen de la ola y ve a Imagen > Calcular.

Cambia la opción de ambos canales a Rojo; la fusión, a Añadir; la opacidad, al 100; el desplazamiento, a -123, y la escala, a 1.263.

Si lo prefieres, puedes usar otros valores.

Paso 2

Ve a Selección > Cargar selección. Cambia el canal a Alpha 1, marca la casilla Invertir y elige la opción de Selección nueva, que se encuentra bajo la pestaña Operación.

Paso 3

Abre el panel Canales y haz clic en la casilla al lado de RGB para que se muestre la imagen original.

Haz clic en el panel Capas, ve a Edición > Copiar y regresa al documento original que tiene el texto.

Añadir la máscara y la imagen del agua

Paso 1

Ve a Edición > Pegar, llama a la capa "Relleno de agua", haz clic derecho en ella y elige Convertir en objeto inteligente.

Paso 2

Haz Ctrl + clic en la vista en miniatura de la capa del texto para crear una selección.

Paso 3

Oculta la capa del texto haciendo clic en el icono del ojo que está al lado de ella. Selecciona la capa del relleno de agua y haz clic en el icono de Añadir máscara de capa, que se encuentra en la parte inferior del panel Capas.

Ajustar la imagen dentro de la máscara

Paso 1

Haz clic en el icono del enlace que hay entre las vistas en miniatura de la capa del relleno de agua y la máscara para desvincularlas.

Paso 2

Selecciona la vista en miniatura de la capa del relleno de agua, pulsa Ctrl + T para entrar en el modo de transformación libre y transforma la imagen dentro de la máscara hasta que quede a tu gusto.

Pulsa la tecla Entrar para aceptar los cambios.

Paso 3

Cambia el valor del relleno de la capa del relleno de agua a 0 y duplícala.

Aplicar el estilo a la primera capa del relleno de agua 

Haz doble clic en la capa del relleno de agua y asigna el siguiente estilo de capa:

Paso 1

Bisel y relieve

  • Tamaño: 30 px
  • Suavizar: 3 px
  • Contorno de resplandor: Aro
  • Marca la casilla de Suavizado
  • Modo resaltado: Trama
  • Opacidad: 100 %
  • Modo de sombra: Luz lineal
  • Color: #ffffff

Paso 2

Contorno

  • Contorno: Desnivel - Profundo
  • Marca la casilla de Suavizado.

Paso 3

Textura

  • Motivo: 8.jpg
  • Escala: 25 %

Con esto, se aplicará el estilo a la primera capa del relleno de agua.


Aplicar el estilo a la segunda capa del relleno de agua

Haz doble clic en la copia de la capa del relleno de agua y asigna el siguiente estilo de capa:

Paso 1

Bisel y relieve

  • Tamaño: 18 px
  • Desmarca la casilla de Usar luz global
  • Ángulo: 108º
  • Altitud: 58º
  • Marca la casilla de Suavizado
  • Modo resaltado: Trama
  • Opacidad: 100 %
  • Modo de sombra: Luz lineal
  • Color: #ffffff

Paso 2

Contorno

  • Contorno: Semicircular
  • Marca la casilla de Suavizado

Paso 3

Textura

Con esto, se aplicará el estilo a la segunda capa del relleno de agua.

Crear el estilo de capa del pincel acuoso

Paso 1

Crea una nueva capa encima de todas las demás, llámala "Pinceles acuosos" y cámbiale el valor del relleno a 0.

Haz doble clic en la capa de los pinceles acuosos y asigna el siguiente estilo de capa:

Paso 2

Bisel y relieve

  • Tamaño: 5 px
  • Contorno de resplandor: Aro
  • Marca la casilla de Suavizado
  • Modo resaltado: Trama
  • Opacidad: 100 %
  • Modo de sombra: Luz lineal
  • Color: #ffffff
  • Opacidad: 100 %

Paso 3

Contorno

  • Contorno: Aro
  • Marca la casilla de Suavizado.

Paso 4

Textura

  • Motivo: .jpg
  • Escala: 25 %

Añadir y enmascarar los pinceles acuosos

Paso 1

Activa la herramienta Pincel y abre el panel Pincel.

Debajo de la pestaña de Forma de la punta del pincel, puedes elegir una punta para el pincel y ajustar sus parámetros, como el tamaño, el volteo y el ángulo.

Paso 2

Usa las puntas de pincel del pack Free Water Splash Photoshop Brushes y ajústales los parámetros para poder añadir las pinceladas de salpicadura a la parte superior de las letras.

Paso 3

Puedes añadir una máscara de capa a la capa de los pinceles acuosos y luego seleccionar la vista en miniatura.

Después, activa la herramienta Borrador, cambia el color frontal a blanco y pinta sobre las zonas que no desees para borrarlas.

Reforzar el efecto usando más pinceles

Paso 1

Haz clic derecho en la capa de los pinceles acuosos y elige Copiar estilos de capa.

Crea una nueva capa, llámala "Pinceles acuosos 2", haz clic derecho en ella y elige Pegar estilos de capa.

También puedes añadirle una máscara de capa.

Paso 2

Usa las puntas de pincel de los packs 20 Water Splash Brushes.abr Vol. 1 y 20 Water Splash Brushes.abr Vol. 2 para añadir más salpicaduras de agua a los bordes superior e inferior de las letras.

Para ello, puedes crear tantas capas como lo consideres oportuno.

Paso 3

Usa las puntas de pincel de los packs Free Splash Photoshop Brushes y Free Splash Photoshop Brushes 4 para añadir algunas salpicaduras pequeñas por todo el texto.

No añadas demasiadas, ya que queremos mantener la legibilidad del texto. Ve a lo simple y usa tamaños pequeños de pincel.

Paso 4

Añade más capas si es necesario para evitar que los pinceles se superpongan.

Ajustar la máscara de capa

Paso 1

Selecciona la vista en miniatura de la máscara de capa de la copia del relleno de agua.

Paso 2

Ve a Filtro > Galería de filtros > Trazos de pincel > Salpicaduras.

Cambia el radio a 2 y el suavizado a 3.

Hacer ajustes globales

Paso 1

Crea una capa nueva por encima de las demás, llámala "Paso alto", pulsa Ctrl + Mayús + Alt + E para crear una copia combinada, haz clic derecho en la capa y elige Convertir en objeto inteligente.

Paso 2

Ve a Filtro > Otro > Paso alto y elige un radio de 1,5.

Paso 3

Cambia el modo de fusión de la capa del paso alto a Luz suave. Cambia también la opacidad al 50 %.

Paso 4

Haz clic en el icono de Crear nueva capa de relleno o ajuste, que se encuentra en la parte inferior del panel Capas, y elige Consulta de colores.

Elige la tabla FallColors.look en la opción Archivo 3DLUT y cambia la opacidad de la capa al 50 %.


Conclusión

En este tutorial, hemos usado un par de imágenes, pinceles y estilos de capas para crear un efecto de salpicadura de agua realista y fresco sobre un texto.

Comparte tu creación en la sección de comentarios. Define un motivo y crea el fondo y las capas de texto.

¡No te olvides de compartir también tus obras en la sección de proyectos!


¿Qué opinas de este tutorial?

Comentarios

Hace 2 meses

Select the Water Fill's layer thumbnail, press Command + T to enter the Free Transform Mode, and transform the image inside the mask to get a result you like.

Hit the Return key to accept the changes.When i follow this step nothing show/change on my screen. ( Still blank Dark )

Seleccione la miniatura de la capa de relleno de agua, presione Comando + T para ingresar al Modo de transformación libre y transforme la imagen dentro de la máscara para obtener el resultado que desea.

Presione la tecla de retorno para aceptar los cambios. Cuando sigo este paso, nada se muestra / cambia en mi pantalla. (Aún en blanco oscuro)

Hace 2 meses

I don't think I understood your question very well. I believe the problem is that you haven't detached the water filling layer from the mask layer, and, as a consequence, when you increase the size, you increase the size of both layers. I hope my answer helps you. Regards:)

No creo haber entendido muy bien tu pregunta. Creo que el problema es que no se ha separado la capa de relleno de agua de la capa de máscara y, como consecuencia, al aumentar el tamaño, aumenta el tamaño de ambas capas. Espero que mi respuesta te ayude. Saludos:)

Hace 2 meses

press Command + T to enter the Free Transform Mode, and transform the image inside the mask to get a result you like.I got stuck after Command + T, i dont know how to transform the image inside the mask to get a result you like. Sorry my english not good ^^

presione Comando + T para ingresar al Modo de transformación libre y transforme la imagen dentro de la máscara para obtener un resultado que le guste. Me quedé atascado después de Comando + T, no sé cómo transformar la imagen dentro de la máscara para obtener un resultado que le guste . Perdón mi inglés no es bueno ^^

Editado hace 2 meses

Just click on the link icon which is between the image and the mask layer, this one over here:

respuesta1.png

Simplemente haga clic en el icono de enlace que se encuentra entre la imagen y la capa de máscara, este aquí:

respuesta1.png
Hace 7 meses

I loved it! Thank you so much.

¡Me encantó! Muchas gracias.

Editado hace 9 meses

Any tips for placing this over other backgrounds on a site?

¿Alguna sugerencia para colocar esto sobre otros fondos en un sitio?

Editado hace 9 meses

Hi there! 

Absolutely, the effect doesn't look the same over a lighter background as the effect is meant to simulate water, so obviously it's quite clear and will get lost on a light background. What you could try is applying a color to the text to make it stand out more. 

Hope this helps!

¡Hola!

Absolutamente, el efecto no se ve igual sobre un fondo más claro ya que el efecto está destinado a simular agua, por lo que obviamente es bastante claro y se perderá en un fondo claro. Lo que podría intentar es aplicar un color al texto para que se destaque más.

¡Espero que esto ayude!

Editado hace 9 meses

Help! I can't find the water wave image from Number 2, Step 1. When I click the Water wave photo in the attachments, I am directed to download the icy watery blue patterns, but no water wave image like in number 2 step 1 is there. Thanks.

¡Ayuda! No puedo encontrar la imagen de la ola de agua del número 2, paso 1. Cuando hago clic en la foto de la ola de agua en los archivos adjuntos, me dirigen a descargar los patrones azules acuosos helados, pero no hay una imagen de onda de agua como en el paso 2 del número 2. ahí. Gracias.

Editado hace 9 meses

Hi there! We're sorry about that, the attachment is now available to download. When you're done, why not upload your design to the Projects section? :)

¡Hola! Lo lamentamos, el archivo adjunto ya está disponible para descargar. Cuando hayas terminado, ¿por qué no subir tu diseño a la sección Proyectos? :)

Editado hace 9 meses

Love this tut, but it doesn't do very well over other backgrounds when trying to use it on anything else but a dark background  :-(   Unless there's a tip I'm missing?

Me encanta este tut, pero no funciona muy bien con otros fondos cuando trato de usarlo en cualquier otra cosa que no sea un fondo oscuro :-( a menos que me falte un consejo.

Con este tutorial aprenderás a usar imágenes, pinceles y estilos de capa para crear un efecto realista de salpicadura de agua en un texto.

Compartir