1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

Cómo Crear un Fácil Reflejo Ondulado en Adobe Photoshop

Una manera de crear aún más drama en un interesante paisaje ¡es agregando un lago digital! No únicamente crea una simetría estéticamente placenteral, sino que usa una de las técnicas clásicas de fotomanipulación, creando un reflejo. En éste tutorial crearemos el efecto de una superficie de agua reflectante completa con distorsiones onduladas.
Scroll to top

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Una manera de crear aún más drama en un interesante paisaje ¡es agregando un lago digital! No únicamente crea una simetría estéticamente placenteral, sino que usa una de las técnicas clásicas de fotomanipulación, creando un reflejo. En éste tutorial crearemos el efecto de una superficie de agua reflectante completa con distorsiones onduladas.

1. Cómo Crear un Simple Reflejo

Crear un reflejo de una escena es una magnílfica manera de aprender algunas habilidades básicas de fotomanipulación. El planteamiento es lo suficientemente sencillo: crear una copia del área a ser reflejada y ponerla volteada. Luego ajustar la perspectiva para que el reflejo parezca ser parte de la superficie del agua.

Paso 1

Elegir la imagen inicial adecuada para ésta técnica es uno de los aspectos más importantes para lograr un resultado de alta calidad.

Lo más importante para buscar es una línea horizontal clara que funcione como el borde del agua. Por ejemplo, en ésta imagen del templo Chau Say tomada por el fotógrafo Donyanedomam, el escalón inferior del templo crea un magnífico punto de reflejo.

Chau Say templeChau Say templeChau Say temple

Paso 2

Abre la imagen en Photoshop y selecciona la Herramienta Recortar (C). Arrastra el manejador superior central de la herramienta hacia abajo para recortar la imagen justo arriba del árbol grande a la izquierda del templo. Luego arrastra el manejador central inferior hacia abajo para crear un espacio vacío debajo de la parte inferior de la imagen.

Crop the imageCrop the imageCrop the image

Paso 3

Habilita las reglas en la pantalla al ir a Vista > Reglas o presiona Control-R (Windows) o Comando-R (Mac). Luego haz click y arrastra desde la regla superior para crear una línea guía horizontal. Arrastra ésta línea guía hacia abajo hasta el escalón inferior del templo. Ésto llegará a ser la línea del agua de nuestro lago digital.

Reveal the ruler and create a guidelineReveal the ruler and create a guidelineReveal the ruler and create a guideline

Paso 4

Usa la Herramienta Marco Rectangular (M) para crear una selección de la parte superior de la imagen. Como la herramienta es arrastrada cerca de la línea guía, se ajustará a la línea guía, asegurando que la selección se coloque exactamente en el punto correcto.

Create a selectionCreate a selectionCreate a selection

Paso 5

Ve a Capa > Nueva > Capa Vía Copiar o presiona Control-J (Windows) o Comando-J (Mac) para duplicar el área seleccionada a una nueva capa. En el panel Capas puedes ver ésta nueva capa llamada Layer 1. Haz doble click en ese nombre para renombrarlo, y luego ingresa el nombre Reflection.

Copy to a new layer and rename itCopy to a new layer and rename itCopy to a new layer and rename it

Paso 6

Ésta capa será sometida a una poca de distorsión. Cuándo se pone tensión en pixeles, es inteligente convertir esa capa a un objeto inteligente primero-ésto asegurará que las distorsiones no destruyan la información de los pixeles. Haz ésto al ir a Capa > Objetos Inteligentes > Convertir en Objeto Inteligente. La miniatura de la capa mostrará un pequeño ícono en la parte inferior derecha para indicar que es un Objeto Inteligente.

Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

Paso 7

Ve a Edición > Transformar > Transformación Libre o presiona Control-T (Windows) o Comando-T (Mac) para obtener los manejadores de transformación para la capa. Toma el manejador superior central y arrástralo hacia la parte inferior de la capa; ésto volteará esencialmente la capa de de arriba a abajo. Arrastra el manejador de la escala hasta que se alinie con la parte inferior del marco.

Use Free Transform to flip the reflectionUse Free Transform to flip the reflectionUse Free Transform to flip the reflection

Paso 8

Mientras que la Transformación Libre esté todavía activa, haz click-derecho en la capa y selecciona Perspectiva. Toma el manejador en la esquina inferior izquierda y arrástrala más hacia la izquierda. Nota que la esquina derecha también se mueve para dar a la capa un efecto de perspectiva. Presiona la tecla Enter o haz click en el ícono de la palomita en la barra de opciones para ejecutar la transformación.

Use the Perspective TransformUse the Perspective TransformUse the Perspective Transform

2. Cómo Crear la Superficie Ondulada del Agua 

El agua es una sustancia turbulenta, y es muy raro que grandes cuerpos de agua sean perfectamente suaves y ofrezcan reflejos como espejo. La mayoría de los cuerpos de agua, especialmente en una locación selvática, tengan ondulaciones o perturbaciones.

Paso 1

Crea una nueva capa sobre la capa del reflejo al ir a Capa > Nueva Capa o presionar Mayúsculas-Control-N (Windows) o Mayúsculas-Comando-N (Mac).

En el cuadro de diálogo Nueva Capa, ingresa el nombre Water Gradient, habilita la opción para Usar Capa Anterior para Crear Máscara de Recorte, y presiona OK. No habrá ningún cambio visible en el lienzo, pero el panel Capas mostrará la nueva capa con la miniatura indentada. Ésto indica que la capa es recortada, o restringida por el área visible de la capa Reflection.

Create a New LayerCreate a New LayerCreate a New Layer

Paso 2

Toma la Herramienta Degradado (G) y observa en la barra opciones en la parte superior del espacio de trabajo. En el área de ajustes preestablecidos de degradado, abre el menú desplegable y selecciona el ajuste preestablecido Negro, Blanco. Luego asegúrate de que el ícono de la forma Lineal esté seleccionado. Ese es el primero de los cinco íconos de formas. Ahora haz click en la puerta del templo y arrastra hacia abajo para dibujar el degradado. Suelta el degradado cerca de la parte inferior del marco. Ésto creará un degradado que es negro cerca de la parte superior y blanco en la parte inferior.

Use the Gradient Tool to add a black and white gradientUse the Gradient Tool to add a black and white gradientUse the Gradient Tool to add a black and white gradient

Paso 3

El degradado cubre completamente el reflejo. Busca en la parte superior del panel Capas un menú desplegable que diga Normal por defecto; éste es el modo de fusión para ésta capa.

Abre el menú y selecciona Multiplicar. El modo multiplicar únicamente muestra colores oscuros, ¡así que las áreas blancas del degradado ahora son renderizadas invisibles!

Junto a ése parámetro está el parámetro Opacidad. Redúcelo del predeterminado 100% a 47% para que el degradado sea menos visible.

Adjust the blending mode and opacityAdjust the blending mode and opacityAdjust the blending mode and opacity

Paso 4

A continuación necesitamos un nuevo documento para elaborar la textura ondulada. Ve a Archivo > Nuevo o presiona Control-N (Windows) o Comando-N (Mac) para lanzar el cuadro de diálogo Nuevo Documento. Ingresa una Anchura de 2000 pixeles y una Altura de 2000 pixeles, establece el Contenido de Fondo en Blanco y presiona el botón Crear (u OK en versiones anteriores a CC 2017).

Create a new documentCreate a new documentCreate a new document

Paso 5

Asegúrate de que el color de frente y de fondo estén establecidos en el Predeterminado negro y blanco al presionar la tecla D. Luego ve a Filtro > Interpretar > Fibras. Establece la Intensidad en 16 y la Varianza en 4. Ésto crea un motivo de franjas verticales irregulares.

Create a fibers textureCreate a fibers textureCreate a fibers texture

Paso 6

Usa la Herramienta Mover (V) para arrastrar la textura de la fibra sobre la pestaña del principal archivo del proyecto. ¡No sueltes el botón del mouse todavía! Una vez que Photoshop cambia los archivos, suelta la textura en esa área del lienzo. Nota que la capa de las fibras aparece en el panel Capas también-renómbrala a Fibers. En éste punto, el archivo usado para crear las fibras puede ser cerrado sin guardar los cambios porque ya no se necesitará.

move the fibers texture to the main projectmove the fibers texture to the main projectmove the fibers texture to the main project

Paso 7

Convierte la capa de la fibra en un objeto inteligente con Capa > Objetos Inteligentes > Convertir en Objeto Inteligente. Luego usa de nuevo Transformación Libre para rotar la capa, y mientras rotas manten presionada la tecla Mayúsculas para limitar la rotación a ángulos de 45 grados. Rota la capa a 90 grados y Escálala hacia arriba para que encaje en el área de reflejo.

Transform the fibers texture to fit the reflectionTransform the fibers texture to fit the reflectionTransform the fibers texture to fit the reflection

Paso 8

Ve a Edición > Transformar > Perspectiva y ajusta la perspectiva de la capa de las fibras de la misma forma que la capa de reflejo. Aplica la transformación con el ícono de la palomita o presionando Enter.

Use the Perspective Transform on the fibers layerUse the Perspective Transform on the fibers layerUse the Perspective Transform on the fibers layer

Paso 9

Ve a Filtro > Desenfocar > Desenfoque Gaussiano y usa un Radio de 1.5 pixeles. Otra ventaja de usar un Objeto Inteligente es que los filtros son aplicados como Filtros Inteligentes, lo que significa que los parámetros están activos y pueden ser editados en cualquier momento.

3. Cómo Agregar un Efecto de Desplazamiento a los Reflejos

La superficie del agua es apropiadamente ondulada, pero los reflejos necesitan estar con perturbaciones para parecer realistas. Photoshop tiene un útil filtro llamado Desplazamiento que es perfecto para ésta tarea.

Paso 1

En el pie del panel Capas está un pequeño ícono que parece un hoja de papel con una esquina doblada. Éste es el ícono de Nueva Capa. Manten presionada la tecla Control (Windows) o la tecla Comando (Mac) mientras la presiona para añadir una nueva capa debajo de la capa actual. Ésto asegura que la nueva capa se añada debajo de la capa de las fibras.

Create a new layer beneath the fibers layerCreate a new layer beneath the fibers layerCreate a new layer beneath the fibers layer

Paso 2

Ve a Edición > Rellenar y cambia el Contenido a Gris 50%. Luego presiona OK para rellenar la nueva capa de un gris medio tono.

Fill the layer with midtone grayFill the layer with midtone grayFill the layer with midtone gray

Paso 3

Ve a Imagen > Duplicar y en el cuadro de diálogo Duplicar Imagen, cambia el nombre del documento a Water_Ripples_Displacement y acepta la opción para Duplicar Solo Capas Combinadas. Presiona OK y Photoshop crea un nuevo archivo que es el fondo gris y la textura de la fibra combinadas.

Ve a Guardar Como y guarda el archivo como Water_Ripples_Displacement.psd. Es importante que el archvo sea guardado como un archivo .psd-que es el formato de archivo de Photoshop. Una vez que el archivo sea guardado, puede ser cerrado-será usado como un mapa de desplazamiento más adelante.

Duplicate the image to create a psd fileDuplicate the image to create a psd fileDuplicate the image to create a psd file

Paso 4

Regresa al archivo del proyecto y eliminar la capa rellenada de gris al ir a Capa > Eliminar > Capa. Luego haz click en la capa fibras en el panel Capas para asegurar que sea la capa activa. Establece el modo de fusión en Luz Suave y reduce la Opacidad a 25%.

Adjust the blending mode and opacity of the fibers layerAdjust the blending mode and opacity of the fibers layerAdjust the blending mode and opacity of the fibers layer

Paso 5

Haz click en la capa Reflection para hacerla la capa activa. Ve a Filtro > Distorsionar > Desplazar. Establece la Escala Horizontal en 25 y la Escala Vertical en 10. Establece las Áreas No Definidas en Repetir Pixeles de Borde y haz click en OK. Photoshop te pedirá elegir un mapa de desplazamiento. Selecciona el archivo Water_Ripples_Displacement.psd que creamos previamente.

Use the displacement filterUse the displacement filterUse the displacement filter

El mapa de desplazamiento funciona al usar los valores de la escala de grises del archivo de mapa para distorsionar o desplazar los pixeles de ésta capa.  La cantidad de desplazamiento se establece por los valores horizontal y vertical. En el caso de los reflejos, los cambios horizontales necesitan ser más considerables que los verticales.

Paso 6

Los reflejos de agua necesitan tener un tono de color y brillantez ligeramente diferente de los objetos reales que son reflejados-ésto da una sutil pista visual que hace el reflejo más realista. Ve a Imagen > Ajustes > Toino/Saturación. Establece la Saturación en +28 y la Luminosidad en -21.

Add a HueSaturation adjustmentAdd a HueSaturation adjustmentAdd a HueSaturation adjustment

Paso 7

La imagen reflejada debería también ser un poco borrosa cuándo se compara con el templo real. Ve a Filtro > Desenfocar > Desenfoque Gaussiano. Usa un Radio de 1.5 pixeles.

Use the Gaussian Blur filterUse the Gaussian Blur filterUse the Gaussian Blur filter

Nota cómo los filtrros están siendo listados debajo de la miniatura Reflection como Filtros Inteligentes. Si alguna vez necesitas reajustar los parámetros del filtro, simplemente haz doble-click en el nombre de ese filtro para reabrir el diálogo.

Paso 8

En el panel Capas hay un pequeño rectángulo blanco junto a los Filtros Inteligentes. Ésta es la miniatura para la máscara que es usada para aplicar los filtros a la capa Reflection. Haz click en ella para hacerla el elemento activo. Puedes decir que está activa por el contorno blanco alrededor de la miniatura.

A continuación, toma la Herramienta Degradado (G) de nuevo. Debería tener las mismas opciones de herramientas establecidas la última vez, el ajuste preestablecido Negro, Blanco y la forma Lineal. Arrastra el degradado hacia abajo de nuevo para crear un degradado en la máscara. Ésto atenuará el efecto de los filtros mientras los reflejos se acercan al templo y se alejan de nuestro punto de vista.

Si no te gusta cómo funciona el degradado en el primer intento, ¡solo dibuja otro para remplazarlo! Continúa hasta que estés satisfecho con los resultados.

Use a gradient to fade the filter effects into the distanceUse a gradient to fade the filter effects into the distanceUse a gradient to fade the filter effects into the distance

¡Felicidades por tu Lago Digital!

¡Ahora terminaste! En éste tutorial has creado una superficie de agua digital en una imagen de paisaje que incluye ondas y distorsiones en el reflejo del agua. ¡Buen trabajo!

Final Rippled Water Reflection EffectFinal Rippled Water Reflection EffectFinal Rippled Water Reflection Effect