Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Cómo crear una emotiva manipulación fotográfica de una escena de fuego en Adobe Photoshop

Scroll to top
Read Time: 8 min

Spanish (Español) translation by Nadia Gonzales (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 utilizar Adobe Photoshop para crear una emotiva escena de fuego protagonizada por una valiente niña.

Primero aislaremos a la modelo y pintaremos la luz, el color y la sombra para el fondo. Después, añadiremos el fuego, los reflejos en los ojos y el alambre de púas, además de retocar y fusionar la modelo. Más tarde, añadiremos la rosa y crearemos las chispas de fuego. Pintaremos la luz de la modelo y utilizaremos varias capas de ajuste para mejorar el efecto final.

Si buscas recursos, incluyendo imágenes de stock, texturas y modelos 3D para tus proyectos de manipulación, puedes encontrarlos en Envato Elements o GraphicRiver.

Recursos del tutorial

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

1. Cómo aislar la modelo y preparar el fondo base

Paso 1

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

new filenew filenew file

Paso 2

Abre la imagen de la modelo. Arrastra la imagen al lienzo blanco utilizando la herramienta Mover (V). Convierte esta capa en un Objeto inteligente.

add modeladd modeladd model

Paso 3

Necesitamos aislar la modelo para poder trabajar fácilmente más adelante. Haz clic en el segundo icono de la parte inferior del panel Capas para añadir una máscara a esta capa. En la máscara de capa, utiliza la herramienta Máscara rápida (Q) o cualquier otra herramienta con la que estés familiarizado para aislar la modelo del fondo. Puedes ver la modelo con el fondo blanco después de ser enmascarada.

isolate modelisolate modelisolate model

Mantén pulsado Control y haz clic en la miniatura de la máscara de la capa de la modelo para cargar su selección.

load model selectionload model selectionload model selection

Pulsa Control-J para pegar la modelo en una nueva capa transparente. Haz clic con el botón derecho del ratón en la máscara de la capa original de la modelo y elige Desactivar máscara de capa. Ahora podemos trabajar en el fondo detrás de la modelo, y la modelo no se verá afectada.

copy model into a new layercopy model into a new layercopy model into a new layer

Paso 4

Pulsa Control-Mayús-N para crear una nueva capa. Coloca esta capa entre la capa de la modelo original y la extraída. Activa la herramienta Pincel (B) y selecciona un color rojo/naranja (#f95915) para pintar sobre el fondo. Cambia el modo de esta capa a Luz suave 100%.

paint background with redpaint background with redpaint background with red
background colorbackground colorbackground color

Paso 5

Paso 5Haz una nueva capa y utiliza un pincel negro difuso para pintar la sombra de algunas zonas del fondo. Esto ayuda a aumentar la profundidad. Cambia este modo de capa a Luz suave 100%.

add background shadeadd background shadeadd background shade
background shade resultbackground shade resultbackground shade result

2. Cómo hacer el efecto de fuego

Paso 1

Mueve la imagen del fuego a nuestro documento principal y colócala debajo de la capa de la modelo. Cambia el modo de esta capa a Trama 100%:

add fireadd fireadd fire

Paso 2

Duplica esta capa y muévela hacia la derecha. Hazlo en una posición más baja para mostrar unas llamas diferentes a las de la original.

duplicate fireduplicate fireduplicate fire

Paso 3

Selecciona las capas de fuego y pulsa Control-G para hacer un grupo para ellas. Ajusta el modo de este grupo a Trama 100% y añade una capa de ajuste de Niveles para eliminar los bordes blancos no deseados. Puedes ver que el fuego se vuelve más rojo.

fire levelsfire levelsfire levels

Paso 4

Añade una máscara a cada una de las capas de fuego para eliminar algunos pequeños detalles en el centro.

fire maskingfire maskingfire masking

Paso 5

En cada una de las capas de fuego, ve a Filtro > Desenfocar > Desenfoque gaussiano y cambia el Radio a 15 px. Esto ayuda a separar el efecto del fuego de la modelo y a aumentar la profundidad de campo.

fire gaussian blurfire gaussian blurfire gaussian blur

Paso 6

Para hacer el reflejo del fuego en los ojos de la modelo, utiliza la herramienta Lazo (L) para tomar dos partes de la imagen del fuego y añadirlas a la zona de los ojos. Ajuste el modo de estas capas a Sobreexposición lineal 100%. Recuerda colocar estas capas por encima de la de la modelo.

add fire reflectionadd fire reflectionadd fire reflection

Añade una máscara a cada una de estas capas y utiliza un pincel negro difuso para eliminar los bordes no deseados fuera del área de las pupilas.

fire reflection maskingfire reflection maskingfire reflection masking

Paso 7

Aplica un Desenfoque gaussiano de 8 px para suavizar el reflejo del fuego.

fire reflection gaussian blurfire reflection gaussian blurfire reflection gaussian blur

Paso 8

Haz una nueva capa debajo de la de la modelo. Utiliza un pincel difuso con el color #fbe43e para pintar los dos bordes del fondo (la zona del fuego). Cambia el modo de esta capa a Luz suave 100% para añadir más brillo al efecto del fuego.

paint fire glowpaint fire glowpaint fire glow

fire glow resultfire glow resultfire glow result

3. Cómo importar el alambre de púas

Paso 1

Recorta el alambre de púas del fondo y colócalo en la parte inferior del lienzo. Coloca esta capa por encima de la de la modelo y utiliza una máscara de capa para eliminar la parte que cubre a la modelo para que los alambres aparezcan detrás de ella.

add background wiresadd background wiresadd background wires
background wires maskingbackground wires maskingbackground wires masking

Paso 2

Aplica un Desenfoque gaussiano de 15 px al alambre para que se fusione bien con la suavidad del fondo.

background wires gaussian blurbackground wires gaussian blurbackground wires gaussian blur

Paso 3

Añade una parte del alambre a la parte delantera de la modelo y hazla un poco más grande que la del fondo.

add front wireadd front wireadd front wire

Aplica un Desenfoque gaussiano de 9 px a esta capa.

front wire gaussian blurfront wire gaussian blurfront wire gaussian blur

Paso 4

Crea un grupo para las capas del alambre y cambia el modo del grupo a Normal 100%. Usa una capa de ajuste de Tono/Saturación para desaturar el tono azul del alambre. Reduce los valores de Saturación a -100:

wires hue saturationwires hue saturationwires hue saturation

Paso 5

Añade una capa de ajuste de Equilibrio de color para dar al alambre un poco de rojo cálido procedente del fuego. Altera los valores de Medios tonos e Iluminaciones:

wires color balance midtoneswires color balance midtoneswires color balance midtones
wires color balance highlightswires color balance highlightswires color balance highlights

Paso 6

Haz una capa de ajuste de Curvas para dar más luz al alambre. En la máscara de capa, pinta la parte del alambre en el frente y los bordes de la derecha para reducir el brillo allí.

wires curveswires curveswires curves

4. Cómo retocar la modelo

Paso 1

En la capa de la modelo, selecciona el área de los labios y haz una capa de ajuste de Tono/Saturación y ponla como Máscara de recorte. Ajusta la configuración de los Rojos para cambiar el color de los labios, haciéndolos más rojos.

change lips colorchange lips colorchange lips color

Paso 2

Añade una capa de ajuste de Equilibrio de color para dar un poco de rojo cálido a la modelo.

model color balancemodel color balancemodel color balance

Paso 3

Crea una capa de ajuste de Curvas para hacer que la parte izquierda de la modelo (desde el espectador) sea un poco más brillante. Pinta el resto de la modelo para que no se vea afectada por esta capa de ajuste.

model curvesmodel curvesmodel curves

Paso 4

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

model DBmodel DBmodel DB

Activa la herramienta Sobreexponer y Subexponer (O) con Rango de Tonos medios, Exposición alrededor del 20% para pintar las luces del contorno de la modelo, así como más detalles para el pañuelo de la cabeza. Puedes ver cómo lo hice con el modo Normal y el resultado con el modo Superponer:

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

5. Cómo añadir la rosa

Paso 1

Recorta la rosa y colócala en el lado oculto de la cabeza de la modelo.

add roseadd roseadd rose

Paso 2

Utiliza una capa de ajuste de Tono/Saturación para cambiar el color de la rosa:

rose hue saturationrose hue saturationrose hue saturation

Paso 3

Añade una capa de ajuste de Curvas para oscurecer la rosa.

rose curvesrose curvesrose curves

6. Cómo crear las chispas de fuego

Paso 1

Coloca la imagen de los fuegos artificiales en todo el lienzo y cambia el modo de capa a Sobreexposición de color 100%. Selecciona Edición > Transformar > Rotar 90° en el sentido de las agujas del reloj para cambiar su perspectiva.

add fire sparks 1add fire sparks 1add fire sparks 1

Añade una máscara a esta capa y elimina las chispas que cubren a la modelo y algunos detalles brillantes.

sparks 1 maskingsparks 1 maskingsparks 1 masking

Paso 2

Aplica un Desenfoque gaussiano de 12 px para que el efecto sea sutil y suave.

sparks 1 gaussian blur sparks 1 gaussian blur sparks 1 gaussian blur

Paso 3

Añade más chispas utilizando el mismo método. He aplicado un Desenfoque gaussiano y un Desenfoque de movimiento a esta capa.

add sparks 2add sparks 2add sparks 2
sparks 2 gaussian blursparks 2 gaussian blursparks 2 gaussian blur
sparks 2 motion blursparks 2 motion blursparks 2 motion blur

Paso 4

Sigue añadiendo las chispas alrededor de la modelo. Coloca algunas chispas grandes en la parte delantera de la modelo y aplica un Desenfoque de movimiento y un Desenfoque gaussiano con la misma configuración para que el efecto parezca más dinámico.

add sparks 3add sparks 3add sparks 3
sparks 3 gaussian blur motion blursparks 3 gaussian blur motion blursparks 3 gaussian blur motion blur
add sparks 4add sparks 4add sparks 4
sparks 4 blurssparks 4 blurssparks 4 blurs

7. Cómo hacer los ajustes finales

Paso 1

Haz una nueva capa en la parte superior de las capas y utiliza un pincel difuso con el color #e97a37 para pintar reflejos rojos en el pelo de la modelo. Cambia el modo de esta capa a Superponer 100%.

hair highlightshair highlightshair highlights

Paso 2

En una nueva capa, utiliza un pincel negro semidifuso con el color #f7cf79 para pintar los reflejos de los contornos de la modelo, el puente de la nariz y los labios. Cambia el modo de capa a Superponer 100%. Haz que los contornos del lado izquierdo sean más brillantes que los del derecho para que se ajusten a la fuente de luz principal.

modell light effectmodell light effectmodell light effect
model light resultmodel light resultmodel light result

Paso 3

Utiliza un pincel definido con el color #cf683d para pintar algunos mechones de pelo rojo brillante alrededor de la cara de la modelo.

ligh hairt strandsligh hairt strandsligh hairt strands

Paso 4

Crea una capa de Relleno de color encima de las capas y elige el color #240203. Cambia este modo de capa a Exclusión 70%.

whole scene color fillwhole scene color fillwhole scene color fill

Paso 5

Haz una capa de ajuste de Curvas para aumentar el contraste de toda la escena. En la máscara de capa, pinta el fondo, especialmente el de la derecha para que sea más oscuro que el primer plano.

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

Paso 6

Utiliza otra capa de ajuste de Curvas para oscurecer el fondo. Pinta sobre el primer plano, la modelo y la parte inferior izquierda para que no se vean afectados por esta capa de ajuste.

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

Enhorabuena, ¡ya está listo!

Espero que hayas disfrutado del tutorial y hayas aprendido algo nuevo para tus propios proyectos. No dudes en compartir tus resultados o en dejar tus comentarios en el cuadro de abajo. ¡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.
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.