1. Design & Illustration
  2. Halloween

Crear una escena de bosque espeluznante en Adobe Photoshop

Scroll to top
Read Time: 15 min

() 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, crearás una cabaña espeluznante en el bosque con Adobe Photoshop. Aprenderá sobre una variedad de herramientas de manipulación de fotos, y verá cómo puede agregar efectos visuales para transmitir un estado de ánimo de Halloween. Así que prepárate para agregar una atmósfera de terror y terror a esta pintoresca casita en el bosque.

Activos del Tutorial

Tendrá que descargar las siguientes imágenes para seguir junto con este tutorial. Son libres de www.pixabay.com pero requieren un registro de usuario.

1. Prepare la casa

Antes de que podamos simplemente dejar caer cualquier casa vieja en un bosque, tenemos que hacer un poco de remodelación. Por supuesto, la casa debe verse dilapidada y abandonada. Pero también necesita adaptarse al entorno que buscamos establecer.

Paso 1

Abra la imagen de la casa abandonada llamada abandones-house-177105.jpg en Photoshop. Diseñe una selección alrededor de la parte principal de la casa, ignorando las adiciones a la estructura en el extremo izquierdo y derecho.

Select the spooky houseSelect the spooky houseSelect the spooky house

Paso 2

Copie la selección de la casa a una nueva capa con Capa > Nuevo > Duplicar (Control-J) y luego elimine la capa de fondo original. Esto es para que el objeto inteligente resultante no transporte píxeles adicionales.

Copy house to new layer and delete backgroundCopy house to new layer and delete backgroundCopy house to new layer and delete background

Paso 3

Cree una selección alrededor de la puerta y cópiela en una nueva capa. Luego vaya a Edición > Transformar > Voltear horizontalmente y vuelva a colocar la puerta para cubrir la primera ventana en el lado izquierdo de la casa.

Duplicate the door and add to left side of the houseDuplicate the door and add to left side of the houseDuplicate the door and add to left side of the house

Paso 4

El brillo brillante en el resto de las ventanas no funcionará para nuestra configuración de bosque oscuro. Momentáneamente esconde la capa de la puerta y crea una selección alrededor de la parte superior de la primera ventana (la que no tiene un brillo brillante en el cristal). Copia eso en una nueva capa y reposiciona sobre la parte superior de la segunda ventana. Use Editar > Transformar > Distorsionar para ajustar la ventana en la nueva posición. Copia la capa dos veces más y colócala sobre las otras ventanas también.

Hiding the bright highlights on the window glassHiding the bright highlights on the window glassHiding the bright highlights on the window glass

Paso 5

Hemos terminado con los preparativos básicos de la casa. Ahora podemos ubicar nuestra espeluznante casa en un bosque espeluznante. Revele la capa de la puerta nuevamente y guarde este archivo como House.psd y cierre el archivo.

Spooky House ready to goSpooky House ready to goSpooky House ready to go

2. Ingrese el bosque

¡Los bosques son una hermosa porción de la naturaleza! Perfecto para una pequeña casita pintoresca. ¡Excepto, por supuesto, en una noche oscura y brumosa! Entonces son realmente terroríficos.

Paso 1

Abre el archivo de escena del bosque brumoso, pine-273828.jpg. A continuación, deposite la casa como un objeto inteligente yendo a Archivo > Lugar > Colocar incrustado y elija el archivo House.psd. Posicione y escale la casa para que el camino parezca conducir a la entrada.

Place the house into the forest settingPlace the house into the forest settingPlace the house into the forest setting

Paso 2

Duplique la capa de fondo con Capa > Duplicar Capa y coloque la copia sobre la capa de la casa para que oculte la casa por completo. Esto servirá como el área de bosque en primer plano.

Duplicate the background layer over the houseDuplicate the background layer over the houseDuplicate the background layer over the house

Paso 3

Para crear las áreas semitransparentes de la niebla, configure la Luminosidad de la imagen yendo al panel Canales. Control: con clic en el canal RGB compuesto para cargar las áreas brillantes como una selección. A continuación, regrese al panel Capas y mantenga presionada la tecla Alt mientras presiona el ícono Nueva máscara de capa. Esto convertirá la selección en una máscara de capa, ¡pero también la invertirá!

Use a luminosity selection to mask out the foreground treesUse a luminosity selection to mask out the foreground treesUse a luminosity selection to mask out the foreground trees

Paso 4

Los árboles de primer plano deben ser completamente opacos, y en este momento son semitransparentes. Asegúrese de que la máscara de capa aún esté seleccionada y vaya a Imagen > Ajustes > Niveles (Control-L). Tire del asa más a la derecha hacia el centro para aumentar el contraste hasta que la casa no sea visible a través de los troncos de los árboles.

Use Levels to adjust the maskUse Levels to adjust the maskUse Levels to adjust the mask

Paso 5

Algunos de los troncos de los árboles que deberían estar detrás de la casa aparecen débilmente delante de él. La corrección de esto requiere cepillar manualmente la máscara con un pincel de bordes suaves. Establezca el color de la pintura en negro y la Opacidad del pincel en 10% y acumule lentamente el efecto, usando múltiples golpes, hasta que el árbol rebelde desaparezca detrás de la casa.

Touch up mask to remove visible backgorund treesTouch up mask to remove visible backgorund treesTouch up mask to remove visible backgorund trees

Paso 6

Mejore el efecto creando una capa de bosque duplicada. Establezca el modo de fusión en Multiplicar y reduzca la Opacidad al 66%. Luego, use un cepillo negro grande y de bordes suaves en la máscara para hacer que el área de la entrada de la casa sea un poco más visible.

Duplicate the forest layer to enhance the effectDuplicate the forest layer to enhance the effectDuplicate the forest layer to enhance the effect

Paso 7

Para comenzar a crear los efectos atmosféricos, agregue una Capa de ajuste de filtro de fotografía y ajuste el filtro a Azul profundo y la Densidad a 33%

Add a Photo Filter Add a Photo Filter Add a Photo Filter

Paso 8

Duplique el Filtro de fotos y configure el modo de fusión en Luz suave y reduzca la Opacidad al 36%. Luego use un Gradiente radial en la máscara que va de Negro a Transparente, para eliminar el efecto del área de la trayectoria del primer plano.

Second Photo FilterSecond Photo FilterSecond Photo Filter

Paso 9

La casa es un poco de color del resto de la escena del bosque. Así que agrega una Capa de Ajuste de Tono / Saturación y pégala a la capa de la Casa. Deje Hue en 0 y configure Saturación en -27 y Luminosidad en -21.

adjust house color with huesatadjust house color with huesatadjust house color with huesat

Paso 10

Incluso en esta niebla espesa, la casa parece un poco demasiado lavada. Aumente el contraste agregando una capa de ajuste de curvas recortada a la parte superior de la capa de la casa también. Luego ajuste las curvas para crear una forma de S suave. Tenga cuidado de no iluminar la casa, manteniendo los puntos de la curva por debajo de su posición original para que el efecto general sea más oscuro.

Adding curves to increase contrastAdding curves to increase contrastAdding curves to increase contrast

3. La niebla se arrastra en...

La neblina que oculta los elementos visuales es parte de lo que hace que la escena sea tan espeluznante. La sola idea de que hay cosas que no podemos ver. Siempre asumimos que pueden vernos a través de la misma niebla. ¿Tal vez los ghouls tienen "visión de niebla"?

Paso 1

Agregue una nueva capa sobre las capas de ajuste de la casa llamadas Niebla Gradual. Use un gradiente lineal configurado en primer plano a transparente. Establezca el color de primer plano en 756860 y cree un gradiente que se eleve desde la parte inferior de la escena. Debido a que esta capa todavía está detrás de las capas de los árboles en primer plano, no será tan visible a lo largo del camino, sino que se verá principalmente en la base de la casa.

Adding fog to the base of the houseAdding fog to the base of the houseAdding fog to the base of the house

Paso 2

La niebla es demasiado suave y perfecta; necesita alguna variación para parecer más realista. Vaya a Filtro > Ruido > Agregar ruido. Establezca la cantidad al 10%.

Add noise to the fogAdd noise to the fogAdd noise to the fog

Paso 3

Dirígete a la capa House y crea una selección justo alrededor de la ventana superior. Vaya a Capa > Nuevo > Capa mediante copia (Control-J) para copiar la ventana en una nueva capa. Mueva esa capa hacia arriba sobre la capa de niebla gradual.

Create a layer from the top windowCreate a layer from the top windowCreate a layer from the top window

Paso 4

Dale a la ventana un resplandor amarillo sobrenatural al recortar una capa de ajuste de tono / saturación en la capa de la ventana. Verifique el cuadro Colorear y configure el tono en 55, la saturación en 100 y la luminosidad en -21.

Paso 5

La ventana amarilla necesita un brillo espeluznante. Agregue una nueva capa a la parte superior de la pila llamada WindowGlow. Cree una selección aproximada alrededor del marco de la ventana y llénelo con el amarillo brillante ebe47a. Cancele la selección con Seleccionar > Anular selección (Control-D) y luego configure el Modo fusión en Trama. Vaya a Filtro > Desenfocar > Desenfoque gaussiano y use un Radio de 20 píxeles.

Add a glow to the yellow windowAdd a glow to the yellow windowAdd a glow to the yellow window

Paso 6

Una luz de ese brillo arrojaría un área visible que brillaría en la densa niebla. Agregue una nueva capa, AreaGlow, luego use la herramienta Lazo poligonal (L) para crear una selección en forma de un rayo de luz que brille de la ventana. Use un gradiente radial del mismo color amarillo, ebe47a a transparente. Comience la pendiente en la ventana y estírela hasta el final de la selección.

Adding the light beamAdding the light beamAdding the light beam

Paso 7

Establezca el Modo de fusión en Luz suave y reduzca la Opacidad al 60%. Luego, vaya a Filtro > Desenfocar > Desenfoque gaussiano y use un Radio de 5 píxeles.

Soften the area glowSoften the area glowSoften the area glow

Paso 8

El haz de luz debería tener más impacto en la apariencia de la casa detrás de él. Presione la tecla Control y haga clic en la capa AreaGlow para crear una selección y luego agregue una Capa de ajuste de brillo / contraste. La selección se convierte automáticamente en la máscara de capa en la capa de recorte. Establezca el Brillo en 33 y el Contraste en -50.

adding brightnesscontrast to the window area glowadding brightnesscontrast to the window area glowadding brightnesscontrast to the window area glow

Paso 9

La niebla podría usar alguna variación para romper la apariencia sólida. ¡Así que vamos a crear una textura de niebla ondulante y ondulante! Primero crea una nueva capa, FogSwirlTexture. A continuación, toque la tecla D para establecer los colores predeterminados en blanco y negro. Vaya a Filtro > Interpretar > Nubes para llenar el lienzo con la textura de la nube.

Cloud textureCloud textureCloud texture

A continuación, vaya a Filtro > Galería de filtros y elija el filtro de Chrome de la carpeta Sketch. Establezca el Detalle en 0 y Suavidad en 10.

Chrome filter settingsChrome filter settingsChrome filter settings

Luego termine la textura con Filtro> Desenfocar> Desenfoque gaussiano usando un radio de 10 píxeles.

Gaussian blur to soften the fog textureGaussian blur to soften the fog textureGaussian blur to soften the fog texture

Paso 10

Cree una selección rectangular sobre la textura de niebla y cópiela en una nueva capa con Capa > Nueva > Capa a través de Copia y asígnele el nombre AreaGlowTexture. Oculta la capa de textura original y transforma la capa AreaGlowTexture para que quepa aproximadamente sobre el brillo del área de la ventana. Ilumine la textura con Imagen > Ajustes > Niveles (Control-L) deslizando el controlador hacia la derecha hacia la izquierda.

Add an area glow textureAdd an area glow textureAdd an area glow texture

Paso 11

Establezca el Modo de fusión en Superposición y reduzca la Opacidad al 80%. Luego, presione la tecla Control y haga clic en la capa AreaGlow para crear una selección para usar como máscara de capa.

Fog texture in the area glowFog texture in the area glowFog texture in the area glow

Así es como debe verse su proyecto en este punto. ¡Las cosas están empezando a ponerse realmente serias! ¡Pero están a punto de empeorar!

Progress so far I wouldnt want to find this place at nightProgress so far I wouldnt want to find this place at nightProgress so far I wouldnt want to find this place at night

4. Crea efectos de iluminación espeluznantes

La niebla juega con la luz y las sombras de maneras interesantes. Creando otro sutil asentimiento hacia la espeluznante, porque la forma en que la luz se disipa en la niebla nos resulta desconocida.

Paso 1

Cree una nueva capa llamada DarkerMist y establezca el Modo de fusión en Luz fuerte y la Opacidad en 62%. Mantenga presionada la tecla Control y haga clic en la capa House para crear una selección y vaya a Seleccionar > Invertir para seleccionar el área que no sea la casa. Tome un pincel grande de bordes suaves y mantenga la opacidad del pincel en alrededor del 15%. Mantenga presionada la tecla Alt y muestree un color oscuro de la niebla. Luego, pinte suavemente en las áreas más oscuras que rodean el techo de la casa.

Darken the fog just behind the houseDarken the fog just behind the houseDarken the fog just behind the house

Paso 2

Cancele la selección con Seleccionar > Anular selección (Control-D). Agregue una nueva capa justo debajo de la capa WindowGlow y asígnele el nombre HouseShadows. Establezca el modo de fusión en Multiplicar y el color de primer plano en negro predeterminado. Todavía usando el pincel suave, pinta en sombras más oscuras en la casa. Céntrate en crear sombras debajo de los aleros y dentro de la entrada. Si las sombras se desarrollan demasiado rápido, reduzca la opacidad de la capa.

Painting in ShadowsPainting in ShadowsPainting in Shadows

Paso 3

Cree otra capa sobre la capa HouseShadows y asígnele el nombre YellowGlow. Establezca el Modo de fusión en Color Dodge. Vaya al panel de Canales para seleccionar nuevamente la imagen de Luminosidad haciendo Control-clic en la miniatura RGB. Luego use esta selección como una Máscara de capa en la nueva capa YellowGlow.

Add a yellow glowAdd a yellow glowAdd a yellow glow

Paso 4

Asegúrate de que la capa YellowGlow es la capa activa, no la máscara. Use el pincel ahora para pintar en derrames de luz amarilla (color de pintura bbb84e) a lo largo del camino y el borde interior de los árboles. La máscara de luminosidad garantiza que la pintura solo se aplique a las zonas iluminadas, lo que facilita considerablemente este paso.

Painting in light spillsPainting in light spillsPainting in light spills

5. ¿Qué acecha en la oscuridad?

Para hacer que la escena sea realmente aterradora, necesita algunas sorpresas ocultas. La ventana brillante siempre atrae la mirada, pero una vez que el espectador comienza a explorar la escena, ¡recompensémoslos con algunos hormigueos en la columna vertebral!

Paso 1

Agregue una nueva capa llamada Silhouette sobre la capa YellowGlow. Mantenga presionada la tecla Alt para muestrear un color gris más oscuro de uno de los troncos de los árboles. En el extremo derecho, cerca de uno de los árboles, use un pincel de bordes suaves para dibujar en una vaga forma humana.

Sketch in the shape of a personSketch in the shape of a personSketch in the shape of a person

Paso 2

Vamos a convertir la sombra en un ghoul. Vaya a Editar > Colocar vinculados y elija la imagen del cráneo llamada skull-219795_1280.jpg. Establezca el Modo de fusión en Sobreexponer Color y la Opacidad en 20%. Escala y posiciona la capa del cráneo para que encaje dentro del área de la campana de la sombra. A continuación, agregue un Filtro > Desenfoque> Desenfoque gaussiano con un radio de 1.0 píxeles.

Add a haunting skull image to the shadowy figureAdd a haunting skull image to the shadowy figureAdd a haunting skull image to the shadowy figure

Paso 3

Abra la imagen del gato llamado cat-174526.jpg. (Ese es el nombre del archivo, dudo mucho que sea el nombre del gato). Use la herramienta de selección rápida para seleccionar los ojos de gato y vaya a Editar > Copiar (Control-C).

select the cats eyesselect the cats eyesselect the cats eyes

Paso 4

De vuelta en el archivo principal del proyecto, vaya a Editar > Pegar (Control-V) para depositar los ojos como una nueva capa. Cambie el Modo de fusión a Trama, de modo que solo se vea el verde amarillento brillante. Escala los ojos hasta un tamaño apropiado y escóndelos en el área sombreada. Un rápido toque de Filtro> Desenfocar> Desenfoque gaussiano con un radio de 1.0 píxel ayudará a que los ojos se mezclen de forma más uniforme.

Add the glowing eyes to the shadows in the woodsAdd the glowing eyes to the shadows in the woodsAdd the glowing eyes to the shadows in the woods

Paso 5

Duplicar la capa de ojos para poner en otras sombras alrededor del bosque. ¡La idea es dar la sensación de que el espectador podría estar rodeado de criaturas invisibles de la noche!

Glowing eyes all aroundGlowing eyes all aroundGlowing eyes all around

Paso 6

Agregue un poco de niebla en remolino a la pasarela al duplicar la capa FinkSwirlTexture. Use la herramienta Editar > Transformar > Perspectiva para hacer que la textura coincida generalmente con la perspectiva de la pasarela. Establezca el Modo de fusión en Superposición y la Opacidad en 29%. Si los bordes duros son visibles, utilice la herramienta Borrador (E) con una punta de pincel suave para eliminarlos.

Undulating fog on the walkwayUndulating fog on the walkwayUndulating fog on the walkway

Paso 7

Revela la capa original de FogSwirlTexture nuevamente. Establezca el Modo de fusión en Superposición y la Opacidad en 27%. Agregue una Máscara de capa y use un Gradiente lineal que vaya de Negro a Blanco en la máscara para atenuar la textura a medida que se aleja del suelo.

Final Fog textureFinal Fog textureFinal Fog texture

6. Efectos finales

Para rematar la pieza, usemos una técnica que hace que la escena parezca como si incluso los árboles estuvieran llegando para atraparnos.

Paso 1

Mantenga presionada la tecla Alt y vaya a Capa > Combinar visible para crear una capa fusionada en la parte superior de la pila de capas. Luego, vaya a Filtro > Filtro de cámara sin procesar. En la pestaña Básica, configure el control deslizante Claridad en 100 y la Vibrancia en 5.

Camera Raw settingsCamera Raw settingsCamera Raw settings

Después de aplicar la configuración de Camera Raw, su escena ahora debería verse similar a esta.

Almost finished spooky houseAlmost finished spooky houseAlmost finished spooky house

Paso 2

Agregue una capa llamada Grabar encima de la capa Fusionar. Vaya a Edición > Rellenar y elija 50% gris de las opciones de contenido y presione OK. Cambie el Modo de fusión de la capa a Superposición para que el relleno gris se vuelva completamente invisible. Luego, usando el pincel de bordes suaves, cargado con pintura negra, comience a oscurecer las áreas sombreadas principales.

Darken the Shadows with a Burn layerDarken the Shadows with a Burn layerDarken the Shadows with a Burn layer

Aquí puede ver las áreas que elegimos oscurecer con esta técnica.

Burn areas clearly visibleBurn areas clearly visibleBurn areas clearly visible

Paso 3

Agregue una nueva capa llamada Dodge. Llénalo con 50% de gris de la misma manera que se llenó la capa de Grabar. Nuevamente, establezca el Modo de fusión en Superposición. Esta vez, use pintura blanca en la capa para acentuar los aspectos más destacados de la ventana brillante y el reflejo de la luz a lo largo del trazado .

Dodge the highlightsDodge the highlightsDodge the highlights

Aquí hay una vista clara de la capa de Dodge para ver las áreas resaltadas pintadas.

Clear view of the highlight areasClear view of the highlight areasClear view of the highlight areas

Paso 4

Cree otra capa fusionada manteniendo presionada la tecla Alt mientras va a Capa > Combinar visible.

Another merged layerAnother merged layerAnother merged layer

Paso 5

Vaya a Filtro > Filtro de la cámara sin procesar. En la pestaña Básico, configure el Contraste a +42 y Claridad a +39.

Camera Raw Basic settingsCamera Raw Basic settingsCamera Raw Basic settings

Cambie a la pestaña Correcciones del objetivo y configure la Distorsión a -25 y la Vertical a +10. Esto agrega un efecto de distorsión sutil que hace que los árboles parezcan doblarse hacia adentro, lo que aumenta la apariencia desconcertante de la escena.

Lens Corrections SettingsLens Corrections SettingsLens Corrections Settings

En la pestaña Efectos, establezca la Cantidad de grano en 30 con un Tamaño de 25 y Rugosidad de 50. Esto agrega un efecto de grano de película, que es otro empujón sutil hacia la espeluznante general de la escena.

Add film grain effectAdd film grain effectAdd film grain effect

Paso 6

El efecto final para agregar es una viñeta de desenfoque de lente que borrará los bordes exteriores de la escena y ayudará a mantener el foco en el centro. Vaya a Filtro > Galeria > Desenfoque Iris. Mantenga el desenfoque configurado en 15 px, y dibuje la elipse de desenfoque para que quepa justo dentro de los límites del área del lienzo.

Final Lens BlurFinal Lens BlurFinal Lens Blur

Conclusión

Así que aquí está nuestra escena final del bosque temebroso.

Espero que este haya sido un proyecto tan divertido y emocionante para ti como lo fue para mí. Me encanta encontrar nuevas formas de comunicar el estado de ánimo y la expresión visualmente. La amplia gama de herramientas de manipulación de fotos en Photoshop se puede utilizar en gran medida para este efecto. En varios puntos de este proyecto, utilizamos efectos visuales sutiles para comunicar el estado de ánimo deseado. Por lo general, el objetivo en un proyecto como este no es hacer que algo parezca realista, sino más bien idealista. Así que terminamos con detalles más nítidos, colores más vivos y, finalmente, una escena más interesante.

Si desea ver más ejemplos de proyectos divertidos de manipulación de fotografías, asegúrese de revisar mi perfil aquí en Tuts+.

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