Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Crea una escena de ciudad destruida mediante manipulación fotográfica en Adobe Photoshop

Scroll to top
Read Time: 12 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 te mostraré cómo crear una escena de destrucción de una ciudad. Aprenderás a destruir una ciudad añadiendo elementos rotos y dañados y fusionándolos mediante capas de ajuste, máscaras y pinceles.

También aprenderás algunos consejos sencillos para "ensuciar" la escena, ajustar la luz y el contraste y crear una atmósfera oscura e inquietante. Siguiendo este tutorial aprenderás a trabajar con grupos, gestionar las capas y prestar atención a los detalles.

Recursos del tutorial

Durante la producción de este tutorial se utilizaron los siguientes recursos:

1. Añade el entorno base

Paso 1

Crea un nuevo documento de 2200 x 1500 px con la siguiente configuración:

new filenew filenew file

Paso 2

Abre la imagen de la ciudad. Arrastra esta imagen al lienzo blanco utilizando la herramienta Mover (V).

adding cityadding cityadding city

Paso 3

Abre la imagen del cielo 1. Utiliza la herramienta Mover para colocarla en la ciudad y utiliza la herramienta Transformación libre (Control-T) para rotarla un poco:

adding sky 1adding sky 1adding sky 1

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 redondo difuso con color negro (pincel negro difuso) para borrar los bordes definidos y fusionar el cielo con la ciudad, dejando un efecto nublado alrededor de la parte superior de los edificios. Aquí están los resultados en la máscara de capa y en la imagen:

sky 1 layer masksky 1 layer masksky 1 layer mask
sky 1 masking resultsky 1 masking resultsky 1 masking result

Paso 4

Utiliza una capa de ajuste de Tono/Saturación y establécela como Máscara de recorte para reducir un poco la saturación del cielo. Ve a Capa > Nueva capa de ajuste > Saturación del tono y cambia el valor de Saturación a -42:

sky 1 huesaturationsky 1 huesaturationsky 1 huesaturation

Paso 5

Vuelve a la capa de la ciudad y añádele una máscara. Cambia el tipo de pincel por los Grunge y ajusta su configuración pulsando F5.

grunge brushes settingsgrunge brushes settingsgrunge brushes settings

Pinta con diferentes pinceles las zonas que quieras destruir, principalmente la parte superior y los laterales de los edificios.

masking city with grunge brushesmasking city with grunge brushesmasking city with grunge brushes

Paso 6

Hay algunos detalles no deseados en las ventanas del edificio. Haz una nueva capa (configurada como Máscara de recorte) y utiliza la herramienta Clonar (S) para eliminar estos detalles.

unwanted details building windowsunwanted details building windowsunwanted details building windows
cloning building windowscloning building windowscloning building windows

Paso 7

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

building dodge and burn new layerbuilding dodge and burn new layerbuilding dodge and burn new layer

Selecciona la herramienta Subexponer (O) con Rango de Tonos medios, Exposición alrededor del 15-20% para oscurecer un borde del edificio de la izquierda (desde el espectador), y también dar al edificio de atrás un efecto de suciedad. Puedes ver cómo lo hice con el modo Normal y el resultado con el modo Superponer:

buildings dodge and burn normal modebuildings dodge and burn normal modebuildings dodge and burn normal mode
buildings dodge an burn overlay modebuildings dodge an burn overlay modebuildings dodge an burn overlay mode

Paso 8

Crea una capa de ajuste Tono/Saturación (configurada como Máscara de recorte) y baja el valor de Saturación a -45:

buildings huesaturationbuildings huesaturationbuildings huesaturation

Paso 9

Haz una capa de ajuste de Curvas y disminuye un poco la luminosidad.

buildings curvesbuildings curvesbuildings curves

En esta máscara de capa, utiliza los pinceles negro difuso y definido para aclarar el efecto en los laterales y la parte inferior de los edificios.

building curves layer maskbuilding curves layer maskbuilding curves layer mask
buildings curves resultbuildings curves resultbuildings curves result

2. Añade los escombros

Paso 1

Abre la imagen de los escombros. Selecciona una parte de los escombros con la herramienta Varita mágica (W).

select scrapselect scrapselect scrap

Coloca los escombros en la parte superior del edificio central y utiliza Control-T para girarlos un poco. Coloca esta capa debajo de la de la ciudad.

adding scrapadding scrapadding scrap

Paso 2

Duplica esta capa varias veces y utiliza Control-T para cambiar su tamaño si es necesario. A continuación, colócalas alrededor de la parte superior y los lados de los edificios donde has aplicado los pinceles Grunge. Intenta mostrar los diferentes ángulos, movimientos y bordes de la porción de escombros para evitar un aspecto uniforme.

adding more scrapsadding more scrapsadding more scraps

Paso 3

Utiliza una capa de ajuste de Curvas (configurada como Máscara de recorte) y aumenta la bruma de la parte de los escombros en el lado del edificio más alto para ajustar el contraste y la luminosidad allí.

scraps curves 1scraps curves 1scraps curves 1

Paso 4

Selecciona todas las capas de escombros y pulsa Control-G a fin de hacer un grupo para ellas. Cambia el modo de este grupo de "Pass Through" (modo de grupo por defecto) a Normal 100%. Crea una capa de ajuste Tono/Saturación dentro de este grupo y cambia la Saturación a -73.

scraps huesaturationscraps huesaturationscraps huesaturation

Paso 5

Haz una capa de ajuste de Curvas y aumenta la luminosidad.

scraps curves 2scraps curves 2scraps curves 2

En esta máscara de capa, utiliza un pincel negro difuso para reducir la luminosidad en las partes inferiores de los recortes, ya que las partes más altas reciben más luz que las inferiores.

scraps curves 2 maskingscraps curves 2 maskingscraps curves 2 masking

Paso 6

Haz otra capa de ajuste de Curvas y aumenta la bruma.

scraps curves 3scraps curves 3scraps curves 3

En esta máscara de capa, utiliza un pincel negro difuso para borrar el efecto de niebla en los bordes inferiores de los escombros y en el lateral del edificio más alto.

scraps curves 3 maskingscraps curves 3 maskingscraps curves 3 masking

3. Adición de las líneas de hierro

Paso 1

A partir de este paso, vamos a añadir más elementos rotos y arruinados a los edificios, y a colocar todas estas capas por encima de la capa de la ciudad pero por debajo de la del cielo.

Abre la imagen de las líneas de hierro. Utiliza la herramienta Varita mágica para seleccionar las líneas del techo y colocarlas en la parte superior del edificio de la izquierda. Gira esta pieza con Control-T.

select iron linesselect iron linesselect iron lines
adding iron linesadding iron linesadding iron lines

Añade una máscara a esta capa y utiliza un pincel negro difuso para fusionarla con la parte de los escombros.

iron lines maskingiron lines maskingiron lines masking

Paso 2

Duplica esta capa muchas veces. Añade algunas a la parte de las primeras líneas y mueve el resto al otro lado de este edificio, en la parte superior del medio. Utiliza una máscara de capa y gíralas si es necesario para conseguir el aspecto de una zona destruida.

duplicate iron linesduplicate iron linesduplicate iron lines

Paso 3

Haz un grupo para las capas de las líneas como se hizo con las de los escombros. Crea una capa de ajuste Tono/Saturación y cambia el valor de Saturación a -88 para reducir su rojez.

iron lines huesaturationiron lines huesaturationiron lines huesaturation

Paso 4

Haz una capa de ajuste de Curvas para aumentar el efecto de bruma en las líneas.

iron lines curvesiron lines curvesiron lines curves

4. Añade las ruinas y las ventanas

Paso 1

Abre la imagen del edificio en ruinas 1. Selecciona una parte de esta imagen utilizando la herramienta Lazo poligonal (L).

select ruin 1select ruin 1select ruin 1

Coloca esta pieza en la parte superior del edificio de la izquierda, usando Control-T para rotarla y ajustarla a la perspectiva de este edificio.

adding ruin 1adding ruin 1adding ruin 1

Paso 2

Haz una capa de ajuste de Tono/Saturación (configurada como Máscara de recorte) y reduce el valor de Saturación a -89.

ruin 1 huesaturationruin 1 huesaturationruin 1 huesaturation

Paso 3

Crea una capa de ajuste de Curvas (configurada como Máscara de recorte) y aumenta la luminosidad.

ruin 1 curvesruin 1 curvesruin 1 curves

En esta máscara de capa, utiliza un pincel negro difuso para reducir la luminosidad en los laterales y en la parte inferior de esta parte.

ruin 1 curves maskingruin 1 curves maskingruin 1 curves masking

Paso 4

Abre la imagen del edificio en ruinas 2. Selecciona la parte del edificio utilizando la herramienta Varita mágica y colócala en la parte superior del edificio de la izquierda (debajo de la parte del edificio en ruinas 1).

select ruin 2select ruin 2select ruin 2

Añade una máscara a esta capa y utiliza un pincel negro difuso para fusionarla con la fachada del edificio.

adding ruin 2adding ruin 2adding ruin 2

Paso 5

Duplica esta capa varias veces y coloca las imágenes sobre las fachadas de los edificios, y transfórmalas usando Control-T. Añade una máscara a cada capa y borra los detalles aleatorios en ellas para hacerlas parecer diferentes.

adding more ruins and windowsadding more ruins and windowsadding more ruins and windows

Paso 6

Toma una parte de la imagen del edificio en ruinas 2, colócala en el borde del edificio más alto y gírala usando Control-T.

select more of ruin 2select more of ruin 2select more of ruin 2
adding more ruin 2adding more ruin 2adding more ruin 2

Paso 7

Selecciona una parte más grande de la imagen original y sitúala más arriba que la primera parte. Añade una máscara a esta capa y borra los detalles innecesarios con un pincel negro difuso.

take another part of ruin 2take another part of ruin 2take another part of ruin 2
adding more ruins 2adding more ruins 2adding more ruins 2
ruins 2 masking ruins 2 masking ruins 2 masking

Paso 8

Continúa tomando otras partes de la original y colócalas a lo largo del edificio, usando la misma técnica para fusionarlas con el edificio y otras partes arruinadas.

take more parts from ruin 2take more parts from ruin 2take more parts from ruin 2
adding and masking ruin 2 partsadding and masking ruin 2 partsadding and masking ruin 2 parts

Paso 9

Haz un grupo para estas cuatro capas y cambia el modo a Normal 100%. Crea una capa de ajuste de Curvas para reducir su contraste.

ruins 2 curves 1ruins 2 curves 1ruins 2 curves 1

Paso 10

Haz un grupo para todas las capas tomadas de la imagen del edificio en ruinas 2, incluyendo las de los cuatro pasos anteriores. Crea una capa de ajuste de Curvas dentro de este grupo para oscurecer las áreas arruinadas. En esta máscara de capa, utiliza un pincel negro difuso para reducir el efecto en los detalles que son más oscuros de lo que esperabas e iguala su contraste con el entorno.

ruins 2 curves 2ruins 2 curves 2ruins 2 curves 2
ruins 2 curves 2 maskingruins 2 curves 2 maskingruins 2 curves 2 masking

Paso 11

Vuelve a la imagen del edificio en ruinas 2. Selecciona algunas de las líneas de hierro y colócalas por encima de la parte superior del edificio central.

select iron lines from ruin 2select iron lines from ruin 2select iron lines from ruin 2
adding ruin 2 linesadding ruin 2 linesadding ruin 2 lines

Fusiona las líneas con la parte de los escombros usando una máscara de capa.

ruin 2 lines maskingruin 2 lines maskingruin 2 lines masking

Duplica esta capa y cambia su tamaño para que sea más pequeña. Mueve estas líneas al otro lado del edificio.

duplicate ruin 2 linesduplicate ruin 2 linesduplicate ruin 2 lines

Paso 12

Haz un grupo para estas dos capas. Utiliza una capa de ajuste Tono/Saturación y cambia la Saturación a -100 para eliminar por completo el tinte azul.

ruin 2 lines huesaturationruin 2 lines huesaturationruin 2 lines huesaturation

Paso 13

Abre la imagen de las ventanas rotas. Selecciona dos de ellas utilizando la herramienta Marco rectangular (M).

select broken windowsselect broken windowsselect broken windows

Colócalas en la fachada del edificio trasero y utiliza Control-T para transformarlas siguiendo la perspectiva de las ventanas existentes allí.

adding broken windowsadding broken windowsadding broken windows

Paso 14

Continúa tomando otras ventanas para añadirlas a las fachadas de los edificios. Aquí está mi resultado como referencia:

adding more broken windowsadding more broken windowsadding more broken windows

Paso 15

Haz un grupo para estas capas de ventanas. Crea una capa de ajuste Tono/Saturación y disminuye la Saturación a -80:

broken windows huesaturationbroken windows huesaturationbroken windows huesaturation

Paso 16

Utiliza una capa de ajuste de Curvas y aumenta la luminosidad.

broken windows curves 1broken windows curves 1broken windows curves 1

En esta máscara de capa, utiliza un pincel negro difuso para reducir la luminosidad y la niebla en las ventanas que son demasiado brillantes o brumosas en comparación con el entorno.

broken windows curves 1 maskingbroken windows curves 1 maskingbroken windows curves 1 masking

Paso 17

Utiliza otra capa de ajuste de Curvas para oscurecer algunas ventanas.

broken windows curves 2broken windows curves 2broken windows curves 2

En esta máscara de capa, reduce o elimina el efecto en las zonas que consideres demasiado oscuras o con demasiado contraste.

broken windows curves 2 maskingbroken windows curves 2 maskingbroken windows curves 2 masking

5. Añade los agujeros

Paso 1

Abre la imagen del agujero 1. Arrástrala a la fachada del edificio de la izquierda con la herramienta Mover.

adding hole 1adding hole 1adding hole 1

Utiliza una máscara de capa para limpiar los bordes duros y fusionarlos con la fachada.

hole 1 maskinghole 1 maskinghole 1 masking

Paso 2

Duplica esta capa y amplíala. Colócala debajo del primer agujero y utiliza una máscara de capa para eliminar los detalles innecesarios.

duplicate hole 1duplicate hole 1duplicate hole 1

Paso 3

Duplica esta capa de nuevo y muévela al edificio central, usando Control-T para rotarla.

duplicate hole 1 againduplicate hole 1 againduplicate hole 1 again

Paso 4

Haz un grupo para estas capas de agujeros. Añade una capa de ajuste Tono/Saturación y cambia el valor de Saturación a -87.

holes 1 huesaturationholes 1 huesaturationholes 1 huesaturation

Paso 5

Utiliza una capa de ajuste de Curvas y reduce la luminosidad. En esta máscara de capa, utiliza un pincel negro difuso para borrar los agujeros del edificio de la izquierda, ya que parecen demasiado oscuros.

holes 1 curvesholes 1 curvesholes 1 curves

Paso 6

Coloca la imagen del agujero 2 sobre la fachada del edificio de la izquierda y utiliza una máscara de capa para suavizar los bordes.

adding hole 2adding hole 2adding hole 2

Paso 7

Duplica esta capa cuatro veces y coloca los agujeros alrededor de las fachadas de los edificios. Cambia su tamaño y transfórmalas con Control-T para que se vean diferentes.

duplicate hole 2 four timesduplicate hole 2 four timesduplicate hole 2 four times

Paso 8

Agrupa todas estas capas de agujeros en una carpeta. Añade una capa de ajuste Tono/Saturación y cambia la Saturación a -100.

holes 2 huesaturationholes 2 huesaturationholes 2 huesaturation

Paso 9

Haz una capa de ajuste de Curvas para oscurecer los agujeros.

holes 2 curvesholes 2 curvesholes 2 curves

Paso 10

Los agujeros del edificio más alto parecen demasiado oscuros y tienen demasiado contraste en comparación con la fachada, así que los vamos a agrupar en una nueva carpeta. Utiliza una capa de ajuste de Curvas para aumentar el efecto de bruma.

holes 2 curves 2holes 2 curves 2holes 2 curves 2

Paso 11

Arrastra la imagen del agujero 3 a la parte superior del edificio de la izquierda, y transfórmala usando Control-T. Utiliza una máscara de capa para que se integre en la fachada.

adding hole 3adding hole 3adding hole 3

Paso 12

Duplica esta capa y muévela al edificio central, por encima del agujero existente.

duplicate hole 3duplicate hole 3duplicate hole 3

Paso 13

Crea un grupo para estas capas de agujeros y utiliza una capa de ajuste Tono/Saturación para desaturarlas.

holes 3 huesaturationholes 3 huesaturationholes 3 huesaturation

Paso 14

Crear una capa de ajuste de Curvas para oscurecer los agujeros. En su máscara de capa, utiliza un pincel negro difuso para borrar los detalles que sean más oscuros de lo esperado.

holes 3 curvesholes 3 curvesholes 3 curves
holes 3 curves maskingholes 3 curves maskingholes 3 curves masking

6. Crea la atmósfera básica

Paso 1

Haz una capa de ajuste de Curvas encima de todas las demás capas, incluida la del cielo, y disminuye la luminosidad.

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

En esta máscara de capa, utiliza un pincel negro difuso con la Opacidad del 10% al 50% para reducir o eliminar el contraste oscuro en la parte inferior de la ciudad y a los lados del edificio para ajustarlos a la dirección de la luz del cielo (desde la parte superior derecha a la inferior izquierda).

whole scene curves 1 layer maskwhole scene curves 1 layer maskwhole scene curves 1 layer mask
whole scene curves 1 resultwhole scene curves 1 resultwhole scene curves 1 result

Paso 2

Añade otra capa de ajuste de Curvas y reduce la luminosidad de nuevo. Sin embargo, es sobre todo para el cielo, así que borra el resto usando su máscara de capa.

whole scene curves 2whole scene curves 2whole scene curves 2
whole scene curves 2 maskingwhole scene curves 2 maskingwhole scene curves 2 masking

Paso 3

Abre la imagen del cielo 2 y arrástrala a nuestro documento de trabajo utilizando la herramienta Mover. Vamos a usarla para crear algo de niebla.

adding mistadding mistadding mist

Añade una máscara a esta capa y utiliza un pincel negro difuso para despejar la zona del cielo en la parte superior de los edificios y dejarla visible en la parte inferior. Intenta no exagerar ni hacer que la niebla sea demasiado espesa e intensa, ya que no parecería natural. ¡Solo necesitamos un efecto sutil!

mist layer maskmist layer maskmist layer mask
mist resultmist resultmist result

7. El ajuste final

Paso 1

Crea una capa de ajuste de Mapa de degradado y elige los colores #2e4657 y #30c7ff. Cambia este modo de capa a Luz suave 100%.

gradient mapgradient mapgradient map

Paso 2

Haz una capa de ajuste de Equilibrio de color y cambia los ajustes de Medios tonos y Luces para mejorar el color de las sombras y la luz de la escena.

color balancecolor balancecolor balance
color balance resultcolor balance resultcolor balance result

Paso 3

Añade una capa de ajuste de Curvas y aumenta la luminosidad. En esta máscara de capa, utiliza un pincel negro difuso para borrar las partes inferiores y los lados de la escena para crear un atractivo contraste y atmósfera para toda la escena.

curves curves curves
curves layer maskcurves layer maskcurves layer mask
curves resultcurves resultcurves result

Paso 4

Una última corrección de detalles: Haz una nueva capa y utiliza un pincel difuso con el color #bbc9bb para pintar en el borde derecho cerca del edificio más alto para oscurecerlo un poco. Establece el modo de esta capa en Multiplicar 100%.

darken a sky partdarken a sky partdarken a sky part

¡Felicidades, ya está!

Este es el resultado que deberías obtener con este tutorial. Espero que lo hayas disfrutado y que hayas aprendido algunas técnicas nuevas. Si tienes alguna pregunta o idea, no dudes en dejarla en el área de comentarios de abajo.

Final city destruction sceneFinal city destruction sceneFinal city destruction scene
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
One subscription. Unlimited Downloads.
Get unlimited downloads