1. Design & Illustration
  2. Drawing/Illustration

Cómo crear una manipulación fotográfica de una escena de miedo en una ventana con Adobe Photoshop

Scroll to top
Read Time: 8 min
This post is part of a series called Horror Movie Week.
How to Create a Vintage Hitchcock Poster for Halloween
How to Create a Friday the 13th Themed Icon Pack in Adobe Illustrator

() translation by (you can also view the original English article)

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

En este tutorial te mostraré cómo crear una escena de terror basada en la película "The Uninvited". Aprenderás a combinar diferentes imágenes de stock en una escena cohesiva, hacer una ventana personalizada, cambiar la luz y la sombra, mejorar el color, ajustar la atmósfera, mejorar la profundidad de campo, y mucho más.

Recursos del tutorial

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

1. Añade el fondo y las partículas

Paso 1

Crea un nuevo documento de 1650 x 1650 px en Photoshop con los siguientes ajustes:

new filenew filenew file

Paso 2

Abre la imagen de fondo. Arrastra esta imagen sobre el lienzo negro utilizando la herramienta Mover (V).

add backgroundadd backgroundadd background

Paso 3

Ve a Filtro > Desenfocar > Desenfoque gaussiano y cambia el Radio a 6 px. Esto ayuda a aumentar la profundidad de la escena.

background gaussian blurbackground gaussian blurbackground gaussian blur

Paso 4

Ve a Capa > Nueva capa de ajuste > Curvas y disminuye la luminosidad. En esta máscara de capa, usa un pincel circular difuso con color negro (pincel negro difuso) para borrar la parte derecha de la escena y mantener la luminosidad allí.

background curves background curves background curves

Paso 5

Coloca la imagen de las partículas sobre el lienzo principal y cambia el modo a Trama 100%.

add particlesadd particlesadd particles

Paso 6

Para hacer un efecto fantasmagórico y espeluznante, ve a Filtro > Distorsionar > Proyectar y aplica el siguiente cambio:

particles shearparticles shearparticles shear

Paso 7

Continúa aplicando un filtro de Desenfoque de movimiento para reforzar el aspecto maligno.

particles motion blurparticles motion blurparticles motion blur

Paso 8

Haz clic en el segundo icono de la parte inferior del panel Capas para añadir una máscara a esta capa. Utiliza un pincel negro difuso para reducir la intensidad de las partículas como se muestra a continuación.

particles maskingparticles maskingparticles masking

2. Añade la ventana

Paso 1

Abre la imagen de la ventana y aísla la ventana del medio. Coloca esta parte de la ventana sobre el lienzo.

add windowadd windowadd window

Paso 2

Utiliza la herramienta Marco rectangular (M) para seleccionar una parte de la imagen original y añádela a la izquierda para rellenar el área que falta allí.

window fillingwindow fillingwindow filling

Paso 3

El ancho de los marcos de la ventana es demasiado grande, por lo que da la impresión de que la ventana está demasiado cerca. Para solucionarlo, utiliza primero una máscara de capa para eliminar todos los travesaños de la ventana (utiliza un pincel definido, no difuso, para mantener el realismo de los bordes).

window maskingwindow maskingwindow masking

Paso 4

Selecciona un travesaño vertical de la imagen original y añádelo a la izquierda de la ventana existente después de reducir su anchura. Duplica esta capa y muévela hacia la derecha. Divide el ancho de la ventana en tres secciones y coloca los travesaños en el primer y segundo lugar.

add vertical railsadd vertical railsadd vertical rails

Paso 5

Añade los travesaños horizontales utilizando el mismo método.

add horizontal railsadd horizontal railsadd horizontal rails

Paso 6

Hay un montón de detalles no deseados a lo largo de los travesaños y los marcos. En cada una de las capas de la ventana y los travesaños, haz una nueva capa y establécela como Máscara de recorte. Activa la herramienta Clonar (S) para arreglar estos detalles indicados, incluyendo la sombra del travesaño en el centro.

window cloningwindow cloningwindow cloning
cloning resultcloning resultcloning result

Paso 7

En este paso añadiremos la sombra para los travesaños verticales. Haz una nueva capa y selecciona el área de sombra de los travesaños en el centro (puedes desactivar la capa de clonación para verla más claramente).

select rail shadowselect rail shadowselect rail shadow

Selecciona la capa clonada y pulsa Control-C para copiar el área de sombra y luego selecciona la nueva capa, pulsa Control-V para pegar la sombra allí. Mueve la sombra a la posición adecuada para el primer travesaño.

add first rail shadowadd first rail shadowadd first rail shadow

Duplica esta capa y muévela a la derecha para el segundo travesaño.

add second rail shadowadd second rail shadowadd second rail shadow

Paso 8

Selecciona todas las capas de la ventana y los travesaños y pulsa Control-G para crear un grupo. Cambia el modo de este grupo a Normal 100% y crea una capa de ajuste de Tono/Saturación dentro del grupo. Reduce el valor de Saturación a -87:

window hue saturationwindow hue saturationwindow hue saturation

Paso 9

Añade una capa de ajuste de Curvas y aumenta mucho la luz. Queremos añadir la luz principal de la derecha, así que en esta máscara de capa, utiliza un pincel negro para borrar la luz de los bordes y las zonas ocultas.

window curves 1window curves 1window curves 1
window curves 1 maskingwindow curves 1 maskingwindow curves 1 masking
window curves 1 resultwindow curves 1 resultwindow curves 1 result

Paso 10

Crea otra capa de ajuste de Curvas para aumentar la sombra en los bordes.

window curves 2window curves 2window curves 2

3. Añade el niño

Paso 1

Aísla el niño del fondo original y colócalo en el centro del lienzo. Coloca la capa del niño debajo del grupo de ventanas.

add childadd childadd child

Paso 2

Crea una nueva capa por encima de la capa del niño (configurada como Máscara de recorte) y utiliza la herramienta Clonar para eliminar el texto blanco y la línea de su disfraz. También reduce la sombra bajo la barbilla y la nariz.

child cloningchild cloningchild cloning

Paso 3

La luz del fondo viene de la derecha, por lo que la cabeza del niño debe crear una sombra sobre el cuerpo. Haz una nueva capa y utiliza un pincel negro semidifuso con una opacidad del 30-40% para pintarla en el hombro izquierdo.

add head shadowadd head shadowadd head shadow

Paso 4

Crea una capa de ajuste Tono/Saturación y reduce el valor de Saturación a -62:

child hue saturationchild hue saturationchild hue saturation

Paso 5

Añade una capa de ajuste de Curvas y haz que el niño sea mucho más oscuro. En esta máscara de capa, utiliza un pincel negro difuso para hacer visible la luz en el contorno y revelar los detalles de su vestuario.

child curveschild curveschild curves

Paso 6

Crea una capa de ajuste de Niveles para oscurecer más al niño. Aquí están las áreas que debes enmascarar para mantener su luminosidad y detalles.

child levelschild levelschild levels

Paso 7

Crea una nueva capa, cambia el modo a Superponer 100% y rellena con gris al 50%:

D B new fileD B new fileD B new file

Utiliza la herramienta Sobreexponer y Subexponer (O) con Rango de Tonos medios, Exposición alrededor del 15-20% para perfeccionar la luz y la sombra en el niño y hacer más visibles algunas arrugas de su vestuario. Puedes ver cómo lo hice con el modo Normal y el resultado con el modo Superponer:

DB resultDB resultDB result

Paso 8

Es hora de decorar los ojos. Crea una nueva capa y utiliza un pincel semidefinido con el color #c2c0c0, la opacidad alrededor de 30-35% para pintar en el centro de los ojos:

eyes 1eyes 1eyes 1

Paso 9

En una nueva capa, utiliza el mismo pincel pero con una mayor opacidad (alrededor del 50%) para pintar las pupilas blancas dentro de los ojos.

eyes 2eyes 2eyes 2

Paso 10

Utiliza un pincel negro definido, tamaño 1 px para pintar los pequeños puntos negros dentro de las pupilas. Píntalos en las partes inferiores para que parezca que mira hacia abajo.

eyes 3eyes 3eyes 3

4. Haz el efecto de sangre

Paso 1

Abre la imagen de la salpicadura de sangre 1. Aíslala del fondo blanco usando la herramienta Varita mágica (W). Añádela a la cara y al cuerpo del modelo y cambia el modo a Multiplicar 100%.

add blood 1add blood 1add blood 1

Utiliza una máscara de capa para borrar la sangre en la frente y el disfraz.

blood 1 maskingblood 1 maskingblood 1 masking

Paso 2

Añade más efectos sangrientos utilizando diferentes partes de la salpicadura.

add more blood 1add more blood 1add more blood 1

Paso 3

Haz un grupo para las capas de sangre y cambia el modo del grupo a Multiplicar 100%. Utiliza una capa de ajuste de Tono/Saturación para desaturar un poco la sangre roja:

blood 1 hue saturationblood 1 hue saturationblood 1 hue saturation

Paso 4

Abre la imagen de la sangre 2. Utiliza la herramienta Lazo (L) para seleccionar un área de sangre en el lado de la frente y añádela al centro de la cara del niño.

add blood 2add blood 2add blood 2

Cambia el modo de capa a Superponer 100% y utiliza una máscara de capa para suavizar los bordes definidos y hacer una boca ensangrentada para el niño.

blood 2 masking blood 2 masking blood 2 masking

Paso 5

Añade más efectos sangrientos a la cara, los brazos y el cuerpo utilizando el mismo método.

add more blood 2add more blood 2add more blood 2

Paso 6

Haz una nueva capa encima de las otras capas, cambia el modo a Superponer 100% y rellena con gris al 50%. Utiliza la herramienta Subexponer para crear más detalles y profundidad para los efectos sangrientos.

blood detailsblood detailsblood details

5. Crea el efecto de vidrio

Crea una capa de Relleno de color y elige un color similar al del fondo (#787676). Baja la opacidad de esta capa al 20% para crear un sutil efecto de cristal para la ventana.

color fill color fill color fill

Pinta en los bordes de la ventana y los travesaños para que queden en la sombra.

color fill maskingcolor fill maskingcolor fill masking

6. Añade la cortina

Paso 1

Abre la imagen de la cortina. Primero utiliza la herramienta Varita mágica para aislar la cortina del fondo. Después, selecciona la parte derecha de la cortina (puedes elegir la izquierda, son iguales) para colocarla en la parte superior derecha de la ventana:

add curtainadd curtainadd curtain

Paso 2

Añade una máscara a esta capa y utiliza un pincel difuso con una opacidad baja (alrededor del 20-25%) para enmascarar cuidadosamente la parte de la cortina que cubre los travesaños de la ventana. Sigue las arrugas para que parezca semitransparente.

curtain maskingcurtain maskingcurtain masking

Paso 3

Crea una capa de ajuste Tono/Saturación y baja el valor de Saturación a -96.

curtain hue saturation curtain hue saturation curtain hue saturation

Paso 4

Haz una capa de ajuste de Curvas para oscurecer la cortina. Las áreas seleccionadas muestran dónde pintar en la máscara de capa.

curtain curvescurtain curvescurtain curves

Paso 5

Utiliza la herramienta Sobreexponer y Subexponer para perfeccionar las luces y las sombras de la cortina.

curtain DBcurtain DBcurtain DB

7. El ajuste final

Paso 1

Crea una capa de ajuste de Mapa de degradado en la parte superior de las capas y elige los colores #031f31 y #06bafd. Baja la opacidad de esta capa al 60%.

gradient map 1gradient map 1gradient map 1

Paso 2

Haz otra capa de ajuste de Mapa de degradado y cambia los colores a #e10019 y #00601b. Baja la opacidad de esta capa al 20%.

gradient map 2gradient map 2gradient map 2

Paso 3

Añade una capa de ajuste de Curvas para aumentar el contraste de la imagen.

whole scene curves 1whole scene curves 1whole scene curves 1

Paso 4

Utiliza otra capa de ajuste de Curvas para cambiar la luz y el color de la escena.

whole scene curves 2whole scene curves 2whole scene curves 2

Paso 5

Haz una capa de ajuste de Intensidad para mejorar el efecto final:

vibrancevibrancevibrance

Enhorabuena, ¡ya está listo!

Espero que hayas disfrutado de mi tutorial y hayas aprendido algo nuevo. Siéntete libre de compartir tus ideas o comentarios en el cuadro de abajo; me encantaría leerlos. ¡Disfruta de Photoshop!

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.
One subscription. Unlimited Downloads.
Get unlimited downloads