En este tutorial de Photoshop, aprenderemos cómo agregar fácilmente un reflejo de agua realista a cualquier foto. Es un efecto muy fácil de crear y puede agregarlo a cualquier foto que desee, aunque tiende a funcionar mejor con imágenes que aún no contienen agua. Usaremos un filtro simple y un mapa de desplazamiento para crear el efecto de ondulación del agua, y una capa de ajuste de Tono / Saturación para darle un poco de color a nuestra agua.
Nota sobre la versión: este tutorial fue escrito para Photoshop CS5 y versiones anteriores. Los usuarios de Photoshop CC y CS6 querrán consultar nuestro nuevo tutorial sobre el efecto de reflexión del agua.
Aquí está la foto con la que trabajaré a lo largo de este tutorial:
La imagen original
Y así es como se verá nuestra imagen después de agregar el reflejo del agua:
El resultado final.
Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!
Paso 1: Duplicar la capa de fondo
Con nuestra imagen recién abierta dentro de Photoshop, podemos ver en la paleta Capas que actualmente tenemos una capa, la capa de Fondo, que contiene nuestra imagen:
La imagen original en la capa Fondo en la paleta Capas.
Necesitamos duplicar la capa de fondo, y podemos hacerlo usando el atajo de teclado Ctrl + J (Win) / Comando + J (Mac). Ahora, cuando miro en mi paleta Capas ahora, puedo ver que ahora tengo dos capas: mi capa de fondo original en la parte inferior y una nueva capa, "Capa 1", encima de la cual está mi duplicado:
Presione "Ctrl + J" (Win) / "Comando + J" (Mac) para duplicar la capa de fondo.
Paso 2: agregue más espacio de lienzo en la parte inferior del documento
Vamos a agregar nuestro reflejo de agua debajo de la imagen, así que agreguemos un poco de espacio de lienzo en la parte inferior de nuestro documento para dejar espacio para nuestro reflejo. Para hacerlo, vaya al menú Imagen en la parte superior de la pantalla y elija Tamaño del lienzo . Aparecerá el cuadro de diálogo "Tamaño de lienzo" de Photoshop. Lo más fácil de hacer aquí es agregar el doble de espacio de lienzo que el que tenemos actualmente, pero solo queremos que aparezca en la parte inferior del documento, no por encima o a cada lado, por lo que debemos decirle a Photoshop exactamente dónde queremos que este espacio extra de lienzo vaya.
Primero, ingrese 100 para la Altura y configure la medida en porcentaje, como se indica en un círculo rojo debajo. Deje la opción Ancho configurada en 0. Luego asegúrese de que la opción Relativa esté marcada, lo que le indica a Photoshop que nos dé un 100% más de espacio de lienzo que el que ya tenemos. Debajo de la opción "Relativa" hay una cuadrícula de cuadrados de 3x3. Aquí es donde le decimos a Photoshop dónde queremos colocar nuestro espacio de lienzo adicional. Haga clic dentro del cuadrado en el medio de la fila superior (nuevamente como se indica en un círculo a continuación). Esto le dice a Photoshop que no coloque nada del espacio extra del lienzo sobre el documento y que lo coloque todo en la parte inferior:
Agregue más espacio de lienzo utilizando el cuadro de diálogo "Tamaño de lienzo".
Haga clic en Aceptar para salir del cuadro de diálogo y Photoshop agregará el espacio de lienzo adicional en la parte inferior de la imagen:
X
La altura del documento ahora se ha duplicado con el espacio extra del lienzo agregado en la parte inferior.
Paso 3: voltea la capa superior verticalmente
Para crear nuestro reflejo, necesitamos voltear nuestra imagen al revés, así que hagámoslo. Con la capa superior seleccionada en la paleta Capas, vaya al menú Editar en la parte superior de la pantalla, elija Transformar y luego elija Voltear verticalmente . Photoshop volteará la imagen al revés en el documento:
Vaya a Edición> Transformar> Voltear verticalmente para voltear la imagen en la capa superior al revés.
Paso 4: arrastre la imagen volteada a la parte inferior del documento
Necesitamos que la imagen volteada esté en la parte inferior del documento, así que tome su herramienta Mover de la paleta Herramientas, o presione V en su teclado para el acceso directo:
Seleccione la herramienta Mover.
Luego, con la herramienta Mover seleccionada, haga clic dentro del documento y arrastre la imagen invertida hacia abajo hasta que la parte superior quede alineada con la parte inferior de la imagen original encima. Mantenga presionada la tecla Mayús mientras arrastra para asegurarse de arrastrar hacia abajo en línea recta:
Arrastre la imagen volteada hacia abajo debajo del original.
Paso 5: Agregar una nueva capa en blanco
Ahora que tenemos nuestra imagen invertida en su lugar, podemos comenzar a crear nuestro efecto de ondulación del agua. Primero, necesitamos agregar una nueva capa en blanco en la parte superior de la paleta Capas, por lo que con "Capa 1" aún seleccionada, haga clic en el icono Nueva capa en la parte inferior de la paleta Capas:
Agregue una nueva capa en blanco al documento.
Paso 6: llene la nueva capa con blanco
Vamos a llenar nuestra nueva capa en blanco con blanco. Si el blanco no es actualmente su color de fondo, presione D en su teclado, lo que restablecerá los colores de primer plano y de fondo de Photoshop, haciendo que el negro sea su color de primer plano y el blanco su color de fondo. Luego use el atajo de teclado Ctrl + Retroceso (Win) / Comando + Eliminar (Mac) para llenar la nueva capa con el color de Fondo (blanco). Su documento se llenará de blanco sólido.
Toda la imagen ahora está llena de blanco.
Paso 7: aplique el filtro "Patrón de medios tonos" para crear líneas horizontales en blanco y negro
Vaya al menú Filtro en la parte superior de la pantalla, elija Boceto y luego elija Patrón de medios tonos . Esto muestra la Galería de filtros de Photoshop (en Photoshop CS y superior) configurada con las opciones de filtro "Patrón de medios tonos" a la derecha, con una vista previa grande del efecto a la izquierda. Vamos a usar este filtro para agregar una serie de líneas horizontales en blanco y negro a la imagen. Estas líneas se convertirán en nuestras ondas de agua. Cuantas más líneas tengamos, más ondas tendremos.
Primero, queremos asegurarnos de que estamos creando líneas y no puntos o círculos, así que configure la opción Tipo de patrón en Líneas . Controlamos el número de líneas ajustando la opción Tamaño . Los valores más bajos nos dan más líneas, ya que estamos reduciendo el tamaño de cada línea, y los valores más altos nos dan menos líneas pero más gruesas. Voy a establecer mi valor de Tamaño en 7, que creo que funciona mejor para mi imagen. Es posible que desee experimentar con este valor por su cuenta. La opción Contraste que se encuentra debajo determina cuán nítidos son los bordes de las líneas. Los valores más bajos le dan líneas más suaves, los valores más altos blancos le dan líneas de borde duro. Establezca este valor hasta 50 para dar a sus líneas bordes afilados. Los suavizaremos nosotros mismos con el filtro Gaussian Blur en un momento:
Ajuste las opciones de filtro de Patrón de medios tonos para crear una serie de líneas en blanco y negro a través de la imagen.
Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo, y Photoshop llenará la imagen de arriba a abajo con sus líneas en blanco y negro:
La imagen ahora está llena de líneas horizontales en blanco y negro.
Paso 8: aplique el filtro "Desenfoque gaussiano" a las líneas
Antes de que podamos usar nuestras líneas en blanco y negro como ondas de agua, necesitamos suavizarlas y crear transiciones suaves y agradables entre ellas. Para hacer eso, vaya al menú Filtro una vez más, elija Desenfoque y luego elija Desenfoque gaussiano, que abre el cuadro de diálogo "Desenfoque gaussiano". Controle su imagen y arrastre el control deslizante en la parte inferior del cuadro de diálogo para aumentar el valor del Radio hasta que las líneas tengan un borde muy suave. Estoy usando una imagen pequeña para este tutorial, así que para mí, un valor de Radio de aproximadamente 4 píxeles funciona bien. Si está utilizando una imagen más grande y de alta resolución, deberá configurar la suya en un valor más alto:
Use el filtro Desenfoque gaussiano para suavizar los bordes de las líneas.
Haga clic en Aceptar para salir del cuadro de diálogo y aplicar el desenfoque a las líneas.
Paso 9: Duplique la capa de líneas como un nuevo documento
Vamos a crear un documento nuevo a partir de nuestra capa de líneas, que luego utilizaremos como nuestro mapa de desplazamiento para nuestras ondas de agua. Con la capa de líneas seleccionada, vaya al menú Capa en la parte superior de la pantalla y seleccione Duplicar capa, que abre el cuadro de diálogo "Duplicar capa". En las opciones de "Destino", haga clic en la flecha que apunta hacia abajo a la derecha de la opción Documento y configúrelo como Nuevo, lo que creará un nuevo documento de Photoshop fuera de nuestra capa:
Establezca la opción "Documento" en el cuadro de diálogo "Duplicar capa" en "Nuevo".
Haga clic en Aceptar para salir del cuadro de diálogo y su capa se abrirá en un nuevo documento en la pantalla.
Paso 10: guarde el nuevo documento y ciérrelo
Este nuevo documento que hemos creado se convertirá en nuestro mapa de desplazamiento, pero antes de que podamos usarlo, debemos guardarlo. También lo cerraremos después de haberlo guardado, ya que no necesitaremos abrirlo más, y la forma más fácil de realizar ambas tareas es simplemente cerrar el documento. Cuando intente cerrarlo, Photoshop lo hará como usted si desea guardar el documento antes de cerrarlo. Haga clic en Sí :
Elija "Sí" cuando Photoshop le pregunte si desea guardar el documento antes de cerrarlo.
Photoshop mostrará el cuadro de diálogo Guardar como . Puedes nombrar tu nuevo documento como quieras. Voy a nombrar las mías "ondas de agua". Asegúrese de guardarlo como un archivo .PSD de Photoshop, ya que esos son los únicos archivos que Photoshop puede usar como mapa de desplazamiento. Probablemente quiera guardar el documento en su Escritorio, ya que necesitaremos encontrarlo nuevamente en un momento.
Paso 11: eliminar la capa de líneas
Ahora que hemos usado nuestras líneas en blanco y negro para crear el archivo que usaremos como nuestro mapa de desplazamiento, podemos deshacernos de él. Para hacer eso, simplemente haga clic en él y arrástrelo hacia abajo al icono de la Papelera en la parte inferior de la paleta Capas:
Haga clic y arrastre la capa de líneas ("Capa 2") a la Papelera en la parte inferior de la paleta Capas para eliminarla.
Paso 12: fusionar las dos capas en una nueva capa
Antes de que podamos agregar el uso de nuestro mapa de desplazamiento, necesitamos fusionar nuestras dos capas de imagen en una nueva capa sobre ellas. Para hacerlo, con "Capa 1" seleccionada, use el atajo de teclado Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Parece que no ha pasado nada en el documento, pero si miramos en la paleta Capas, podemos ver que ambas capas se han fusionado en una nueva capa en la parte superior:
Ambas capas ahora se fusionan en una nueva capa, "Capa 2".
Paso 13: Use el filtro "Desplazar" para crear ondas de agua
Estamos listos para crear nuestras ondas de agua utilizando el mapa de desplazamiento que acabamos de crear. Con la nueva capa combinada seleccionada en la paleta Capas, regrese al menú Filtro en la parte superior de la pantalla, elija Distorsionar y luego Desplazar .
Esto abre el cuadro de diálogo de filtro "Desplazar" de Photoshop. Aquí es donde determinamos la fuerza de nuestro efecto dominó, y lo hacemos con la opción Escala horizontal en la parte superior. Voy a establecer el mío en un valor de 4, lo que me dará un efecto dominó realista. Es posible que desee experimentar con este valor con su propia imagen. Sin embargo, establecerlo demasiado alto creará demasiada distorsión horizontal y perderá el realismo.
No necesitamos ninguna distorsión vertical para crear nuestro efecto, así que configure la opción Escala vertical en 0 . Además, asegúrese de seleccionar Estirar para ajustar y Repetir píxeles de borde :
Vaya a Filtro> Distorsionar> Desplazar para que aparezca el cuadro de diálogo Desplazar.
Haga clic en Aceptar en la esquina superior derecha del cuadro de diálogo, y Photoshop le preguntará qué archivo desea usar como mapa de desplazamiento. Elija el archivo que acaba de guardar hace un momento, que guardé en mi escritorio como "water-ripples.PSD", y luego haga clic en Abrir. Photoshop luego aplicará el mapa de desplazamiento a toda la imagen, creando nuestras ondas de agua:
La imagen después de aplicar nuestro mapa de desplazamiento con el filtro "Desplazar".
Paso 14: Ocultar las ondas en la parte superior con una máscara de capa
Por supuesto, tenemos un pequeño problema en este momento. Hemos agregado nuestro efecto de ondulación del agua a toda la imagen, y solo lo queríamos en la mitad inferior. Podemos arreglar eso fácilmente usando una máscara de capa. Primero, presione Ctrl y haga clic (Win) / Comando y haga clic (Mac) directamente en la miniatura de "Capa 1" en la paleta Capas para colocar una selección alrededor de la imagen invertida en la parte inferior del documento:
"Haga clic con el botón derecho" (Win) / "Control-clic" (Mac) directamente en la miniatura de la Capa 1 en la paleta Capas para colocar una selección alrededor de la imagen invertida.
Verá aparecer una selección alrededor de la mitad inferior de la imagen en su documento. Ahora, con la capa combinada aún seleccionada, haga clic en el icono de Máscara de capa en la parte inferior de la paleta Capas:
Haga clic en el icono "Máscara de capa" para agregar una máscara de capa a la capa fusionada en la parte superior de la paleta Capas.
Photoshop agregará una máscara de capa a la capa fusionada, y debido a que teníamos una selección alrededor de la mitad inferior de nuestro documento cuando agregamos la máscara de capa, solo la mitad inferior de la capa fusionada permanece visible. La mitad superior queda oculta a la vista, eliminando las ondas de agua no deseadas de esa parte de la imagen:
El efecto dominó ahora está oculto de la mitad superior de la imagen después de aplicar la máscara de capa.
Paso 15: aplique el filtro "Desenfoque gaussiano" a la máscara de capa
Antes de agregar nuestro toque final coloreando el agua, suavicemos un poco el borde de la máscara de capa para que no haya una línea divisoria tan dura entre la imagen de arriba y el agua de abajo. Utilizaremos el filtro Gaussian Blur para eso, y dado que queremos aplicarlo a la máscara de capa, primero tendremos que seleccionar la máscara. Podemos hacerlo haciendo clic en la miniatura de la máscara de capa en la paleta Capas:
Tutoriales de Adobe Photoshop: haga clic en la miniatura de la máscara de capa en la paleta Capas para seleccionar la máscara de capa.
Puede decir que la máscara de capa ahora está seleccionada por el cuadro resaltado blanco alrededor de su miniatura. Vamos a aplicar el filtro Gaussian Blur a la máscara, así que regrese al menú Filtro, seleccione Blur una vez más y luego seleccione Gaussian Blur . Cuando aparezca el cuadro de diálogo, simplemente haga clic en Aceptar para aplicar el mismo valor de Radio que usamos anteriormente.
Paso 16: Colorea el agua con una capa de ajuste de tono / saturación
Terminemos las cosas ahora agregando solo un toque de azul a nuestra agua, y usaremos una capa de ajuste de Tono / Saturación para eso. Queremos que la capa de ajuste solo afecte la mitad inferior de la imagen donde están las ondas de agua, así que mantenga presionada la tecla Alt (Win) / Opción (Mac), haga clic en el icono Nueva capa de ajuste en la parte inferior de la paleta Capas, luego seleccione Tono / Saturación de la lista de capas de ajuste:
Mantenga presionada la tecla "Alt" (Win) / "Opción" (Mac), haga clic en el icono "Nueva capa de ajuste", luego arrastre el mouse a "Tono / Saturación" para seleccionarlo.
Al mantener presionada la tecla "Alt / Opción", esto le indica a Photoshop que aparezca el cuadro de diálogo Nueva capa antes de agregar la capa de ajuste. Seleccione la opción Usar capa anterior para crear máscara de recorte haciendo clic dentro de la casilla a la izquierda de la misma:
Seleccione la opción "Usar capa anterior para crear máscara de recorte" en el cuadro de diálogo "Nueva capa".
Esta opción le dice a Photoshop que queremos que la capa de ajuste afecte solo la capa directamente debajo de ella en la paleta Capas, y dado que la capa debajo es la capa que contiene nuestras ondas de agua, solo las ondas de agua se colorearán, que es lo que queremos . Haga clic en Aceptar para salir del cuadro de diálogo.
Aparecerá el cuadro de diálogo Tono / Saturación. Queremos colorear nuestra agua, así que lo primero que queremos hacer aquí es seleccionar la opción Colorear en la esquina inferior derecha. Luego seleccione el color que desea que tenga su agua arrastrando el control deslizante de Tono en la parte superior. Voy a arrastrar mi control deslizante hacia la derecha a un valor de aproximadamente 218, que creo que es un buen color para mi agua:
Use el cuadro de diálogo Tono / Saturación para colorear el agua.
Haga clic en Aceptar para salir del cuadro de diálogo y verá que su agua en el fondo ahora ha sido coloreada, pero el color es demasiado fuerte en este momento.
Paso 17: Baje la opacidad de la capa de tono / saturación
Para reducir la intensidad del color que acabamos de agregar al agua, todo lo que tenemos que hacer es subir a la opción Opacidad en la esquina superior derecha de la paleta Capas y bajar el valor de opacidad. Voy a bajar la mía hasta el 25%, lo que agrega una cantidad de color mucho más realista al agua:
Baje la opacidad de la capa de ajuste hasta que el agua solo tenga un toque de color.
Una vez que haya reducido la opacidad de la capa de ajuste para reducir la intensidad del color del agua, ¡ya está! Aquí está mi resultado final de "reflejo de agua":
El efecto final.
Solo por diversión, aquí hay otro ejemplo del mismo efecto exacto aplicado a una imagen diferente. Lo único que cambié aquí fue que solo agregué la mitad del espacio del lienzo debajo de la imagen original (configuré el valor de "Altura" en el cuadro de diálogo Tamaño del lienzo al 50% en lugar del 100%). Todo lo demás se hizo exactamente de la misma manera:
Otro ejemplo de una imagen que usa el mismo efecto.
¡Y ahí lo tenemos! ¡Así es como agregar un efecto de reflejo de agua a una imagen con Photoshop! ¡Visite nuestra sección de Efectos fotográficos para obtener más tutoriales sobre efectos de Photoshop!