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 Añadir Drama a una Escena Lluviosa con Adobe Photoshop

Scroll to top
Read Time: 10 mins
This post is part of a series called Photoshop Portraits.
How to Create an Abstract Portrait With Rocks and Lava in Adobe Photoshop
How to Create Pop Art Photo Effects With Photoshop Actions

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

En éste tutorial, te mostraré cómo crear una colorida escena lluviosa que presenta a una mujer sentimental. Aprenderás cómo añadir un fondo colorido usando modos de fusión, retocar a la modelo y cuidar los detalles, crear lluvia usando un pincel personalizado, ajustar el color, y realzar la profundidad de campo.

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de éste tutorial:

1. Retocar a la Modelo

Paso 1

Crea un nuevo documento en Photoshop de 2000 x 1333 px con los ajustes dados:

new filenew filenew file

Paso 2

Abre la imagen de la modelo Arrastra ésta imagen en el lienzo blanco usando la Herramienta Mover (V).

add modeladd modeladd model

Paso 3

La modelo tiene una linda cara, pero he encontrado que su expresión realmente no encaja bien con el sentido que necesitamos en éste tutorial. El proceso de retoque estará reduciendo los "espacios muertos" y areas de luz no deseadas, cambiando algunos detalles de la cara para enfocarse en el aspecto y sentido de la modelo mientras se sigue respetando el origen de la luz original (de derecha a izquierda).

En la capa de la modelo, usa la Herramienta Lazo (L) para seleccionar la cara y ve a Capa > Licuar, y elige la Herramienta Deformar Hacia Adelante (W). Sus cejas son demasiado finitas y un poco alejadas de los ojos y ello crea un "espacio muerto". Usa ésta herramienta para bajar la posición de las cejas, levantar las esquinas de los labios un poco, y hacer el mentón un poco más largo.

model liquifymodel liquifymodel liquify

Aquí esta la apariencia después de licuar:

liquify resultliquify resultliquify result

Paso 4

Después de licuar, hay una parte no deseada de la ceja derecha. También, he notado que hay una línea borrosa no deseada en el fondo oscuro, y podría distraer el efecto final. Crea una nueva capa y activa la Herramienta Tampón de Clonar (S). Usa ésta herramienta para remover los detalles indicados:

clone detailsclone detailsclone details
clone resultclone resultclone result

Paso 5

Crea una nueva capa y usa un pincel redondo de alta dureza con el color #080508 para pintarle más ceja a la modelo.

paint eyebrowspaint eyebrowspaint eyebrows

Paso 6

Haz una nueva capa, cambia el modo a Sobreexponer Color 100%, y relleno con gris 50%:

DB new layerDB new layerDB new layer

Usa la Herramienta Sobreexponer (O) para refinar, realzar y hacer más nítidos los detalles de la cara como se mencionó arriba. Su frente es un poco larga, y hay una parte de luz innecesaria en el área entre el ojo izquierdo y la ceja. Deberías usar la Herramienta Subexponer para oscurecer la frente para hacerla ver más pequeña y para ocultar ésta parte de luz detrás del cabello. También utiliza la Herramienta Sobreexponer para incrementar la luz en el contorno del brazo derecho (agregaremos de nuevo la luz más adelante, así que debería ser más brillante de lo que es ahora) y un detalle en el hombro izquierdo. Puedes ver cómo lo hice con el modo Normal y el resultado con el Modo Sobreexponer.

DB normal modeDB normal modeDB normal mode
DB overlay modeDB overlay modeDB overlay mode

Paso 7

En una nueva capa, utiliza un pincel negro de dureza media para fortalecer las líneas de las pestañas. Ayuda a enfatizar los ojos.

eyelasheseyelasheseyelashes

Paso 8

Usa una nueva capa y un pincel suave con el color #bc7783 para pintar en la parte inferior izquierda de los labios para oscurecerlos un poco. Cambia éste modo de capa a Multiplicar 30%.

darken lipsdarken lipsdarken lips

Hemos terminado de retocar a la modelo. Puedes ver la captura de pantalla Antes/Después abajo. El proceso de retoque requiere algo de paciencia y atención, pero no dudes en tomarte el tiempo necesario para ello-¡Vale la pena!

before after resultbefore after resultbefore after result

2. El Ajuste Básico

Paso 1

Después de retocar a la modelo, cambiaremos un poco el color, la luminosidad y el contraste del fondo oscuro. Ve a Capa > Nueva Capa de Ajuste > Tono/Saturación y cambia los ajustes de Cianes y Azules. El objetivo es hacer el efecto final más colorido (lo verás en los últimos pasos).

model hue saturationmodel hue saturationmodel hue saturation
model hue saturation 2model hue saturation 2model hue saturation 2

Paso 2

Haz una capa de ajuste de Curvas e incrementa la luminosidad. En ésta máscara de capa, usa un pincel suave negro para borrar gran parte del fondo y a la modelo, dejando la luz visible sólamente en el área de contorno del brazo derecho.

model curves 1model curves 1model curves 1

Paso 3

Haz otra capa de ajuste de Curvas y disminuye la luminosidad. Usa ésta máscara de capa para hacer visible el efecto oscuro en la esquina izquierda de la escena-crea una apariencia de la modelo que se desvanece en el fondo oscuro.

model curves 2model curves 2model curves 2

3. Agrega el Fondo Ciudad

Paso 1

Abre la imagen de la ciudad. Necesitamos colocarla detrás de la modelo pero aún manteniendo la visibilidad de las gotas de lluvia. También, la sombrilla es semitransparente con muchas gotas diminutas así que usaremos los modos de fusión para importarla. Primero, coloca ésta imagen sobre la de la modelo y cambia el modo a Sobreexponer Color 100%.

add cityadd cityadd city
city color dodge modecity color dodge modecity color dodge mode

Paso 2

Oculta la capa de la ciudad y las capas de ajuste de la sección 2. Usa la Herramienta Selección Rápida (W) para seleccionar a la modelo y a las gotas de lluvia.

select model select model select model

Activa la capa de la ciudad y haz click en el segundo ícono en la parte inferior del panel Capas para agregar una máscara a ésta capa. Tenemos el resultado:

add layer mask resultadd layer mask resultadd layer mask result

Usa un pincel negro suave con una baja opacidad (de un 30-35%) para refinar la máscara, recubrir el cabello faltante, y hacer que la parte superior del fondo de la ciudad parezca semitransparente a través de la sombrilla.

refine the maskrefine the maskrefine the mask

Paso 3

Ve a Filtro > Desenfocar > Desenfoque Gaussiano y cambia el Radio a 12 px, para hacer que el fondo de la ciudad se vea separado de la modelo:

city gaussian blurcity gaussian blurcity gaussian blur

Paso 4

Aplica un Desenfoque de Movimiento con los ajustes de abajo para hacer el efecto más sutil.

city motion blurcity motion blurcity motion blur

Paso 5

Duplica la capa de la ciudad y cambia el modo a Pantalla 100%. También activa las capas de ajuste de la sección 2. Necesitarás refinar la máscara de nuevo usando un pincel negro suave.

city screen mode layer maskcity screen mode layer maskcity screen mode layer mask
screen mode resultscreen mode resultscreen mode result

Paso 6

Continúa duplicando la capa de la ciudad y altera el modo a Luz Fuerte 100%. Ello ayuda a incrementar el contraste y hacer que la modelo y el efecto de la lluvia realmente destaquen en el fondo oscuro. Aquí está la máscara y el resultado de éste paso.

city hard light mode layer maskcity hard light mode layer maskcity hard light mode layer mask
hard light mode resulthard light mode resulthard light mode result

Paso 7

Haz una capa de ajuste de Equilibrio de Color para ésta capa (establécelo como Máscara de Recorte) para hacer el efecto más colorido:

city color balance midtonescity color balance midtonescity color balance midtones
city color balance highlightscity color balance highlightscity color balance highlights

4. Agrega el Bokeh (Desenfoque)

Paso 1

Coloca la imagen bokeh (para el efecto de desenfoque) en la mitad superior de la escena y cambia el modo a Pantalla 100%.

add bokehadd bokehadd bokeh
bokeh screen modebokeh screen modebokeh screen mode

Paso 2

Usa una máscara de capa para borrar el bokeh en el cuerpo y rostro de la modelo, haciendo que el efecto aparezca en ambos lados del cabello y el fondo. Ello ayuda a hacer que la modelo se integre mejor con el fondo.

bokeh maskingbokeh maskingbokeh masking

Paso 3

Aplica los filtros Desenfoque Gaussiano y Desenfoque de Movimiento como lo hicimos con el fondo de la ciudad.

bokeh gaussian blurbokeh gaussian blurbokeh gaussian blur
bokeh motion blurbokeh motion blurbokeh motion blur

5. Crea la Lluvia y el Efecto de Lluvia

Paso 1

Primero haremos la lluvia. Hay muchas maneras de hacerla, o puedes ver mi tutorial Oscuro y Surreal. Si lo quieres intentar de otra forma, aquí está. Crea un nuevo documento de 100 x 600 px en Photoshop y elige el blanco como fondo. Selecciona un pincel negro de alta dureza y presiona F5 para cambiar los ajustes de éste pincel.

stroke settingsstroke settingsstroke settings

Cambia el color de frente a negro. Manten presionada la tecla Mayúsculas y pinta una línea desde arriba en el fondo blanco. Convierte ésta capa a Objeto Inteligente y usa la Herramienta Transformación Libre (Control-T) para hacerla más angosta, delgada y más larga.

paint linepaint linepaint line

Paso 2

Aplica un Desenfoque Gaussiano de 1 px a ésta línea:

line gaussian blurline gaussian blurline gaussian blur

Aplica un Desenfoque de Movimiento con los siguientes ajustes:

line motion blurline motion blurline motion blur

Oculta el fondo blanco y ve a Edición > Definir Valor de Pincel y nómbralo como quieras.

make brushmake brushmake brush

Paso 3

Regresa a nuestro documento principal y haz una nueva capa arriba de las capas y cambia el color de frente a blanco. Selecciona el pincel de lluvia que hemos creado en el paso anterior y cambia sus ajustes:

rain brush settingsrain brush settingsrain brush settings

Utiliza éste pincel para pintar la lluvia sobre la escena. Manten presionada la tecla de [ ó ] para cambiar el tamaño del pincel de la lluvia mientras pintas para darle un efecto más realista.

paint rainpaint rainpaint rain

Paso 4

Aplica un Desenfoque Gaussiano de 1.5 px para suavizar el efecto de la lluvia.

rain gaussian blurrain gaussian blurrain gaussian blur

Paso 5

Haz dos capas y cambia la dirección del pincel de la lluvia como se muestra abajo. Pinta la lluvia desde la izquierda y desde la derecha para encajar la perspectiva de la sombrilla.

paint falling rain 1paint falling rain 1paint falling rain 1
paint falling rain 2paint falling rain 2paint falling rain 2

Paso 6

Crea una nueva capa y selecciona un pincel blanco de dureza media con tamaño de entre 2-4 px para pintar las gotas de lluvia en la sombrilla y cayendo de ella. Disminuye la opacidad del pincel entre 50-70% para lograr un mejor efecto.

paint rain dropspaint rain dropspaint rain drops

Paso 7

La lluvia, como otros sujetos, es afectada por la luz del fondo. Crea una nueva capa y oculta todas las capas excepto la de la modelo. Usa la Herramienta Selección Rápida para seleccionar el fondo oscuro incluyendo las gotas de lluvia (usamos éste método una vez en la sección 3) y presiona Control-I para invertir ésta selección.

select rain dropsselect rain dropsselect rain drops

Usa un pincel suave con el color #f94a24 para pintar las gotas de lluvia, especialmente las que caen y que reciben la luz del fondo. Cambia éste modo de capa a Luz Suave 100%.

colorize rain dropscolorize rain dropscolorize rain drops

Paso 8

Para poner color para la lluvia que creamos en ésta sección, haz una nueva capa. Manten presionadas las teclas Control-Mayúsculas mientras haces click en las miniaturas de las capas de la lluvia y las gotas para cargar su selección. Utiliza el mismo pincel para pintar las gotas y altera el modo a Luz Suave 100%.

select painting rainselect painting rainselect painting rain
colorize painting raincolorize painting raincolorize painting rain

6. Pinta el Efecto de la Luz

Paso 1

Haz una nueva capa y usa un pincel suave con el color #fec036 y una opacidad de entre 30-40% para pintar en el contorno del brazo derecho para reflejar el fondo de luz ahí. Cambia el modo de ésta capa a Sobreexponer 100%.

right arm lightright arm lightright arm light

Paso 2

Crea una nueva capa con modo Sobreexponer y usa un pincel suave con el color #e68e4d para pintar luz en el contorno del brazo izquierdo. Hazla fina y sutil.

left arm light left arm light left arm light

Paso 3

Usa un pincel de alta dureza con el color #bad6ff para pintar las hebras de cabello en el área afectada por la luz azul.

blue hairblue hairblue hair

Paso 4

Cambia el color del pincel a #fde3ba y pinta en las áreas afectadas por la luz amarilla.

yellow hairyellow hairyellow hair

7. El Ajuste Final

Paso 1

Haz una ajuste de capa de Equilibrio de Color y cambia los ajustes de Medios Tonos e Iluminaciones.

whole scene color balance midtones whole scene color balance midtones whole scene color balance midtones
whole scene color balance highlightswhole scene color balance highlightswhole scene color balance highlights

Paso 2

Crea una capa de ajuste de Consulta de Colores y elige Fallcolors.look. Disminuye la opacidad de ésta capa a 50%.

color lookupcolor lookupcolor lookup

Paso 3

Agrega una capa de ajuste de Filtro de Fotografía y selecciona el color #1b9c85.

photo filterphoto filterphoto filter

Paso 4

Crea una capa de ajuste de Curvas para cambiar el color y el contraste un poco.

whole scene curveswhole scene curveswhole scene curves

Paso 5

Haz una capa de ajuste de Niveles para oscurecer la escena. En ésta máscara de capa, borra ambos lados del cabello para revelar los detalles ahí.

whole scene levelswhole scene levelswhole scene levels

Paso 6

Usa una capa de ajuste de Intensidad para realzar el efecto:

vibrancevibrancevibrance

Paso 7

El último paso: usa un pincel suave negro para pintar en las esquinas superiores de la escena para incrementar la sombra ahí. Cambia el modo de capa a Luz Suave 100%.

darken edgesdarken edgesdarken edges

¡Felicitaciones, terminaste!

Espero que hayas disfrutado mi tutorial y aprendido algo nuevo. Con toda confianza comparte tus ideas o comentarios en el cuadro de abajo-me encantaría verlos. ¡Disfruta Photoshopeando!

final resultfinal resultfinal result
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.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.