Efecto de reflejo de agua en Photoshop CC y CS6

Como veremos, hay tres partes principales para crear el efecto de reflejo del agua. Empezaremos creando el reflejo básico haciendo una copia de nuestra imagen, arrastrándola por debajo de la original, y luego volteándola para que la imagen de abajo refleje la de arriba. Añadiremos desenfoque de movimiento e incluso un tinte azulado para que el reflejo se parezca más al agua.

A partir de ahí, crearemos un mapa de desplazamiento, un tipo especial de documento en Photoshop que podemos utilizar para doblar, deformar y remodelar nuestra imagen. Y finalmente, tomaremos nuestro mapa de desplazamiento y lo aplicaremos al reflejo del agua para crear olas y ondas de aspecto realista. Incluso añadiremos una sombra a lo largo de la línea de costa para que parezca que se adentra en el agua. Hay un montón de pasos, pero como siempre, te guiaré a través de cada uno para que puedas seguir fácilmente incluso si eres un principiante.

Aquí hay un ejemplo de cómo se verá el efecto de reflexión del agua cuando hayamos terminado. Al final, te mostraré cómo experimentar con el efecto para obtener los mejores resultados con tu imagen:

¡Comencemos!

¡Descarga este tutorial como un PDF listo para imprimir!

Cómo crear un reflejo de agua en Photoshop

Para este tutorial, estoy usando Photoshop CC pero cada paso es compatible con Photoshop CS6.

Paso 1: Abre tu imagen

Abre la imagen donde quieres añadir tu reflejo de agua. Esta es la imagen que usaré (foto del atardecer

de Adobe Stock):

Paso 2: Desbloquear la capa Fondo y nombrarla «Foto»

En el panel Capas, vemos la imagen en la capa Fondo. La capa Fondo está bloqueada, lo que se indica con el icono del candado en su extremo derecho. Necesitamos desbloquearla para poder colocar otras capas debajo de ella, y podemos hacerlo simplemente cambiando su nombre. Haz doble clic sobre el nombre «Fondo»:

Photoshop abre el cuadro de diálogo Nueva capa. Nombra la capa «Foto» y luego haz clic en Aceptar:

De vuelta en el panel Capas, la capa Fondo es ahora la capa «Foto» y el icono del candado ha desaparecido:

Paso 3: Duplicar la capa y nombrarla «Reflejo»

Haz una copia de la capa. Usaremos la copia para crear el reflejo del agua. Mantenga pulsada la tecla Alt (Win) / Opción (Mac) de su teclado mientras hace clic y arrastra la capa «Foto» hacia el icono de Nueva Capa en la parte inferior del panel Capas:

Suelte el botón del ratón, y luego suelte la tecla Alt / Opción. Photoshop abre el cuadro de diálogo Duplicar capa. Nombra la capa «Reflexión», y luego haz clic en Aceptar:

La capa «Reflexión» aparece por encima de la capa «Foto»:

Paso 4: Convertir la capa «Reflejo» en un objeto inteligente

Convertir la capa «Reflejo» en un objeto inteligente haciendo clic en el icono del menú de la esquina superior derecha del panel Capas:

Elige Convertir en objeto inteligente en el menú:

Un icono de objeto inteligente aparece en la parte inferior derecha de la miniatura de vista previa de la capa «Reflexión», indicándonos que la capa es ahora un objeto inteligente. Cualquier filtro que apliquemos a la capa se aplicará ahora como Filtros Inteligentes editables:

Paso 5: Añadir más espacio en el lienzo debajo de la foto

Añadir más espacio en el lienzo debajo de la foto para hacer sitio al reflejo del agua. Suba al menú Imagen de la barra de menús y elija Tamaño del lienzo:

En el cuadro de diálogo Tamaño del lienzo, establezca la anchura en 100 por ciento y la altura en 200 por ciento. Deje sin marcar la opción Relativa. Para añadir todo el espacio adicional debajo de la foto, haga clic en el cuadro superior central de la cuadrícula de anclaje y, a continuación, haga clic en Aceptar para cerrar el cuadro de diálogo:

Photoshop añade el espacio adicional debajo de la imagen. Si el espacio extra se extiende fuera de su pantalla, pulse Ctrl+0 (Win) / Comando+0 (Mac) en su teclado para elegir el comando Ajustar a la pantalla de Photoshop:

Paso 6: Mover la imagen «Reflejo» al espacio añadido

Mueva la imagen «Reflejo» por debajo de la foto principal y al nuevo espacio del lienzo seleccionando la herramienta Mover de la barra de herramientas:

Mantenga pulsada la tecla Mayúsculas mientras hace clic y arrastra la imagen hacia la nueva área del lienzo. La tecla Mayúsculas limita la dirección en la que se puede mover, facilitando el arrastre recto hacia abajo:

Paso 7: Voltear la imagen verticalmente

Voltear la imagen en la capa «Reflejo» verticalmente para que el reflejo del agua sea un espejo de la foto de arriba. Sube al menú Editar de la barra de menús, elige Transformar y, a continuación, elige Voltear verticalmente:

Después de voltear la capa «Reflejo», la imagen de abajo es ahora un espejo de la de arriba:

Relacionado: Crea un efecto de imagen en espejo con Photoshop

Paso 8: Arrastra la capa «Reflejo» por debajo de la capa «Foto»

En el panel Capas, haz clic en la capa «Reflejo» y arrástrala por debajo de la capa «Foto». Cuando aparezca una barra horizontal blanca debajo de la capa «Foto», suelte el botón del ratón para colocar la capa «Reflejo» en su lugar:

Paso 9: Añadir desenfoque de movimiento al reflejo

Añada un poco de desenfoque de movimiento al reflejo del agua utilizando el filtro Desenfoque de movimiento de Photoshop. Con la capa «Reflejo» aún seleccionada, sube al menú Filtro de la barra de menús, elige Desenfoque y, a continuación, elige Desenfoque de movimiento:

En el cuadro de diálogo Desenfoque de movimiento, establece el Ángulo en 90°, y luego establece la Distancia en algún lugar entre 10-20 píxeles dependiendo del tamaño de tu imagen (las imágenes más grandes necesitarán más desenfoque). Yo elegiré 20 píxeles. Haga clic en Aceptar para cerrar el cuadro de diálogo:

Aquí está el efecto con una cantidad sutil de desenfoque de movimiento añadido al agua. Después de aplicar el filtro Desenfoque de movimiento, puede notar una línea horizontal que atraviesa el centro del documento, entre la foto principal y la imagen del reflejo. Eso es un artefacto del filtro Desenfoque de movimiento, y lo limpiaremos más tarde. Ignóralo por ahora:

En el panel Capas, el filtro Desenfoque de movimiento aparece como un filtro inteligente debajo de la capa «Reflejo». Si desea cambiar la cantidad de desenfoque, haga doble clic en las palabras «Desenfoque de movimiento» para volver a abrir el cuadro de diálogo del filtro y ajuste el valor de Distancia según sea necesario:

Paso 10: Añadir una capa de relleno de color sólido azul

Como el agua tiende a verse azul, vamos a añadir un tinte azulado al reflejo. Haz clic en el icono de Nueva capa de relleno o de ajuste en la parte inferior del panel Capas:

Elige Color sólido en la parte superior de la lista:

En el Selector de color, elige un azul apagado ajustando el valor R a 40, el valor G a 110 y el valor B a 185, y luego haz clic en Aceptar para cerrar el Selector de color:

Después de añadir la capa de relleno, el reflejo del agua en la mitad inferior del documento queda temporalmente cubierto por el azul sólido:

Paso 11: Arrastrar la capa de relleno por debajo de la capa «Reflejo»

La razón por la que está cubierta de azul es porque Photoshop ha añadido la capa de relleno, llamada «Relleno de color 1», entre las capas «Foto» y «Reflejo». Haga clic en la capa de relleno y arrástrela por debajo de la capa «Reflejo». Esto ocultará la capa de relleno azul, permitiendo que el reflejo del agua vuelva a aparecer. Volveremos a poner el color azul en un momento:

Paso 12: Seleccionar la máscara de capa de filtros inteligentes

A continuación, vamos a ajustar la apariencia del desenfoque de movimiento en el reflejo del agua para que el efecto de desenfoque se desvanezca a medida que se aleja de la orilla. Selecciona la máscara de capa de los filtros inteligentes haciendo clic en la miniatura de la máscara de capa a la izquierda de las palabras «Filtros inteligentes»:

Paso 13: Dibujar un degradado de negro a blanco en la máscara de capa

Elegir la herramienta degradado de la barra de herramientas:

En la barra de opciones, haga clic en la pequeña flecha a la derecha de la muestra de color del degradado y, a continuación, elija el degradado de negro a blanco haciendo doble clic en su miniatura (tercera desde la izquierda, fila superior). Esto selecciona el degradado y cierra el selector de degradado:

Aún en la barra de opciones, asegúrese de que el estilo de degradado Lineal está seleccionado haciendo clic en su icono (directamente a la derecha de la muestra de color del degradado):

Haga clic en la parte inferior del documento para establecer un punto de partida para el degradado. Mantenga el botón del ratón pulsado y arrastre hacia arriba hasta el centro (hasta la parte superior de la imagen del reflejo del agua). Mantenga la tecla Shift mientras arrastra para facilitar el arrastre vertical hacia arriba:

Suelte el botón del ratón para completar el degradado. El efecto de desenfoque de movimiento ahora se desvanece gradualmente a medida que se desplaza desde la parte superior del reflejo del agua hasta la parte inferior:

Paso 14: Cargar la máscara de capa como una selección

Ahora que hemos desvanecido el efecto de desenfoque de movimiento, vamos a desvanecer el propio reflejo del agua para que se mezcle con nuestra capa de relleno azul. Lo haremos añadiendo una copia exacta de nuestra máscara de capa a la capa «Reflejo». Mantenga pulsada la tecla Ctrl (Win) / Comando (Mac) en su teclado y haga clic en la miniatura de la máscara de capa de Filtros Inteligentes. Esto carga la máscara de capa como una selección (aparecerá un contorno de selección en el documento):

Paso 15: Añadir una máscara de capa a la capa «Reflejo»

Asegúrese de que la capa «Reflejo» está seleccionada y, a continuación, haga clic en el icono Añadir máscara de capa en la parte inferior del panel Capas:

Photoshop convierte el contorno de la selección en una nueva máscara de capa, dándonos una máscara idéntica con el mismo degradado de negro a blanco en la capa «Reflexión»:

Con la máscara de capa añadida, el reflejo del agua ahora se desvanece gradualmente de arriba a abajo en el azul de nuestra capa de relleno de color sólido:

Paso 16: Bajar la intensidad del azul

Si el azul se ve demasiado fuerte, puede desvanecerlo en el panel de propiedades de Photoshop. Asegúrese de que la miniatura de la máscara de capa en la capa «Reflexión» está seleccionada. A continuación, en el panel de propiedades, baje el valor de la densidad arrastrando el control deslizante hacia la izquierda. Cuanto más lo bajes, más se desvanecerá el color azul. Yo bajaré el mío al 50%:

Y ahora el azul del agua es más sutil:

Paso 17: Combinar la capa «Reflejo» y la capa de relleno en un objeto inteligente

Necesitamos combinar la capa «Reflejo» y la capa de relleno que hay debajo en un único objeto inteligente. Con la capa «Reflejo» seleccionada, mantenga pulsada la tecla Mayúsculas y haga clic en la capa de relleno. Esto selecciona ambas capas a la vez:

Haga clic en el icono del menú en la parte superior derecha del panel Capas:

Elige Convertir en objeto inteligente:

Ahora ambas capas aparecen en el panel Capas como un único Objeto Inteligente llamado «Reflexión»:

¡Descargue este tutorial como un PDF listo para imprimir!

Paso 18: Crear un nuevo documento del mismo tamaño

Para que el reflejo se parezca más al agua, le añadiremos ondas utilizando un mapa de desplazamiento. El mapa de desplazamiento tiene que ser un documento de Photoshop separado, y tiene que ser del mismo tamaño que nuestro documento actual. Asegúrese de que el objeto inteligente «Reflexión» está seleccionado en el panel Capas, y luego vaya al menú Seleccionar y elija Todo. Esto coloca un contorno de selección alrededor de toda la imagen:

Go up to the Edit menu and choose Copy to copy the image to the clipboard:

To create the new document, go up to the File menu and choose New:

This opens the New Document dialog box. Since we copied our image to the clipboard, Photoshop automatically sets the Width, Height and Resolution of the new document to the same values as the original document. Click Create (Photoshop CC) or OK (CS6) to create the document:

Step 19: Add Noise

The first thing we’ll do with our displacement map is add some noise. In the new document, go up to the Filter menu, choose Noise, and then choose Add Noise:

In the Add Noise dialog box, set the Amount to 400%, and then choose Gaussian and Monochromatic at the bottom. Click OK to close the dialog box. Photoshop fills the document with noise (little black and white dots):

Step 20: Add Blur To Soften The Noise

Soften the noise using the Gaussian Blur filter. Go up to the Filter menu, choose Blur, and then choose Gaussian Blur:

In the Gaussian Blur dialog box, set the Radius value to 2 pixels and then click OK:

Step 21: Apply «Emboss» To The Red Channel

Open the Channels panel by clicking its tab next to the Layers panel:

Click on the Red channel to select it:

Go up to the Filter menu, choose Stylize, and then choose Emboss:

In the Emboss dialog box, set the Angle to 90°, the Height to 1 pixel and the Amount to 500%. Click OK:

Step 22: Apply «Emboss» To The Green Channel

Click on the Green channel to select it:

Go back up to the Filter menu, choose Stylize, and once again choose Emboss. Deja la Altura establecida en 1 píxel y la Cantidad en 500%, pero cambia el Ángulo a 180°. Haga clic en Aceptar:

Paso 23: Seleccione el canal RGB y vuelva a abrir el panel de capas

Haga clic en el canal RGB de la parte superior para seleccionarlo. Esto vuelve a activar los tres canales de color (Rojo, Verde y Azul):

Entonces vuelve al panel Capas haciendo clic en su pestaña:

Paso 24: Desbloquear la capa de fondo

Necesitamos desbloquear la capa de fondo para poder remodelarla. En Photoshop CC, simplemente haga clic en el icono de bloqueo. En Photoshop CS6, mantenga pulsada la tecla Alt (Win) / Opción (Mac) y haga doble clic en la capa Fondo. Esto cambia el nombre de la capa «Capa 0» y el icono de bloqueo desaparece:

Paso 25: Alejar el zoom del documento

En un momento, vamos a remodelar la imagen, pero para ello, necesitaremos mucho espacio. Mantén pulsada la tecla Ctrl (Win) / Comando (Mac) de tu teclado y pulsa la tecla menos (-) repetidamente para alejar el documento hasta que la imagen aparezca muy pequeña en el centro:

Paso 26: Transformar la perspectiva de la imagen

Subir al menú Editar, elegir Transformar y luego elegir Perspectiva:

Haz clic en el tirador de la esquina inferior izquierda o derecha y arrástralo lejos de la imagen. Cuanto más arrastres, mayor será el efecto de perspectiva que crearás:

No hay un valor específico a utilizar, pero si miramos en mi barra de opciones, vemos que he arrastrado el valor de la Anchura (W) hasta cerca del 3000%. Pulsa Enter (Win) / Return (Mac) en tu teclado para aceptar la transformación:

Paso 27: Acercar el documento

Para volver a acercar la imagen, una vez más mantén pulsada la tecla Ctrl (Win) / Comando (Mac) en tu teclado y esta vez, pulsa el signo más (+) repetidamente. At this closer view, we can see the perspective effect we’ve created, and the image looks a lot like water ripples gradually moving further off into the distance:

Step 28: Crop The Image

To keep the file size small and avoid any problems when we go to save it as a displacement map, crop away the hidden pixels on the sides. Go up to the Select menu and choose All. A selection outline appears around the image:

Go up to the Image menu and choose Crop. It won’t look like anything has happened, but all of the hidden areas on the sides are now cropped away:

To remove the selection outline, go back up to the Select menu and choose Deselect:

Related: Cómo recortar imágenes en Photoshop CC

Paso 29: Escalar la altura de la imagen

Por último, como el mapa de desplazamiento tiene que afectar sólo al reflejo del agua en la mitad inferior del documento, vamos a escalar la altura de la imagen. Esto también mejorará aún más el efecto de perspectiva. Sube al menú Edición y elige Transformación libre:

Haz clic en el asa superior y arrástrala hacia el centro del documento. Una vez que se acerque al centro, debería encajar en su sitio. Presione Enter (Win) / Return (Mac) en su teclado para aceptarlo:

Paso 30: Guardar el mapa de desplazamiento como un archivo .PSD de Photoshop

Hemos creado el mapa de desplazamiento y estamos listos para guardarlo. Sube al menú Archivo y elige Guardar como:

En el cuadro de diálogo Guardar como, nombra el archivo «mapa-de-desplazamiento» y guárdalo en tu Escritorio o en otra ubicación donde puedas encontrarlo fácilmente. Asegúrese de que el Formato está establecido en Photoshop para que el archivo se guarde como un archivo .PSD, y luego haga clic en Guardar. Si Photoshop le pregunta si desea activar la compatibilidad de maximización para el archivo, haga clic en Aceptar:

Paso 31: Cambia a tu documento principal

Vuelve a tu documento de reflejo del agua haciendo clic en su pestaña:

Si aún ves el contorno de selección alrededor de la imagen desde que la copiamos, sube al menú Seleccionar y elige Deseleccionar:

Paso 32: Aplicar el filtro de desplazamiento

Aplicar el mapa de desplazamiento al reflejo del agua. Con el objeto inteligente «Reflejo» seleccionado en el panel Capas, suba al menú Filtro, elija Distorsionar y, a continuación, elija Desplazar:

Esto abre el cuadro de diálogo Desplazar. En la parte superior están las opciones Escala horizontal y Escala vertical. Estas dos opciones controlan cuánto doblará, deformará y reformará la imagen el mapa de desplazamiento. La Escala horizontal controla la anchura de la distorsión y la Escala vertical controla la altura. Para crear las ondas de agua, generalmente obtendrá mejores resultados utilizando un valor de Escala horizontal bajo y un valor de Escala vertical alto. Los valores exactos que necesitas dependerán principalmente del tamaño de tu imagen pero también de tu sujeto, así que querrás experimentar.

En mi caso, estableceré la Escala horizontal en 10 y la Escala vertical en 80. Deja el Mapa de desplazamiento configurado en Estirar para ajustar y las Áreas no definidas configuradas en Repetir píxeles de borde, y luego haz clic en Aceptar:

Elige tu mapa de desplazamiento desde donde lo guardaste, y luego haz clic en Abrir:

Photoshop aplica el mapa de desplazamiento al reflejo del agua, y con esta imagen, los ajustes que elegí crean un bonito y sutil efecto de ondulación:

Paso 33: Experimentar con los ajustes de desplazamiento

En el panel Capas, el filtro Desplazar aparece como un filtro inteligente debajo del objeto inteligente «Reflexión». Para probar diferentes valores de Escala Horizontal y Vertical, haga doble clic en la palabra «Desplazar» para volver a abrir el cuadro de diálogo:

Esta vez, dejaré la Escala Horizontal establecida en 10 pero aumentaré la Escala Vertical a 120. Tenga en cuenta que estoy trabajando con una imagen bastante grande. Las imágenes más pequeñas generalmente necesitarán valores más pequeños para obtener los mismos resultados:

Haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop le pedirá que vuelva a seleccionar su mapa de desplazamiento. Y aquí vemos que esta vez, el valor más alto de Escala vertical crea ondas de agua más fuertes y evidentes:

Paso 34: Estirar el objeto inteligente «Reflejo» hacia arriba

Si miramos a lo largo de la parte superior del reflejo del agua donde las dos imágenes se encuentran, vemos algunos artefactos azules causados por el mapa de desplazamiento:

Para limpiarlos, asegúrate de que el objeto inteligente «Reflejo» está seleccionado en el panel Capas y, a continuación, sube al menú Edición y elige Transformación libre:

Photoshop te advertirá de que cualquier filtro inteligente que hayas aplicado se desactivará mientras estés en modo Transformación. Haga clic en Aceptar:

Haga clic en el asa superior y arrástrela ligeramente hacia arriba para estirar la imagen del reflejo del agua hasta que los artefactos azules se oculten detrás de la imagen principal. Pulse Enter (Win) / Return (Mac) en su teclado cuando haya terminado:

Paso 35: Recortar la imagen

También puede notar algunas áreas problemáticas a lo largo de la parte inferior del reflejo del agua, de nuevo causadas por el mapa de desplazamiento. O bien, es posible que sólo quiera recortar algunos de los reflejos. En cualquier caso, seleccione la herramienta Recortar de la barra de herramientas:

Photoshop coloca un cuadro de recorte alrededor de la imagen. Haga clic en el asa inferior y arrástrela hacia arriba para recortar la parte inferior del reflejo. Press Enter (Win) / Return (Mac) when you’re done to crop the image:

Step 36: Add A Shadow Along The Shoreline

Finally, to complete the water reflection effect, add a shadow along the shoreline to give it some depth, as if the ground slopes into the water. Select the «Photo» layer in the Layers panel:

Add a new layer above it by clicking the New Layer icon:

Select the Rectangular Marquee Tool from the Toolbar:

Drag out a rectangular selection around the shoreline:

Fill the selection with black by going up to the Edit menu and choosing Fill:

In the Fill dialog box, set Contents to Black and then click OK:

The selection is now filled with black:

Remove the selection outline by going up to the Select menu and choosing Deselect:

Soften the edges by going up to the Filter menu, choosing Blur, and then choosing Gaussian Blur:

In the Gaussian Blur dialog box, drag the Radius slider towards the right until the edges appear nice and soft. Para una imagen más grande, un valor de entre 30-40 píxeles funciona bien. Para imágenes más pequeñas, pruebe con 15-20 píxeles. Haga clic en Aceptar para cerrar el cuadro de diálogo:

Aquí está el resultado después de suavizar los bordes:

Por último, baja la opacidad de la sombra para que se funda con la imagen. La opción Opacidad se encuentra en la parte superior derecha del panel Capas. Yo bajaré la mía al 50%:

Y con eso, ¡hemos terminado! Aquí, después de desvanecer la sombra en la línea de costa, está mi efecto final de reflejo del agua:

¡Y ahí lo tenemos! ¡Así es como se añade un reflejo de agua realista a una imagen con Photoshop! ¡Para llevar el efecto aún más lejos, intente añadir lluvia a su imagen y luego añadir un arco iris! Visita nuestra sección de efectos fotográficos para ver más tutoriales de efectos de Photoshop