Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Manipulation
Design

Cómo Añadir Drama a una Escena Lluviosa con Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
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 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 file

Paso 2

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

add 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 liquify

Aquí esta la apariencia después de licuar:

liquify 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 details
clone 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 eyebrows

Paso 6

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

DB 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 mode
DB 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.

eyelashes

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 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 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 saturation
model 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 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 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 city
city 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

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 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 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 blur

Paso 4

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

city 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 mask
screen 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 mask
hard 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 midtones
city 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 bokeh
bokeh 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 masking

Paso 3

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

bokeh gaussian blur
bokeh 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 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 line

Paso 2

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

line gaussian blur

Aplica un Desenfoque de Movimiento con los siguientes ajustes:

line motion blur

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

make 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 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 rain

Paso 4

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

rain 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 1
paint 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 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 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 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 rain
colorize 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 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

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 hair

Paso 4

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

yellow 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 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 lookup

Paso 3

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

photo filter

Paso 4

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

whole 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 levels

Paso 6

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

vibrance

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 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 result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.