7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Cómo crear reflejos realistas de gotas de agua en Adobe Photoshop

Read Time: 5 mins

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

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

Como una parte de nuestra serie sobre cómo crear Pinceles personalizados desde cero en Photoshop, publiqué un Consejo rápido para saber cómo capturar y crear gotas de agua personalizadas y convertirlas en pinceles en Adobe Photoshop. Si no lograste verlo, por favor, tómate un breve momento y primero échale un vistazo aquí: Cómo crear pinceles de gotas de agua personalizados en Adobe Photoshop

Este Consejo rápido es una extensión de aquel tutorial. Sin embargo, aquí utilizaremos esos pinceles para crear una manipulación fotográfica de gotas de agua realistas.

1. Reúne los recursos

Para poder culminar este proyecto, necesitarás los pinceles de gotas de agua del Consejo rápido anterior. Puedes descargarlos con el enlace de descarga de archivos adjuntos en este tutorial. 

También necesitarás una imagen para emplearla como fondo. Cualquier imagen puede funcionar, pero el efecto se ve mejor en una lluviosa y con tonos grises. Yo utilicé esta Street Scene (escena en la calle).

2. Instala los pinceles

Si aún no has instalado los pinceles de gotas de agua, hazlo en Edición > Ajustes preestablecidos > Gestor de ajustes preestablecidos. Asegúrate de que el Tipo de ajuste preestablecido esté ubicado en Pinceles y haz clic en el botón Cargar. Navega en el archivo CustomWaterDrops.abr para instalar los pinceles.

Use the Preset Manager to install the brushesUse the Preset Manager to install the brushesUse the Preset Manager to install the brushes

Verifica los cinco nuevos pinceles preestablecidos de gotas de agua en tu librería de pinceles.

3. Añade las gotas de agua básicas

La idea de este proyecto es simular la apariencia de estar mirando por una ventana con salpicaduras de gotas de lluvia sobre ella. Por ello, el primer y más evidente paso es crear esas gotas.

Paso 1

Abre la imagen de con la escena de la calle y añade una Nueva capa (Control+Shift+N) con el nombre Gotas de agua.

Add a layer for the water dropsAdd a layer for the water dropsAdd a layer for the water drops

Paso 2

Llena la capa con color blanco en Edición > Rellenar, selecciona Blanco en el menú desplegable de Contenido.

Fill the layer with WhiteFill the layer with WhiteFill the layer with White

Cambia a la Herramienta pincel (B) y abre el panel de Pinceles preestablecidos. Asegúrate que el color de fondo sea el Blanco y emplea el nuevo Pincel de gotas de agua para añadir salpicaduras en forma de gotas de agua.

Paso 3

Emplea la Herramienta Varita mágica (W) con Tolerancia en 5 y con la opción Contiguo activada. Haz clic en una parte del área con fondo blanco para seleccionar la misma, pero sin tocar las gotas de agua.

Select the white backdropSelect the white backdropSelect the white backdrop

Crea una máscara de capa en Capa > Máscara de capa > Ocultar selección.

Mask out the water dropsMask out the water dropsMask out the water drops

Paso 4

Cambia del Modo de fusión de la capa a Superposición. Luego, haz doble clic en la capa para abrir el cuadro de diálogo del Estilo de capa y establece los siguientes ajustes de estilo:

Añade un estilo de capa con Sombra interior:

  • Desactiva la opción Usar luz global.
  • Tamaño: 24 px
Inner Shadow layer styleInner Shadow layer styleInner Shadow layer style

Añade un estilo de capa con Resplandor interior

  • Opacidad: 34%
  • Color brillante#f2f3f5
  • Tamaño: 10 px

Añade un estilo de capa con Sombra paralela

  • Desactiva la opción Usar luz global.
  • Distancia: 12 px
  • Tamaño: 9 px

A este punto, las gotas de agua deberían lucir así:

Water drops with layer stylesWater drops with layer stylesWater drops with layer styles

4. Crea un efecto de fondo

Si esta foto fuera real y la cámara estuviera centrada en las gotas de agua, el fondo luciría desenfocado.

Paso 1

Duplica el fondo en Capa > Duplicar capa o haz presiona las teclas Control+J. Luego, aplica un filtro de Desenfoque gaussiano en la copia con un Radio de 10 px.

Blurred BackgroundBlurred BackgroundBlurred Background

Paso 2

Presiona Control+clic sobre la máscara de capa con las gotas de agua para hacer una selección de estas. Asegúrate de que la capa de fondo desenfocada sea la capa activa y ve a Capa > Máscara de capa > Ocultar selección. Ahora, las gotas de agua ya no tienen el efecto de desenfoque. 

Remove blur from the water dropsRemove blur from the water dropsRemove blur from the water drops

Paso 3

Añade una capa de ajuste con Tono/Saturación, reduciendo la Saturación a -29 y establece la Luminosidad en +7. Luego, sujeta la capa de ajuste a la capa de fondo desenfocado en Capa > Crear máscara de recorte (Alt+Control+G).

Clip a HueSaturation Adjustment layerClip a HueSaturation Adjustment layerClip a HueSaturation Adjustment layer

Paso 4

Añade otra Nueva capa (Shift+Control+N) con el nombre Viñeta. Llena esta capa de color blanco y establece el Modo de fusión en Multiplicar y luego ve a Filtro > Corrección de lente (Shift+Control+R). En la pestaña Personalizar, mueva el control deslizante de la Viñeta hacia abajo hasta llegar a -74.

Lens Correction filterLens Correction filterLens Correction filter

Esto hará que los bordes externos de la imagen tengan un oscurecimiento discreto. 

Add vignette to make the drops stand outAdd vignette to make the drops stand outAdd vignette to make the drops stand out

5. Añade reflejos a las gotas de agua 

El estudio minucioso de gotas de agua reales revela un fenómeno asombroso; cada gota refleja el ambiente que las rodea por completo. El reflejo se distorsiona debido a la superficie curva del agua, pero no se puede negar la existencia de este. Al añadir aquel pequeño detalle, esta ilusión se vuelva más convincente.

Paso 1

Crea otro Duplicado de la capa de fondo con Control+J. Emplea la Transformación libre (Control+T) para reducir la Escala del tamaño de la imagen a la mitad del original.  Luego, mueve esta capa hasta la parte superior de la pila de capas.

Add a scaled down copy of the background to the top of the layer stackAdd a scaled down copy of the background to the top of the layer stackAdd a scaled down copy of the background to the top of the layer stack

Paso 2

Presiona Control+clic en la capa miniatura para crear una selección alrededor de la misma. Luego, ve a Filtro > Distorsionar > Esferizar y establece la Cantidad en 100%.

Spherize setingsSpherize setingsSpherize setings

Paso 3

Elimina la selección en Selección > Deseleccionar (Control+D). Luego, duplica la capa distorsionada con Control+J. Esconde la capa original y emplea la opción Transformación libre (Control+T) pata Mover y manipular la Escala de la copia de capa, con el fin de encaje en una sola gota de agua.

Move distorted reflection over a single dropMove distorted reflection over a single dropMove distorted reflection over a single drop

Cambia el modo de fusión de la capa a Superponer y reduce la Opacidad a un 60%.

Blending the reflection into the dropBlending the reflection into the dropBlending the reflection into the drop

Paso 4

Continúa creando copias de la capa distorsionada hasta que todas las gotas de mayor tamaño contengan el reflejo.

Several reflection layersSeveral reflection layersSeveral reflection layers

Paso 5

Presiona Shift+clic sobre todas las capas con reflejos y agrúpalas en Capa > Agrupar capas (Control+G).

Group Reflection LayersGroup Reflection LayersGroup Reflection Layers

Presiona Control+clic sobre la máscara de capa de la capa de gotas de agua para crear una selección. Luego, utiliza esta selección para crear una máscara para el grupo de reflejos en Capa > Máscara de capa > Descubrir selección.

Masking the Reflections groupMasking the Reflections groupMasking the Reflections group

Paso 6

Añade un estilo de capa con Resplandor interior al grupo de reflejos y establece los siguientes cambios:

  • Opacidad: 48%
  • Color brillante#eaeae6
  • Origen: Centro
  • Tamaño: 49 px
Inner Glow for reflections groupInner Glow for reflections groupInner Glow for reflections group

Paso 7

Para un efecto de reflejo más notorio, mueve el grupo de reflejos a abajo del grupo de gotas de agua.

Brighter reflections by changing the layer orderBrighter reflections by changing the layer orderBrighter reflections by changing the layer order

¡Terminaste, estupendo trabajo!

Final Water Drop EffectFinal Water Drop EffectFinal Water Drop Effect

Recuerda que las técnicas y configuraciones de este tutorial son solo una forma de conseguir este efecto; no son cambios mágicos. Te recomiendo experimentar con imágenes tuyas propias para que halles lo que funciona mejor en tu proyecto.

Si tú mismo trabajaste con este tutorial, ¡me encantaría ver tu creación! Comparte tu trabajo en los comentarios de abajo.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription.
Unlimited Downloads.
Get unlimited downloads