¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!
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í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? Incluso si la fotografía meteorológica 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 capturas fotos de la lluvia sin mojar la cámara?
¡Fácil! Espere hasta que deje de llover, tome la fotografía y luego vuelva a agregar la lluvia usando 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 ver nuestro tutorial de Photoshop Rain Effect completamente actualizado.
Esta es 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 se está viniendo abajo!
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 Capas en Photoshop mostrándonos la imagen original en la capa Fondo."
Necesitamos crear una copia de esta capa, así que usemos el atajo de teclado rápido, Ctrl+J (Win) / Command+J(Mac). Parecerá que no ha pasado nada en la ventana del documento, pero si volvemos a mirar en nuestra paleta Capas, podemos ver que ahora tenemos dos capas: la capa Fondo original en la parte inferior y una copia de esta, que Photoshop ha llamado Capa. 1, arriba:"
"Duplica la capa Fondo presionando Ctrl+J (Win) / Comando+J (Mac)."
Paso 2: Agregue un poco de espacio de lienzo adicional alrededor de la imagen
"Lo siguiente que vamos a hacer es agregar algo de espacio de lienzo extra alrededor de la imagen. La razón es porque vamos a usar 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 espacio alrededor de los bordes para trabajar.Verá a lo que me refiero más adelante, pero por ahora, agreguemos algo de espacio de lienzo adicional. Sin embargo, antes de hacer eso, restablezcamos nuestros colores de primer plano y de fondo en Photoshop presionando 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 Herramientas:"
Restablezca los colores de primer plano y de fondo.
Ahora agreguemos nuestro espacio de lienzo. Para eso, usaremos la Herramienta de recorte. Selecciónelo desde la paleta de Herramientas, o simplemente presione C en su teclado:
Seleccione la herramienta Recortar.
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 a Modo de pantalla completa con barra de menú, que facilitará las cosas.Luego simplemente haga clic fuera de la esquina superior izquierda de la imagen y arrastre hacia abajo debajo de la esquina inferior derecha.
Cuando suelte el botón del mouse, verá pequeñas manijas cuadradas alrededor de la imagen. Mantenga presionada la tecla Alt (Win) / Option (Mac) y arrastre el controlador izquierdo o derecho hacia afuera para agregar espacio en ambos lados del imagen. Si mantiene presionada la tecla Alt u Opción, le dice a Photoshop que mueva los controladores en ambos lados a la vez, lo que nos facilita las cosas. Agregue una o dos pulgadas adicionales a los lados. Luego haz 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 por encima y por debajo de la imagen. No se preocupe por agregar demasiado espacio porque lo recortaremos más tarde de todos modos. Por ahora, es mejor agregar demasiado que no lo suficiente:
Arrastre los controladores para agregar más espacio de lienzo alrededor de la imagen.
Cuando haya terminado de arrastrar los controladores, presione Enter (Win) / Return (Mac), y Photoshop se llenará el espacio extra con nuestro color de fondo actual que es blanco:
Photoshop llena el espacio adicional con el color de fondo actual.
Paso 3: agregar una nueva capa en blanco
Necesitamos agregar una nueva capa en blanco a nuestro documento en este punto, así que con la capa superior seleccionada en la paleta Capas (puede saber qué capa está seleccionada por cuál está res altada en azul), haga clic en el Icono Nueva capa en la parte inferior de la paleta Capas:
"Haga clic en el icono Nueva capa para agregar una nueva capa en blanco."
"Photoshop agrega una nueva capa en blanco encima de nuestras otras dos capas. Nuevamente, parece que nada le sucedió 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: Rellene la nueva capa con negro
Vamos a rellenar la nueva capa con negro. Dado que el negro es actualmente nuestro color de primer plano, podemos usar el atajo de teclado fácil Alt+Backspace (Win) / Option+Delete (Mac), que le dice a Photoshop que llene 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: Añadir ruido a la capa
"Suba al menú Filtro en la parte superior de la pantalla, elija Ruido, y luego elija Agregar Ruido Esto abre el cuadro de diálogo Agregar filtro de 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ático en la parte inferior esté marcada:"
Agregue ruido a la capa rellena 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 vuelve al menú Filtro y esta vez elige Blury luego Desenfoque gaussiano Esto abre 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 alrededor de 0.5 para el valor de Radius, 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 decirte que agregues mucho ruido a la imagen? Bueno, ahora tenemos demasiado, pero lo arreglaremos usando Niveles. Sin embargo, vamos a usar una capa de ajuste para que podamos regresar y cambiar la configuración en Niveles en cualquier momento que queramos. También queremos asegurarnos de que nuestra capa de ajuste de Niveles solo afecte la capa de ruido y no tenga efecto en ninguna otra capa, así que para hacer eso, 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 Capas:
"Mantenga presionada la tecla Alt (Windows) / 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 la capa anterior para crear una 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 agregará la capa de ajuste de Niveles por nosotros. También abre el cuadro de diálogo Niveles, que veremos a continuación.
Paso 8: Reduzca la cantidad de ruido y aumente su contraste
Vamos a usar niveles para reducir la cantidad de ruido que tenemos y 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 justo debajo del histograma, verá tres controles deslizantes: uno negro a la izquierda, uno blanco uno a la derecha y uno gris en el medio. Haz clic en el negro de la izquierda y comienza 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 de la izquierda y aumente el contraste con el control deslizante de la derecha.
No te preocupes por el control deslizante gris en el medio. Se moverá solo mientras arrastras los blancos y negros. Puede usar la captura de pantalla anterior como guía sobre cuánto mover los controles deslizantes de 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 del ruido con el control deslizante blanco.
Haga clic en Aceptar en la parte superior derecha del cuadro de diálogo Niveles cuando haya terminado para salir.
Paso 9: aplique el filtro de desenfoque de movimiento al ruido
"Todo este ruido que queda en nuestra imagen se va a convertir en nuestra lluvia. Todavía no se parece mucho a la lluvia, pero lo ayudaremos aplicando el filtro Motion Blur, que le dará a nuestra 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 la Capa 2 para seleccionarla:"
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 Blur y luego seleccione Motion Blur, que abre el cuadro de diálogo Motion Blur. Puede establecer la dirección en la que cae la lluvia ajustando la opción Angle. Voy a ajustar mi ángulo a unos 60°. Luego ingrese un valor de aproximadamente 50 píxeles para la Distance, aunque es posible que deba 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 la 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: Vuelva a ajustar los controles deslizantes de blanco y negro según sea necesario
Dependiendo de cuánto haya arrastrado anteriormente los controles deslizantes de blanco y negro en el cuadro de diálogo Niveles, es posible que el ruido haya desaparecido por completo en la imagen después de aplicar el filtro Desenfoque de movimiento. Para recuperarlo, simplemente vuelva a ajustar los controles deslizantes haciendo doble clic directamente en la miniatura de la capa de ajuste de Niveles en la paleta Capas:
Vuelva a abrir el cuadro de diálogo Niveles haciendo doble clic en su miniatura en la paleta Capas.
Esto trae de vuelta el cuadro de diálogo Niveles, y dado que estamos usando una capa de ajuste, podemos volver a ajustar los controles deslizantes tantas veces como queramos sin dañar nuestra imagen. Probablemente necesitará arrastrar el control deslizante negro hacia atrás un poco hacia la izquierda para volver a ver el 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 de blanco y negro más hacia la izquierda para volver a ver el ruido en la imagen.
Nuevamente, 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 volver a salir 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 que tiene problemas alrededor de los bordes. Sin embargo, no se preocupe porque agregamos espacio adicional alrededor de los bordes, por lo que ninguna de esas áreas problemáticas afectará nuestra foto. De hecho, lo recortaremos en el siguiente paso.
Paso 11: Recorta el espacio extra del lienzo
"Ahora que hemos aplicado nuestro filtro Motion Blur, podemos recortar el espacio de lienzo adicional que agregamos anteriormente. Para hacerlo, clic derecho (Win) / Control-clic (Mac) directamente en la miniatura de la 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 que agregáramos el espacio de lienzo adicional. Cuando hace clic con el botón derecho (Windows) 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 subir 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ía cuando comenzamos.
Una vez que haya recortado la imagen, presione Ctrl+D (Win) / Command+D (Mac) para eliminar la selección de la pantalla.
"Paso 12: Cambiar el modo de fusión de la capa de ruido a pantalla"
"Ya casi terminamos. El único problema que queda es que la capa de ruido sigue bloqueando la vista 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 suba 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 del lista:"
"Cambie el modo de fusión de la capa de ruido de Normal a Pantalla."
¡Tan pronto como cambia el modo de fusión, la foto original se vuelve 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 traer de vuelta el cuadro de diálogo Niveles y vuelva a ajustar los controles deslizantes en blanco y negro hasta que Estás contento con el efecto lluvia.Haga clic en Aceptar cuando haya terminado para salir.
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 tu cámara! ¡Visite nuestra sección Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!