Este tutorial paso a paso le muestra cómo crear un efecto de lluvia en Photoshop que se puede agregar fácilmente a cualquier foto. Funciona con cualquier versión de Photoshop. Para todos los niveles de habilidad.
La mayoría de nosotros preferiría evitar ser atrapados por la lluvia si es posible, especialmente si tenemos nuestras cámaras con nosotros. Pero, ¿qué pasa si eres una de la gran cantidad de personas que disfrutan tomando fotos del clima? Incluso si la fotografía del clima no es su principal interés, no se puede negar que la lluvia agrega una dimensión completamente nueva a sus imágenes. Entonces, ¿cómo capturar fotos de lluvia sin mojar la cámara?
¡Fácil! Espere hasta que deje de llover, tome la fotografía, luego agregue la lluvia nuevamente con Photoshop, que es exactamente lo que vamos a aprender a hacer.
Esta versión del tutorial es para Photoshop CS5 y versiones anteriores. Los usuarios de Photoshop CC y CS6 querrán consultar nuestro tutorial de Photoshop Rain Effect totalmente actualizado.
Aquí está la foto con la que trabajaré para este efecto:
La imagen original
Y aquí está la misma imagen después de agregar la lluvia en Photoshop. ¡Realmente está bajando por ahí!
El resultado final.
Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!
Cómo crear un efecto de lluvia con Photoshop
Paso 1: Duplicar la capa de fondo
Lo primero que debemos hacer para este efecto es duplicar nuestra capa de fondo. Con nuestra imagen abierta en Photoshop, podemos ver en la paleta Capas que actualmente tenemos una capa, que se llama Fondo . Esta capa contiene nuestra imagen original:
La paleta de capas en Photoshop nos muestra 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 sucedió nada en la ventana del documento, pero si volvemos a mirar 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 la misma, que Photoshop ha denominado " Capa 1 ", encima de ella:
Duplique la capa de fondo presionando "Ctrl + J" (Win) / "Comando + J" (Mac).
Paso 2: agregue algo de espacio de lienzo adicional alrededor de la imagen
Lo siguiente que vamos a hacer es agregar algo de espacio de lienzo adicional alrededor de la imagen. La razón es porque vamos a utilizar el filtro "Motion Blur" en la imagen, y el filtro Motion Blur tiende a tener problemas cuando se trata de bordes, por lo que vamos a facilitar las cosas dándole un poco más de espacio alrededor de los bordes para trabajar. Verá lo que quiero decir más adelante, pero por ahora, agreguemos un poco de espacio extra en el lienzo. Sin embargo, antes de hacerlo, restablezcamos nuestros colores de primer plano y fondo en Photoshop presionando D en el teclado. Esto establece negro como color de primer plano y blanco como color de fondo. Podemos ver esto en las muestras de color cerca de la parte inferior de la paleta Herramientas:
Restablezca los colores de primer plano y fondo.
Ahora agreguemos nuestro espacio de lienzo. Para eso, usaremos la herramienta Recortar . Selecciónelo de la paleta Herramientas, o simplemente presione C en su teclado:
Seleccione la herramienta de recorte.
Luego, con la herramienta Recortar seleccionada, haga clic y arrastre una selección alrededor de toda la imagen. Si está trabajando con su imagen que se muestra dentro de una ventana de documento, presione F en su teclado para cambiar Photoshop al modo de pantalla completa con la barra de menú, lo que facilitará las cosas. Luego haga clic fuera de la esquina superior izquierda de la imagen y arrastre hacia abajo debajo de la esquina inferior derecha.
Cuando sueltes el botón del mouse, verás pequeños mangos cuadrados alrededor de la imagen. Mantenga presionada la tecla Alt (Win) / Opción (Mac) y arrastre el controlador izquierdo o derecho hacia afuera para agregar espacio a ambos lados de la imagen. Mantener presionada la tecla Alt u Opción le dice a Photoshop que mueva los mangos en ambos lados a la vez, lo que nos facilita las cosas. Agregue una pulgada extra o dos en los lados. Luego haga lo mismo para la parte superior e inferior. Mantenga presionada la tecla Alt / Opción y arrastre el controlador superior o inferior para agregar la misma cantidad de espacio encima y debajo de la imagen. No se preocupe por agregar demasiado espacio porque de todos modos lo recortaremos más tarde. Por ahora, es mejor agregar demasiado que no suficiente:
Arrastre los tiradores para agregar más espacio de lienzo alrededor de la imagen.
Cuando termine de arrastrar los controladores, presione Entrar (Win) / Retorno (Mac), y Photoshop llenará el espacio extra con nuestro color de fondo actual que es blanco:
Photoshop llena el espacio extra con el color de fondo actual.
Paso 3: agrega una nueva capa en blanco
Necesitamos agregar una nueva capa en blanco a nuestro documento en este punto, por lo que con la capa superior seleccionada en la paleta Capas (puede saber qué capa está seleccionada y cuál está resaltada en azul), haga clic en el icono Nueva capa en el parte inferior de la paleta de capas:
Haga clic en el icono "Nueva capa" para agregar una nueva capa en blanco.
Photoshop agrega una nueva capa en blanco para nosotros sobre nuestras otras dos capas. Nuevamente, parece que no le ha pasado nada a la imagen en sí, y eso se debe a que nuestra nueva capa está actualmente en blanco, pero podemos ver la nueva capa en la parte superior de la paleta Capas. Photoshop lo nombra "Capa 2":
La nueva capa en blanco en la parte superior de la paleta Capas.
Paso 4: rellena la nueva capa con negro
Vamos a llenar la nueva capa con negro. Dado que el negro es actualmente nuestro color de primer plano, podemos usar el método abreviado de teclado fácil Alt + Retroceso (Win) / Opción + Eliminar (Mac), que le dice a Photoshop que complete la capa con nuestro color de primer plano.
La imagen ahora aparecerá llena de negro sólido, ocultando temporalmente nuestra foto de la vista.
Paso 5: agregue ruido a la capa
Vaya al menú Filtro en la parte superior de la pantalla, elija Ruido y luego elija Agregar ruido . Esto abre el cuadro de diálogo de filtro "Agregar ruido" de Photoshop. Arrastre el control deslizante Cantidad hacia la derecha para agregar mucho ruido a su imagen. No hay un valor exacto para ingresar, solo agregue mucho. Voy a arrastrar mi cantidad a alrededor del 150%. Además, asegúrese de que la opción Monocromática en la parte inferior esté marcada:
Agregue ruido a la capa llena de negro.
Haga clic en Aceptar cuando haya terminado para aplicar el ruido a la imagen y salir del cuadro de diálogo.
Paso 6: aplique el filtro de desenfoque gaussiano al ruido
Necesitamos agregar una pequeña cantidad de desenfoque al ruido, así que regrese al menú Filtro y esta vez elija Desenfocar y luego Desenfoque gaussiano . Aparece el cuadro de diálogo del filtro "Desenfoque gaussiano". Todo lo que necesitamos es una pequeña cantidad de desenfoque, así que ingrese un valor de aproximadamente 0.5 para el valor del Radio, luego haga clic en Aceptar para salir del cuadro de diálogo:
Aplique el filtro Desenfoque gaussiano al ruido.
Paso 7: Agregar una capa de ajuste de niveles
¿Recuerdas que acabo de terminar de decirte que agregues mucho ruido a la imagen? Bueno, ahora tenemos demasiado, pero vamos a arreglar eso usando niveles. Sin embargo, vamos a usar una capa de ajuste para que podamos regresar y cambiar la configuración en los niveles en cualquier momento que queramos. También queremos asegurarnos de que nuestra capa de ajuste de Niveles solo afecte a la capa de ruido y no tenga ningún efecto en ninguna otra capa, por lo tanto, mantenga presionada la tecla Alt (Win) / Opción y haga clic en el icono Nueva Capa de Ajuste en La parte inferior de la paleta de capas:
Mantenga presionada la tecla "Alt" (Win) / "Opción" (Mac) y haga clic en el icono "Nueva capa de ajuste".
Luego arrastre el mouse hacia arriba y seleccione Niveles de la lista de capas de ajuste:
Seleccione "Niveles" de la lista.
Como mantuvimos presionada la tecla Alt / Opción, Photoshop abrirá el cuadro de diálogo Nueva capa antes de agregar la capa de ajuste. Aquí es donde le decimos a Photoshop que solo queremos que esta capa de ajuste de Niveles afecte la capa debajo de ella, que será la capa de ruido. Para hacerlo, haga clic dentro de la casilla de verificación a la izquierda de donde dice Usar capa anterior para crear máscara de recorte :
Cuadro de diálogo "Nueva capa" de Photoshop.
Haga clic en Aceptar en la esquina superior derecha para salir del cuadro de diálogo, y Photoshop agrega la capa de ajuste de Niveles para nosotros. También muestra el cuadro de diálogo Niveles, que veremos a continuación.
Paso 8: reduzca la cantidad de ruido y aumente su contraste
Vamos a utilizar los niveles para reducir la cantidad de ruido que tenemos y para aumentar el contraste en el ruido que queda. Con el cuadro de diálogo Niveles abierto, verá un gráfico grande en la mitad superior. Esto se llama histograma . No necesitamos entrar en detalles al respecto aquí, pero directamente debajo del histograma, verá tres controles deslizantes: uno negro a la izquierda, uno blanco a la derecha y uno gris en el medio. Haga clic en el negro a la izquierda y comience a arrastrarlo hacia la derecha.
Mientras lo hace, comenzará a ver que parte del ruido desaparece en la imagen. Luego haga clic en el blanco a la derecha y comience a arrastrarlo hacia la izquierda, lo que aumentará el contraste en el ruido que queda:
Elimine el ruido con el control deslizante negro a la izquierda y aumente el contraste con el control deslizante a la derecha.
No te preocupes por el control deslizante gris en el medio. Se moverá solo a medida que arrastre los blancos y negros. Puede usar la captura de pantalla anterior como guía sobre hasta dónde mover los controles deslizantes en blanco y negro, o simplemente experimentar por su cuenta hasta que su imagen se vea menos como un montón de ruido y más como una noche estrellada:
Reduzca la cantidad de ruido en la imagen con el control deslizante negro y aumente el contraste en el ruido con el control deslizante blanco.
Haga clic en Aceptar en la esquina superior derecha del cuadro de diálogo Niveles cuando haya terminado para salir de él.
Paso 9: aplique el filtro Motion Blur al ruido
Todo este ruido que queda en nuestra imagen se convertirá en nuestra lluvia. Todavía no se parece mucho a la lluvia, pero lo vamos a ayudar aplicando el filtro "Motion Blur", que le dará a la lluvia algo de movimiento y dirección. Sin embargo, antes de que podamos aplicar el filtro al ruido, primero debemos seleccionarlo en la paleta Capas, ya que actualmente tenemos seleccionada la capa de ajuste de Niveles. Haga clic en "Capa 2" para seleccionarlo:
Seleccione la capa de ruido en la paleta Capas.
Ahora que hemos seleccionado la capa correcta, regrese al menú Filtro en la parte superior de la pantalla, seleccione Desenfocar y luego seleccione Desenfoque de movimiento, que abre el cuadro de diálogo "Desenfoque de movimiento". Puede establecer la dirección en la que cae la lluvia ajustando la opción Ángulo . Voy a establecer mi ángulo a unos 60 °. Luego ingrese un valor de aproximadamente 50 píxeles para la Distancia, aunque es posible que necesite experimentar un poco con ese valor dependiendo del tamaño de su imagen, pero 50 píxeles funcionan bien para una foto estándar de 4x6:
Establezca la dirección en que caerá la lluvia en la opción "Ángulo", luego establezca la "Distancia" en alrededor de 50 píxeles.
Haga clic en Aceptar para salir del cuadro de diálogo.
Paso 10: reajuste los controles deslizantes de blanco y negro en los niveles según sea necesario
Dependiendo de hasta qué punto arrastró sus controles deslizantes en blanco y negro en el cuadro de diálogo Niveles anteriormente, es posible que su ruido haya desaparecido por completo en su imagen después de aplicar el filtro Motion Blur. Para recuperarlo, simplemente reajuste los controles deslizantes haciendo doble clic directamente en la miniatura de la capa de ajuste de Niveles en la paleta Capas:
Vuelva al cuadro de diálogo Niveles haciendo doble clic en su miniatura en la paleta Capas.
Esto recupera el cuadro de diálogo Niveles, y dado que estamos usando una capa de ajuste, podemos volver a reajustar los controles deslizantes tantas veces como queramos sin dañar nuestra imagen. Probablemente necesite arrastrar el control deslizante negro un poco hacia la izquierda para volver a ver su ruido, y es posible que también desee arrastrar el control deslizante blanco un poco más hacia la izquierda para agregar más contraste:
Arrastre los controles deslizantes blanco y negro más hacia la izquierda para volver a ver el ruido en la imagen.
Una vez más, puede usar la captura de pantalla anterior como guía, pero es mejor que experimente con los controles deslizantes mientras vigila su imagen. Una vez que haya logrado recuperar el ruido, haga clic en Aceptar para salir nuevamente del cuadro de diálogo. Su imagen ahora debería verse así:
El ruido de movimiento borroso ahora es visible en la imagen.
Si observa de cerca los bordes superior e inferior de la imagen, verá que las cosas se ven un poco extrañas, y eso se debe al problema que mencioné al comienzo del tutorial con el filtro Motion Blur teniendo problemas alrededor de los bordes. Sin embargo, no se preocupe porque agregamos espacio adicional alrededor de los bordes, por lo que ninguna de las áreas problemáticas afectará nuestra foto. De hecho, lo estaremos recortando en el siguiente paso.
Paso 11: Recorta el espacio extra del lienzo
Ahora que hemos aplicado nuestro filtro Motion Blur, podemos recortar el espacio extra del lienzo que agregamos anteriormente. Para hacerlo, haga clic con el botón derecho (Win) / Control-clic (Mac) directamente en la miniatura de "Capa 1" en la paleta Capas:
"Haga clic derecho" (Win) / "Control-clic" (Mac) en la miniatura de la Capa 1 en la paleta Capas.
La capa 1 es la copia de nuestra capa de fondo y contiene nuestra imagen original antes de agregar el espacio extra del lienzo. Cuando hace clic derecho (Win) o Control-clic (Mac) en su miniatura, verá que aparece una selección dentro del documento que tiene el tamaño exacto de nuestra imagen original:
Aparece una selección dentro del documento.
Todo lo que necesitamos ahora es ir al menú Imagen en la parte superior de la pantalla y seleccionar Recortar . Photoshop recortará la imagen alrededor de la selección, eliminando el espacio extra del lienzo y devolviendo nuestra imagen al tamaño que teníamos cuando comenzamos.
Una vez que haya recortado la imagen, presione Ctrl + D (Win) / Comando + D (Mac) para eliminar la selección de la pantalla.
Paso 12: Cambie el modo de fusión de la capa de ruido a "Pantalla"
Ya casi hemos terminado. El único problema que queda es que la capa de ruido sigue bloqueando la visualización de nuestra imagen original. Para mezclarlo con la imagen y darnos nuestro efecto de lluvia, todo lo que tenemos que hacer es cambiar el modo de fusión de la capa de ruido. Seleccione la capa de ruido ("Capa 2") en la paleta Capas. Luego vaya a la esquina superior izquierda de la paleta Capas, haga clic en la flecha que apunta hacia abajo a la derecha de la palabra "Normal", que es el modo de fusión predeterminado, y seleccione Pantalla de la lista:
Cambie el modo de fusión de la capa de ruido de "Normal" a "Pantalla".
¡Tan pronto como cambie el modo de fusión, la foto original se hace visible en el documento y nuestro ruido borroso se convierte en lluvia!
Si desea ajustar el efecto de lluvia, simplemente haga doble clic una vez más en la miniatura de la capa de ajuste de Niveles en la paleta Capas para volver al cuadro de diálogo Niveles y reajuste los controles deslizantes en blanco y negro hasta que esté satisfecho con el efecto de lluvia Haga clic en Aceptar cuando haya terminado para salir de él.
Aquí está mi efecto de lluvia final:
El efecto final.
¡Y así es como agregar lluvia a una foto en Photoshop y evitar dañar su cámara! ¡Visite nuestra sección de Efectos fotográficos para obtener más tutoriales sobre efectos de Photoshop!