En este tutorial, te muestro cómo agregar la lluvia a una foto con Photoshop! Añadir la lluvia a una imagen puede ser una gran manera de añadir drama o establecer el estado de ánimo. Y al crearlo en Photoshop, no hay riesgo de que el mal tiempo dañe tu cámara.
Crear lluvia es fácil gracias a los filtros de Photoshop. Y te mostraré cómo mantener el efecto editable para que puedas experimentar con la cantidad de lluvia, y la dirección desde la que cae la lluvia, para encontrar los ajustes que mejor funcionan.
Estoy usando Photoshop CC 2021 pero cualquier versión reciente funcionará.
Aquí tienes un ejemplo de cómo será el efecto de lluvia final cuando hayamos terminado:
¡Comencemos!
Descarga este tutorial como un PDF listo para imprimir!
- La configuración del documento
- Paso 1: Añadir una nueva capa en blanco sobre la imagen
- Paso 2: Rellenar la nueva capa con negro
- Paso 3: Aplicar el filtro Añadir Ruido
- Paso 4: Escalar el ruido en un 400%
- Paso 5: Recortar las áreas ocultas
- Paso 6: Convertir la capa Lluvia en un objeto inteligente
- Paso 7: Cambiar el modo de fusión a Pantalla
- Paso 8: Aplicar el filtro Desenfoque de movimiento
- Paso 9: Escalar el objeto inteligente Lluvia al 110%
- Paso 10: Añadir una capa de ajuste de Niveles
- Paso 11: Crear una máscara de recorte
- Paso 12: Arrastrar los deslizadores de Punto de blanco y negro
- Paso 13: Reajustar la configuración de Desenfoque de movimiento o Niveles si es necesario
La configuración del documento
Puedes seguirlo abriendo cualquier imagen adecuada en Photoshop. Utilizaré esta imagen de Adobe Stock:
En el panel Capas, la imagen aparece en la capa Fondo:
Relación: Aprende a introducir tus imágenes en Photoshop
Paso 1: Añadir una nueva capa en blanco sobre la imagen
Para mantener el efecto de lluvia separado de la imagen original, añadiremos la lluvia en su propia capa.
Haga clic en el icono Añadir nueva capa en la parte inferior del panel Capas:
Aparece una nueva capa en blanco llamada Capa 1 encima de la capa Fondo:
Haga doble clic en el nombre Capa 1 y renómbrela Lluvia. A continuación, pulse Intro (Win) / Retorno (Mac) en su teclado para aceptarlo:
Paso 2: Rellenar la nueva capa con negro
Rellenar la nueva capa con negro subiendo al menú Edición de la barra de menús y eligiendo Relleno:
En el cuadro de diálogo Relleno, cambiar el Contenido a Negro, y luego hacer clic en Aceptar:
Photoshop rellena la capa con negro, lo que oculta temporalmente la imagen debajo de ella de la vista:
Paso 3: Aplicar el filtro Añadir Ruido
Subir al menú Filtro, elegir Ruido, y luego elegir Añadir Ruido:
El filtro Añadir Ruido añade puntos aleatorios, o ruido, a la capa. Y vamos a convertir estos puntos en nuestras gotas de lluvia.
Configura el valor de Cantidad al 25% y elige Gaussiana para la distribución. Limite los colores de los puntos a blanco y negro seleccionando Monocromático en la parte inferior. A continuación, haga clic en Aceptar para cerrar el cuadro de diálogo:
Photoshop rellena la capa con ruido. Los puntos son demasiado pequeños en este momento, así que lo arreglaremos a continuación:
Paso 4: Escalar el ruido en un 400%
Para hacer que los puntos sean más grandes, suba al menú Editar, elija Transformar y, a continuación, seleccione Escala:
En la Barra de Opciones, hacer clic en el icono de enlace entre los valores de Ancho (W) y Alto (H):
Cambiar el Ancho a 400%. Como la Anchura y la Altura están vinculadas, Photoshop establece la Altura al 400% para que coincida:
A continuación, haga clic en la marca de verificación de la Barra de opciones para aceptarla:
Y ahora los puntos son mucho más grandes:
Relacionado: Cómo escalar, rotar, distorsionar y mucho más con Transformación libre
Paso 5: Recortar las áreas ocultas
El problema de hacer el contenido de la capa Lluvia mucho más grande es que también hemos hecho el tamaño del archivo del documento mucho más grande. Y el tamaño añadido podría ralentizar el rendimiento de Photoshop a medida que avanzamos en los pasos restantes. Así que para reducir el tamaño del archivo, tenemos que recortar todo el ruido que ahora se extiende fuera del lienzo (el área visible del documento) y en el área gris de la cartulina que lo rodea.
Para ello, vaya al menú Seleccionar y elija Todo. Aparece un contorno de selección alrededor de los bordes del lienzo:
Subir al menú Imagen y elegir Recortar:
Y luego eliminar el contorno de la selección volviendo al menú Seleccionar y eligiendo Deseleccionar. Todo lo que está fuera del lienzo está ahora recortado:
Relacionado: Mi guía completa para recortar imágenes en Photoshop
Paso 6: Convertir la capa Lluvia en un objeto inteligente
En un momento, convertiremos el ruido en lluvia que cae utilizando el filtro Desenfoque de movimiento de Photoshop. Pero para mantener la configuración del filtro editable, aplicaremos el Desenfoque de movimiento como un filtro inteligente. Y para ello, primero tenemos que convertir la capa Lluvia en un objeto inteligente.
En el panel Capas, asegúrate de que la capa Lluvia está seleccionada. A continuación, haga clic en el icono del menú en la parte superior derecha del panel:
Y elija Convertir en objeto inteligente en el menú:
Aparece un icono en la miniatura de vista previa de la capa, indicándonos que la capa está ahora dentro de un objeto inteligente:
Paso 7: Cambiar el modo de fusión a Pantalla
Para mezclar el ruido con la imagen, cambie el modo de fusión del objeto inteligente Lluvia de Normal a Pantalla:
El modo de fusión Pantalla oculta todas las áreas de negro, dejando sólo los puntos blancos visibles:
Relacionado: Aprende los cinco modos de fusión esenciales de Photoshop
Paso 8: Aplicar el filtro Desenfoque de movimiento
Para convertir los puntos en lluvia que cae, les añadiremos movimiento utilizando el filtro Desenfoque de movimiento.
Sube al menú Filtro, elige Desenfoque y luego elige Desenfoque de movimiento:
En el cuadro de diálogo Desenfoque de movimiento, establece la dirección de la lluvia utilizando el valor Ángulo. Puede introducir un valor directamente o hacer clic y arrastrar el dial para girarlo. Voy a establecer mi ángulo a 65 °.
A continuación, establezca la Distancia del desenfoque de movimiento. Arrastra el control deslizante a lo largo de la parte inferior para cambiar el valor y previsualizar los resultados en tu imagen. Yo he fijado la distancia en 75 píxeles, pero el valor que mejor se adapte a tu imagen dependerá de su tamaño. No te preocupes por conseguirlo exactamente por ahora porque te mostraré cómo cambiar el valor más tarde si es necesario.
Haz clic en Aceptar cuando hayas terminado para cerrar el cuadro de diálogo:
Y aquí está el resultado con el desenfoque de movimiento aplicado:
En el panel Capas, el Desenfoque de movimiento aparece listado como un filtro inteligente debajo del objeto inteligente. Volveremos sobre esto más adelante:
Paso 9: Escalar el objeto inteligente Lluvia al 110%
Hasta aquí todo bien, excepto por un problema. El efecto de desenfoque de movimiento a lo largo de los bordes de la imagen, especialmente a lo largo de la parte superior e inferior, no se ve bien.
Es un poco difícil de ver en la captura de pantalla, pero si hago zoom en la parte superior de mi imagen, observe que el efecto aparece más brillante justo debajo del borde. La razón es que hemos recortado todo el ruido fuera del lienzo, por lo que el filtro Desenfoque de movimiento chocó con el borde y no tenía dónde ir:
La solución es escalar el ruido lo suficiente para mover esas áreas problemáticas fuera del lienzo.
Con el objeto inteligente Lluvia seleccionado en el panel Capas, vuelva al menú Edición, elija Transformar y, una vez más, elija Escala:
Photoshop advierte que el filtro inteligente Desenfoque de movimiento se desactivará temporalmente hasta que se complete el escalado. Haga clic en Aceptar para cerrar el cuadro de diálogo:
En la barra de opciones, ajuste el Ancho (W) al 110%. Con el icono de enlace aún seleccionado, Photoshop cambia la Altura (H) al 110% automáticamente:
A continuación, haga clic en la marca de verificación de la Barra de opciones para aceptarlo:
Photoshop vuelve a activar el filtro Desenfoque de movimiento, y los bordes se arreglan:
Paso 10: Añadir una capa de ajuste de Niveles
Para reducir la cantidad de lluvia, y añadir algo de contraste al efecto, utilizaremos una capa de ajuste de Niveles.
En el panel Capas, haz clic en el icono de Nueva capa de relleno o de ajuste en la parte inferior:
Y elegir Niveles de la lista:
Aparece una capa de ajuste Niveles encima del objeto inteligente Lluvia:
Paso 11: Crear una máscara de recorte
A continuación, para limitar el efecto de la capa de ajuste sólo al objeto inteligente Lluvia que hay debajo (para que no afecte también a la imagen original), cree una máscara de recorte haciendo clic en el icono del menú del panel Capas:
Y eligiendo Crear máscara de recorte en el menú:
Paso 12: Arrastrar los deslizadores de Punto de blanco y negro
Los controles de la capa de ajuste Niveles aparecen en el panel Propiedades de Photoshop. Y en el centro del panel hay un histograma, un gráfico que muestra la gama tonal de la imagen.
Debajo del histograma hay tres deslizadores. Hay un deslizador de punto negro a la izquierda, un deslizador de punto blanco a la derecha, y un deslizador de tonos medios en el centro. Para ajustar el efecto de lluvia, sólo necesitamos los deslizadores de blanco y negro:
Primero, para reducir la cantidad de lluvia, haz clic en el deslizador de negro de la izquierda y empieza a arrastrarlo hacia la derecha. A medida que arrastra, mantenga un ojo en su imagen y verá que las áreas más oscuras de la lluvia se vuelven más oscuras, y finalmente desaparecen por completo.
Entonces, si necesitas aclarar la lluvia que todavía es visible, haz clic en el control deslizante blanco y arrástralo hacia la izquierda, de nuevo mientras mantienes un ojo en tu imagen.
Probablemente tendrás que ir y venir con los dos deslizadores para encontrar los ajustes que mejor funcionan:
Puedes activar y desactivar la capa de ajuste Niveles para comparar el resultado con el efecto de lluvia original haciendo clic en el icono de visibilidad de la capa de ajuste en el panel Capas:
Aquí está mi efecto de lluvia después de arrastrar los deslizadores. Ahora hay menos lluvia en general, y el efecto tiene más contraste:
Paso 13: Reajustar la configuración de Desenfoque de movimiento o Niveles si es necesario
Por último, después de mover los controles deslizantes, puede encontrar que ya no hay suficiente movimiento aplicado a la lluvia. Para ajustar la cantidad de desenfoque de movimiento, haga doble clic en el filtro inteligente Desenfoque de movimiento en el panel Capas:
Esto reabre el cuadro de diálogo Desenfoque de movimiento donde puede aumentar (o disminuir, si es necesario) el valor de Distancia. En mi caso, lo aumentaré de 75 a 150 píxeles, pero de nuevo dependerá del tamaño de tu imagen. También puedes ajustar el valor del Ángulo mientras estás aquí, pero yo dejaré el mío en 65°. Haz clic en Aceptar cuando hayas terminado para cerrar el cuadro de diálogo:
Y si necesitas editar los deslizadores de punto negro y punto blanco en la capa de ajuste Niveles, sólo tienes que hacer clic en el icono del histograma para volver a seleccionar la capa de ajuste:
Después, en el panel de Propiedades, arrastra los deslizadores según sea necesario:
Y con eso, ¡hemos terminado! Aquí está mi efecto de lluvia final de Photoshop:
¡Y ahí lo tenemos! Ahora que sabes cómo añadir lluvia a una foto, ¿por qué no añadir un colorido arco iris? O cómo utilizar muchos de los pasos que has aprendido aquí para añadir nieve a una imagen, e incluso añadir estrellas a tus cielos nocturnos.
Visita nuestra sección de Efectos Fotográficos para ver más tutoriales. Y no olvides que todos nuestros tutoriales de Photoshop están listos para ser descargados como PDFs listos para imprimir.