Añadir la lluvia a una foto con Photoshop

Añadir la lluvia a una foto con Photoshop

Este tutorial paso a paso te muestra cómo crear un efecto de lluvia en Photoshop que se puede añadir fácilmente a cualquier foto. Funciona con cualquier versión de Photoshop. Para todos los niveles de habilidad.

Escrito por .

La mayoría de nosotros preferiríamos evitar ser atrapados por la lluvia si es posible, especialmente si tenemos nuestras cámaras con nosotros. ¿Pero qué pasa si eres una de las muchas personas que disfrutan tomando fotos del clima? Aunque la fotografía del tiempo no sea tu principal interés, no se puede negar que la lluvia añade una nueva dimensión a tus imágenes. Entonces, ¿cómo puedes capturar fotos de la lluvia sin mojar la cámara?

¡Tranquilo! Espera a que deje de llover, toma la foto, luego vuelve a añadir la lluvia con Photoshop, que es exactamente lo que vamos a aprender a hacer.

Esta versión del tutorial es para Photoshop CS5 y anteriores. Los usuarios de Photoshop CC y CS6 querrán ver nuestro tutorial completamente actualizado de Photoshop Rain Effect.

Aquí está la foto con la que trabajaré para este efecto:

La foto original.

La imagen original.

Y aquí está la misma imagen después de añadir la lluvia en Photoshop. ¡Realmente está bajando por ahí!

Efecto de lluvia de Photoshop. Derechos de autor de las imágenes © 2008 Photoshop Essentials.com.

El resultado final.

Este tutorial es de nuestra serie de Efectos Fotográficos. Comencemos!

Index
  1. Cómo crear un efecto de lluvia con Photoshop
    1. Paso 1: Duplicar la capa de fondo
    2. Paso 2: Añade un poco de espacio extra de lienzo alrededor de la imagen
    3. Paso 3: Añadir una nueva capa en blanco
    4. Paso 4: Llenar la nueva capa con negro
    5. Paso 5: Agregar ruido a la capa
    6. Paso 6: Aplicar el filtro de Gaussian Blur al ruido
    7. Paso 7: Añadir una capa de ajuste de niveles A
    8. Paso 8: Reducir la cantidad de ruido y aumentar su contraste
    9. Paso 9: Aplicar el filtro de desenfoque de movimiento al ruido
    10. Paso 10: Reajustar los deslizadores blanco y negro en los niveles que sean necesarios
    11. Paso 11: Crop Away El espacio extra de lona
    12. Paso 12: Cambiar el modo de mezcla de la capa de ruido a «pantalla»

Cómo crear un efecto de lluvia con Photoshop

Paso 1: Duplicar la capa de fondo

Lo primero que tenemos que hacer para este efecto es duplicar nuestra capa de fondo. Con nuestra imagen abierta en Photoshop, podemos ver en la paleta de capas que actualmente tenemos una capa, que se llama Background. Esta capa contiene nuestra imagen original:

Imagen del tutorial de efectos fotográficos de Photoshop.

La paleta de capas en Photoshop mostrándonos la imagen original en la capa de fondo.

Necesitamos crear una copia de esta capa, así que usemos el atajo de teclado rápido, Ctrl+J (Win) / Comando+J (Mac). Parece que no ha pasado nada en la ventana del documento, pero si miramos de nuevo en nuestra paleta de Capas, podemos ver que ahora tenemos dos capas – la capa de fondo original en la parte inferior, y una copia de ella, que Photoshop ha llamado «Capa 1», encima de ella:

Imagen del tutorial de efectos fotográficos de Photoshop.

Duplicar la capa de fondo pulsando «Ctrl+J» (Win) / «Comando+J» (Mac).

Paso 2: Añade un poco de espacio extra de lienzo alrededor de la imagen

Lo siguiente que vamos a hacer es añadir un poco de espacio extra de lienzo alrededor de la imagen. La razón es porque vamos a utilizar el filtro de «Desenfoque de movimiento» en la imagen, y el filtro de Desenfoque de movimiento tiende a tener problemas cuando se trata de los bordes, así que vamos a hacer las cosas más fáciles en él, dándole un poco más de espacio alrededor de los bordes para trabajar. Verás lo que quiero decir más adelante, pero por ahora, vamos a añadir un poco más de espacio en el lienzo. Antes de hacer eso, sin embargo, vamos a restablecer nuestros colores de primer y segundo plano en Photoshop pulsando D en el teclado. Esto establece el negro como color de primer plano y el blanco como color de fondo. Podemos ver esto en las muestras de color cerca de la parte inferior de la paleta de herramientas:

Imagen del tutorial de efectos fotográficos de Photoshop.

Reajustar los colores de primer y segundo plano.

Ahora añadamos nuestro espacio de lona. Para eso, usaremos el Herramienta de cosecha. Selecciónelo en la paleta de herramientas, o simplemente pulse C en tu teclado:

Imagen del tutorial de efectos fotográficos de Photoshop.

Seleccione la Herramienta de Recolección.

Luego, con la herramienta de recorte seleccionada, haga clic y arrastre una selección alrededor de toda la imagen. Si está trabajando con la imagen que se muestra dentro de una ventana de documento, pulse F en su teclado para cambiar Photoshop a Modo de pantalla completa con barra de menúlo que hará las cosas más fáciles. Entonces sólo tienes que hacer clic fuera de la esquina superior izquierda de la imagen y arrastrar hacia abajo por debajo de la esquina inferior derecha.

Cuando suelte el botón del ratón, verá pequeñas manijas cuadradas alrededor de la imagen. Mantén pulsado el Alt (Win) / Option (Mac) y arrastrar la manija izquierda o derecha hacia afuera para añadir espacio a ambos lados de la imagen. Mantener pulsada la tecla Alt u Option le dice a Photoshop que mueva las manijas de ambos lados a la vez, lo que nos facilita las cosas. Añade uno o dos centímetros más a los lados. Luego haz lo mismo para la parte superior e inferior. Mantenga pulsada la tecla Alt/Opción y arrastre la manija de arriba o de abajo para añadir la misma cantidad de espacio por encima y por debajo de la imagen. No te preocupes por añadir demasiado espacio porque lo recortaremos más tarde de todos modos. Por ahora, es mejor añadir demasiado que no lo suficiente:

FILE Cómo mezclar texturas con fotos en Photoshop CC CS6

Imagen del tutorial de efectos fotográficos de Photoshop.

Arrastra las asas para añadir más espacio de lienzo alrededor de la imagen.

Cuando termines de sacar las asas, presiona Enter (Win) / Returns (Mac), y Photoshop llenará el espacio extra con nuestro actual color de fondo que es blanco:

Imagen del tutorial de efectos fotográficos de Photoshop.

Photoshop llena el espacio extra con el color de fondo actual.

Paso 3: Añadir una nueva capa en blanco

Necesitamos añadir una nueva capa en blanco a nuestro documento en este punto, así que con la capa superior seleccionada en la paleta de capas (puede saber qué capa está seleccionada por cuál está resaltada en azul), haga clic en el Nueva capa en la parte inferior de la paleta de capas:

Imagen del tutorial de efectos fotográficos de Photoshop.

Haga clic en el icono «Nueva capa» para añadir una nueva capa en blanco.

Photoshop añade una nueva capa en blanco para nosotros por encima de nuestras otras dos capas. De nuevo, parece que no le ha pasado nada a la imagen en sí, y eso es porque nuestra nueva capa está actualmente en blanco, pero podemos ver la nueva capa en la parte superior de la paleta de capas. Photoshop la llama «Capa 2»:

Imagen del tutorial de efectos fotográficos de Photoshop.

La nueva capa en blanco en la parte superior de la paleta de capas.

Paso 4: Llenar la nueva capa con negro

Vamos a llenar la nueva capa con negro. Ya que el negro es actualmente nuestro color de primer plano, podemos usar el atajo de teclado fácil Alt+Retroceso (Win) / Opción+Borrar (Mac), que le dice a Photoshop que llene la capa con nuestro color de primer plano.

La imagen aparecerá ahora llena de negro sólido, ocultando temporalmente nuestra foto de la vista.

Paso 5: Agregar ruido a la capa

Sube al Filter at the top of the screen, choose Noiseand then choose Add noise. Esto hace que aparezca el cuadro de diálogo del filtro «Añadir ruido» de Photoshop. Arrastre el Quantity deslizador a la derecha para añadir mucho ruido a tu imagen. No hay un valor exacto para introducir, sólo añade mucho. Voy a arrastrar mi cantidad a alrededor del 150%. Además, asegúrate de que el Monochromatic la opción en la parte inferior está marcada:

Imagen del tutorial de efectos fotográficos de Photoshop.

Añade ruido a la capa de relleno negro.

Haz clic en Aceptar cuando hayas terminado de aplicar el ruido a la imagen y salir del cuadro de diálogo.

Paso 6: Aplicar el filtro de Gaussian Blur al ruido

Necesitamos añadir una pequeña cantidad de desenfoque al ruido, así que vuelve a subir al Filter y esta vez elige Blur y luego Borrón Gaussiano. Esto hace que aparezca el cuadro de diálogo del filtro «Desenfoque Gaussiano». Todo lo que necesitamos es una pequeña cantidad de desenfoque, así que introduce un valor de aproximadamente 0.5 for the Radio y luego haga clic en Aceptar para salir del cuadro de diálogo:

Imagen del tutorial de efectos fotográficos de Photoshop.

Aplica el filtro de Gaussian Blur al ruido.

Paso 7: Añadir una capa de ajuste de niveles A

¿Recuerdas que acabo de decirte que añadas mucho ruido a la imagen? Bueno, ahora tenemos demasiado, pero vamos a arreglarlo usando los niveles. Vamos a usar un capa de ajuste para que podamos volver y cambiar la configuración de los niveles cuando queramos. También queremos asegurarnos de que nuestra capa de ajuste de Niveles sólo afecta a la capa de ruido y no tiene efecto en ninguna otra capa, así que para hacerlo, mantén pulsada tu Alt (Win) / Option y haga clic en la tecla New adjustment layer en la parte inferior de la paleta de capas:

Imagen del tutorial de efectos fotográficos de Photoshop.

Mantenga pulsada la tecla «Alt» (Win) / «Option» (Mac) y haga clic en el icono «Nueva capa de ajuste».

Luego arrastra tu ratón hacia arriba y selecciona Niveles de la lista de capas de ajuste:

Imagen del tutorial de efectos fotográficos de Photoshop.

Seleccione «Niveles» de la lista.

Como hemos mantenido pulsada la tecla Alt/Option, el Photoshop hará aparecer el Nueva capa antes de añadir la capa de ajuste. Aquí es donde le decimos a Photoshop que sólo queremos que esta capa de ajuste de niveles afecte a la capa que está debajo de ella, que será la capa de ruido. Para ello, haga clic dentro de la casilla de verificación a la izquierda de donde dice Usar la capa anterior para crear una máscara de recorte:

FILE Selective coloring effect to Photoshop

Imagen del tutorial de efectos fotográficos de Photoshop.

El cuadro de diálogo «Nueva capa» de Photoshop.

Haga clic en OK en la esquina superior derecha para salir del cuadro de diálogo, y Photoshop añade la capa de ajuste de niveles para nosotros. También nos muestra el cuadro de diálogo de los niveles, que veremos a continuación.

Paso 8: Reducir la cantidad de ruido y aumentar su contraste

Vamos a usar los niveles tanto para reducir la cantidad de ruido que tenemos como para aumentar el contraste en el ruido que queda. Con el cuadro de diálogo de Niveles abierto, verás un gran gráfico en la mitad superior. Esto se llama Histograma. No necesitamos entrar en detalles sobre esto aquí, pero directamente debajo del histograma, verán tres deslizadores – uno negro a la izquierda, uno blanco a la derecha, y uno gris en el medio. Haga clic en el negro de la izquierda y comience a arrastrarlo hacia la derecha.

A medida que lo haga, empezará a ver que parte del ruido desaparece en la imagen. Luego haga clic en el blanco de la derecha y comience a arrastrarlo hacia la izquierda, lo que aumentará el contraste del ruido que queda:

Imagen del tutorial de efectos fotográficos de Photoshop.

Elimina el ruido con el deslizador negro de la izquierda y aumenta el contraste con el deslizador de la derecha.

No te preocupes por el deslizador gris del medio. Se moverá por sí solo mientras arrastras los blancos y negros. Puedes usar la captura de pantalla de arriba como guía para saber hasta dónde mover los deslizadores en blanco y negro, o simplemente experimentar por tu cuenta hasta que tu imagen se parezca menos a un montón de ruido y más a una noche estrellada:

Imagen del tutorial de efectos fotográficos de Photoshop.

Reduzca la cantidad de ruido en la imagen con el deslizador negro, y aumente el contraste del ruido con el deslizador blanco.

Haz clic en OK en la parte superior derecha del cuadro de diálogo de los niveles cuando hayas terminado de salir de él.

Paso 9: Aplicar el filtro de desenfoque de movimiento al ruido

Todo este ruido que queda en nuestra imagen se convertirá en nuestra lluvia. No se parece mucho a la lluvia todavía, pero vamos a ayudarla aplicando el filtro de «Desenfoque de Movimiento», que va a dar a nuestra lluvia algo de movimiento y dirección. Sin embargo, antes de poder aplicar el filtro al ruido, primero tenemos que seleccionarlo en la paleta de capas, ya que actualmente tenemos seleccionada la capa de ajuste de niveles. Haz clic en «Capa 2» para seleccionarla:

Imagen del tutorial de efectos fotográficos de Photoshop.

Seleccione la capa de ruido en la paleta de capas.

Ahora que tenemos la capa correcta seleccionada, vuelve a subir a la Filter en la parte superior de la pantalla, seleccione Blury luego seleccione Desenfoque de movimientolo que hace que aparezca el cuadro de diálogo «Desenfoque de movimiento». Puedes establecer la dirección en la que cae la lluvia ajustando el Angle opción. Voy a poner mi ángulo a unos 60°. Entonces introduzca un valor de alrededor de 50 píxeles para el Distanciaaunque puede que tengas que experimentar un poco con ese valor dependiendo del tamaño de tu imagen, pero 50 píxeles funciona bien para una foto estándar de 4×6:

Imagen del tutorial de efectos fotográficos de Photoshop.

Establezca la dirección en la que caerá la lluvia en la opción «Ángulo», y luego establezca la «Distancia» a unos 50 píxeles.

Haga clic en Aceptar para salir del cuadro de diálogo.

Paso 10: Reajustar los deslizadores blanco y negro en los niveles que sean necesarios

Dependiendo de lo lejos que hayas arrastrado los controles deslizantes en blanco y negro en el cuadro de diálogo Niveles anteriormente, el ruido puede haber desaparecido completamente en tu imagen después de aplicar el filtro de Desenfoque de movimiento. Para recuperarlo, simplemente reajuste los controles deslizantes haciendo doble clic directamente en la miniatura de la capa de ajuste de los niveles en la paleta de capas:

Imagen del tutorial de efectos fotográficos de Photoshop.

Trae de vuelta el cuadro de diálogo de los niveles haciendo doble clic en su miniatura en la paleta de capas.

Esto nos devuelve el cuadro de diálogo de los niveles, y como estamos usando una capa de ajuste, podemos volver a reajustar los deslizadores tantas veces como queramos sin dañar nuestra imagen. Probablemente tendrá que arrastrar el deslizador negro un poco hacia la izquierda para que el ruido vuelva a estar a la vista, y puede que quiera arrastrar el deslizador blanco un poco más hacia la izquierda también para añadir más contraste:

Imagen del tutorial de efectos fotográficos de Photoshop.

Arrastre los deslizadores de blanco y negro más hacia la izquierda para que el ruido vuelva a aparecer en la imagen.

De nuevo, puedes usar la captura de pantalla anterior como guía, pero es mejor que experimentes con los deslizadores mientras vigilas tu imagen. Una vez que hayas conseguido devolver el ruido, haz clic en OK para salir de nuevo del cuadro de diálogo. Tu imagen debería verse ahora algo como esto:

FILE Simula el grano de película en una imagen

Imagen del tutorial de efectos fotográficos de Photoshop.

El ruido del movimiento borroso es ahora visible en la imagen.

Si miras de cerca a lo largo de los bordes superior e inferior de la imagen, verás que las cosas se ven un poco extrañas, y eso se debe al problema que mencioné al principio del tutorial con el filtro de Desenfoque de Movimiento que tiene problemas alrededor de los bordes. No te preocupes porque hemos añadido espacio extra alrededor de los bordes, así que ninguna de esas áreas problemáticas va a afectar a nuestra foto. De hecho, la recortaremos en el siguiente paso.

Paso 11: Crop Away El espacio extra de lona

Ahora que hemos aplicado nuestro filtro de Desenfoque de Movimiento, podemos recortar el espacio de lona extra que añadimos antes. Para hacer eso, clic con el botón derecho del ratón (Win) / Control-clic (Mac) directamente en la miniatura de la «Capa 1» en la paleta de Capas:

Imagen del tutorial de efectos fotográficos de Photoshop.

«Clic-derecho» (Win) / «Control-clic» (Mac) en la miniatura de la Capa 1 en la paleta de Capas.

La capa 1 es la copia de nuestra capa de fondo y contiene nuestra imagen original antes de que añadiéramos el espacio extra del lienzo. Al hacer clic con el botón derecho (Win) o con el botón de control (Mac) en su miniatura, verá aparecer una selección dentro del documento que es del tamaño exacto de nuestra imagen original:

Imagen del tutorial de efectos fotográficos de Photoshop.

Una selección aparece dentro del documento.

Todo lo que necesitamos ahora es subir al Image en la parte superior de la pantalla y seleccione Crop. Photoshop recortará la imagen alrededor de la selección, eliminando el espacio extra del lienzo y devolviendo nuestra imagen al tamaño que tenía cuando empezamos.

Una vez que haya recortado la imagen, pulse Ctrl+D (Win) / Comando+D (Mac) para eliminar la selección de la pantalla.

Paso 12: Cambiar el modo de mezcla de la capa de ruido a «pantalla»

Ya casi hemos terminado. El único problema que queda es que la capa de ruido sigue bloqueando nuestra imagen original. Para mezclarla con la imagen y darnos nuestro efecto de lluvia, todo lo que tenemos que hacer es cambiar la capa de ruido mixing mode. Seleccione la capa de ruido («Capa 2») en la paleta de Capas. A continuación, vaya a la esquina superior izquierda de la paleta de capas, haga clic en la flecha que apunta hacia abajo a la derecha de la palabra «Normal», que es el modo de mezcla por defecto, y seleccione Screen From the list:

Imagen del tutorial de efectos fotográficos de Photoshop.

Cambiar el modo de mezcla de la capa de ruido de «Normal» a «Pantalla».

En cuanto cambias el modo de mezcla, la foto original se hace visible en el documento y nuestro ruido de movimiento se convierte en la lluvia!

Si quieres ajustar el efecto de lluvia, simplemente haz doble clic una vez más en la miniatura de la capa de ajuste de niveles en la paleta de capas para volver al cuadro de diálogo de niveles y reajustar los controles deslizantes en blanco y negro hasta que estés satisfecho con el efecto de lluvia. Haz clic en OK cuando hayas terminado para salir de él.

Aquí está mi efecto de lluvia final:

Imagen del tutorial de efectos fotográficos de Photoshop.

The final effect.

¡Y así es como se añade la lluvia a una foto en Photoshop y se evita dañar la cámara! Visita nuestra sección de efectos fotográficos para ver más tutoriales de efectos de Photoshop!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon