1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

¿Cómo Crear una Escena de Manipulación de Foto Emocional y Maravillosa?

Scroll to top
Read Time: 10 min
This post is part of a series called Communication Week.
How to Create a Post Box Illustration in Adobe Illustrator
How to Draw a Bird Step by Step

() 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 usar técnicas de manipulación de foto en Adobe Photoshop para crear una escena maravillosa que se caracteriza de una mujer medieval con una paloma llevando una carta.

Primero añadiremos el cielo y el paisaje, importar el puente, la modela y es castillo, y fusionar todos estos elementos usando capas de ajuste, máscaras y pinceles. Después de todo, trabajaremos con flores, palomas, rosas y un pergamino, usando un método similar. Luego, crearemos algunos pétalos cayendo y pintaremos una luz maravillosa usando pinceles y modos de fusión. Usaremos muchas capas de ajuste para mejorar el resultado final.

Elementos del Tutorial

Los siguientes elementos fueron usados durante la producción de este tutorial:

1. ¿Cómo Añadir el Cielo y el Paisaje?

Paso 1

Crea un nuevo documento de 2000 x 1333 px en Photoshop con la siguiente configuración:

new filenew filenew file

Paso 2

Abre la imagen del cielo. Usa la Herramienta Marco Rectangular (M) para seleccionar el cielo y arrastrarlo al lienzo blanco, usando la Herramienta Mover (V). Ponlo en la mitad superior.

add skyadd skyadd sky

Paso 3

Ve a Capa > Nueva Capa de Ajuste > Balance de Color y cambia la configuración de Medio tono:

sky color balancesky color balancesky color balance

Paso 4

Crea una capa de ajuste de Filtro de Foto y escoge el color #00ecd3. En esta máscara de capa, activa la Herramienta Pincel (B) y escoge un pincel redondo suave con color negro y opacidad cerca de 40-45% para reducir el efecto de la parte de arriba.

sky photo filtersky photo filtersky photo filter

Paso 5

Haz una capa de ajuste de Curvas para darle brillo al cielo un poco. En esta máscara de capa, usa un pincel negro suave con baja Opacidad (30-35%) para pintar los dos lados del lienzo.

sky curvessky curvessky curves

Paso 6

Abre la imagen del paisaje y ponla sobre el lienzo usando la Herramienta Mover.

add landscapeadd landscapeadd landscape

Usa una máscara de capa para borrar si cielo y revelar el que ya existe.

landscape maskinglandscape maskinglandscape masking

Paso 7

Ve a Filtro > Desenfoque > Desenfoque Gaussiano y pon el Radio a 14 px:

landscape gaussian blurlandscape gaussian blurlandscape gaussian blur

Paso 8

Crea una capa de ajuste de Balance de Color y ponla como su Máscara de Recorte. Cambia la configuración de Medios tonos para igualar el color con el cielo.

landscape color balancelandscape color balancelandscape color balance

Paso 9

Usa una capa de ajuste de Curvas para hacer el paisaje un poco más brillante:

landscape curveslandscape curveslandscape curves

2. ¿Cómo Importar el Puente?

Paso 1

Corta el puente del fondo y ponlo sobre la mitad de abajo del lienzo.

add bridgeadd bridgeadd bridge

Paso 2

Añade una capa de ajuste de Balance de Color y altera los valores de Medios tonos:

bridge color balancebridge color balancebridge color balance

Paso 3

Usa una capa d ajuste de Filtro de Foto y escoge el color #fb5757. Esto es para darle un reflejo rozado claro en la superficie del puente.

bridge photo filterbridge photo filterbridge photo filter

Paso 4

Haz una capa de ajuste de Curvas e incrementa el brillo. Pinta sobre el área baja del puente para borrar el efecto de luz, ya que se esconde del cielo.

bridge curves 1bridge curves 1bridge curves 1

Paso 5

Usa otra capa de ajuste de Curvas para disminuir el contraste y la nitidez del puente para que se ajuste a la luz maravillosa del cielo.

bridge curves 2bridge curves 2bridge curves 2

Paso 6

Para hacer una sombra para la parte baja del parapeto derecho, usa la Herramienta Lazo (L) para hacer una forma grande debajo de esta área, siguiendo su forma y luego rellenando esta selección con negro.

bridge shadow fillbridge shadow fillbridge shadow fill

Baja la Opacidad de esta capa a 60% y aplica un Desenfoque Gaussiano de 6 px.

bridge shadow gaussian blurbridge shadow gaussian blurbridge shadow gaussian blur

Paso 7

Añade una máscara a esta capa para reducir la sombra del área inferior.

bridge shadow maskingbridge shadow maskingbridge shadow masking

3. ¿Cómo Añadir la Modelo?

Paso 1

Aísla la modelo y ponla sobre el puente.

add modeladd modeladd model

Paso 2

Usa una máscara de capa para borrar la parte inferior de su vestido, haciéndola parecer como si está parada sobre el puente.

model maskingmodel maskingmodel masking

Paso 3

Crea una nueva capa y ponla como una Máscara de Recorte. Activa la Herramienta Tampón de Clonar (S) para borrar el tatuaje en su espalda y brazo.

remove tattooremove tattooremove tattoo

Paso 4

Crea una capa de ajuste de Balance de Color y cambia la configuración de Tonos Medios:

model color balancemodel color balancemodel color balance

Paso 5

Añade una capa de ajuste de Curvas para darle brillo al modelo, ya que se mira muy oscura por el momento.

model curvesmodel curvesmodel curves

Paso 6

Crea una nueva capa, cambia el modo a Superposición 100% y rellena con 50% gris:

model DB new layermodel DB new layermodel DB new layer

Selecciona la Herramienta Subexponer y Sobreexponer (O) con Rango Medios Tonos, Exposición cerca de 15-20% para refinar la luz y la sombra en la modelo. Puedes ver cómo lo hice con el modo Normal y el resultado con el modo Superposición:

model DB resultmodel DB resultmodel DB result

4. ¿Cómo Añadir el Castillo?

Paso 1

Corta el castillo del fondo y añádelo al lado izquierdo del lienzo. Pon esta capa debajo de la capa del puente.

add castle add castle add castle

Paso 2

Aplica un Desenfoque Gaussiano de 12 px ya que es un área borrosa.

castle gaussian blurcastle gaussian blurcastle gaussian blur

Paso 3

Haz una capa de ajuste de Tono/Saturación y cambia la configuración de Todos:

castle hue saturation 1castle hue saturation 1castle hue saturation 1

Paso 4

Usa una capa de ajuste de Balance de Color y altera los valores de Medios tonos:

castle color balancecastle color balancecastle color balance

Paso 5

Crea una capa de ajuste de Tono/Saturación para cambiar el color del castillo.

castle hue saturation 2castle hue saturation 2castle hue saturation 2

Paso 6

Crea una capa de ajuste de Curvas para incrementar la luz en el castillo. En esta máscara de capa, usa un pincel negro suave para reducir el efecto en las áreas de sombras (para iluminarlas).

castle curvescastle curvescastle curves
castle curves maskingcastle curves maskingcastle curves masking

Paso 7

Crea una nueva capa al modo de Superposición 100%, y rellena con 50% gris. Usa la Herramienta Sobreexponer y Subexponer para refinar la luz y la sombra en el castillo, especialmente para iluminar la sombra y reducir el contraste.

castle DBcastle DBcastle DB

5. ¿Cómo Añadir las Ramas de las Flores?

Paso 1

Corta la imagen flores 1 y añádelo en la parte superior derecha del lienzo.

add flowers 1add flowers 1add flowers 1

Paso 2

Aplica un Desenfoque Gaussiano de 4 px a estas flores.

flowers 1 gaussian blurflowers 1 gaussian blurflowers 1 gaussian blur

Paso 3

Usa una capa de ajuste de Tono/Saturación para cambiar los colores de las flores:

flowers 1 hue saturationflowers 1 hue saturationflowers 1 hue saturation

Paso 4

Añade una capa de ajuste de Curvas para hacer que la flor sea más brillante.

flowers 1 curvesflowers 1 curvesflowers 1 curves

Paso 5

Pon la imagen de flores 2 en la parte inferior izquierda de la escena luego de aislarla, y aplica un Desenfoque Gaussiano de 14 px. Pon esta capa derriba de la capa de la modelo.

add flowers 2add flowers 2add flowers 2

Paso 6

Usa Tono/Saturación para desaturar las flores.

flowers 2 hue saturationflowers 2 hue saturationflowers 2 hue saturation

Paso 7

Las flores se miran muy oscuras, así que usa una capa de ajuste de Curvas para iluminarlas.

flowers 2 curves 1flowers 2 curves 1flowers 2 curves 1

Paso 8

Crea una capa de ajuste de Niveles parra incrementar la luz en estas flores. Pinta sobre los detalles que son muy brillantes (el frente).

flowers 2 levelsflowers 2 levelsflowers 2 levels
flowers 2 levels maskingflowers 2 levels maskingflowers 2 levels masking

Paso 9

Añade la image de flor 3 en la parte inferior derecha del puente y aplica un Desenfoque Gaussiano de 14 px a esta capa.

add flowers 3add flowers 3add flowers 3

Paso 10

Iguala el color de las flores con el resto usando una capa de ajuste de Tono/Saturación.

flowers 3 hue saturationflowers 3 hue saturationflowers 3 hue saturation

Paso 11

Crea una capa de ajuste de Curvas y disminuye la luz. El punto es crear algo de sombra en estas flores. En la máscara de capa, usa un pincel suave negro para borrar el frente de los pétalos que están iluminados por la luz.

flowers 3 curves 1flowers 3 curves 1flowers 3 curves 1
flowers 3 curves maskingflowers 3 curves maskingflowers 3 curves masking

6. ¿Cómo Añadir la Paloma, Rosa y el Pergamino?

Paso 1

Corta la paloma y ponla en línea con dirección de la apariencia de la modelo.

add doveadd doveadd dove

Paso 2

Crea una capa de ajuste de Tono/Saturación y reduce el valor de Saturación cerca del mínimo.

dove hue saturationdove hue saturationdove hue saturation

Paso 3

Usa una capa de ajuste de Balance de Color para añadir algo de rosado a la paloma.

dove color balancedove color balancedove color balance

Paso 4

Crea una capa de ajuste de Curvas para disminuir la luz en la paloma. Pinta sobre las alas para que no se vea afectada por esta capa de ajuste.

dove curvesdove curvesdove curves

Paso 5

Activa la Herramienta Sobreexponer y Subexponer en una nueva capa y refina la luz y la sombra de la paloma.

dove DBdove DBdove DB

Paso 6

Extrae la rosa del fondo oscuro y ponla en el área del pico de la paloma. Usa una máscara de capa para borrar algunas de las hojas y detalles para hacer que rosa esté libre y ponla en el pico de la paloma.

add roseadd roseadd rose

Paso 7

Crea una capa de ajuste de Tono/Saturación para alterar el color de la rosa. Ajusta los valores de Rojos y Amarillos:

rose hue saturation redsrose hue saturation redsrose hue saturation reds
hue saturation yellowshue saturation yellowshue saturation yellows

Paso 8

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

rose curvesrose curvesrose curves

Paso 9

Pon el pergamino debajo de las patas de la paloma, luego de cortarla del fondo blanco.

add scroll add scroll add scroll

Paso 10

Usa una capa de ajuste de Balance de Color para cambiar el color del pergamino:

scroll color balancescroll color balancescroll color balance

Paso 11

Crea una capa de ajuste de Curvas para darle algo de luz al pergamino. Pinta en la parte inferior del pergamino ya que se esconde de la fuente principal de luz.

scroll curves 1scroll curves 1scroll curves 1

Paso 12

Crea otra capa de ajuste de Curvas para incrementar la sombra para la parte inferior del pergamino. Pinta en la parte superior para que no se vea afectada por esta capa de ajuste.

scroll curves 2scroll curves 2scroll curves 2

7. ¿Cómo Crear los Pétalos Cayendo?

Paso 1

Abre la imagen de pétalo. Usa la Herramienta de Selección Rápida (W) para seleccionar un pétalo en el medio y añadirlo a la esquina inferior en la derecha. Usa la Herramienta Transformación Libre (Control-T) con el modo Deformar para doblarla un poco, como se muestra abajo:

select petalselect petalselect petal
add petaladd petaladd petal

Paso 2

Aplica un Desenfoque Gaussiano de 8 px a este pétalo:

petal gaussian blurpetal gaussian blurpetal gaussian blur

Paso 3

Duplica esta capa muchas veces y ponlas sobre el lienzo. Haz algunos pétalos más grandes en el primer plano y varía el tamaño del pétalo así como el Radio del filtro de Desenfoque Gaussiano para incrementar la profundidad de campo.

add more petalsadd more petalsadd more petals

Paso 4

Selecciona todos los pétalos y presiona Control-G para agruparlos. Cambia el modo del grupo a Normal 100% y usa una capa de ajuste de Tono/Saturación dentro de su grupo para cambiar el color de los pétalos.

petals hue saturationpetals hue saturationpetals hue saturation

Paso 5

Haz una capa de ajuste de Curvas para darle a los pétalos algo de detalles sombreados. Pinta sobre algunos de sus lados frontales e izquierdos para que no se vean afectados por esta capa de ajuste.

petal curves 1petal curves 1petal curves 1
petals curves 1 maskingpetals curves 1 maskingpetals curves 1 masking
petals curves 1 masking resultpetals curves 1 masking resultpetals curves 1 masking result

Paso 6

Crea otra capa de ajuste de Curvas para iluminar los pétalos. Las áreas negras muestran donde pintar en la máscara de capa.

petals curves 2petals curves 2petals curves 2
petals curves 2 maskingpetals curves 2 maskingpetals curves 2 masking
petals curves 2 masking resultpetals curves 2 masking resultpetals curves 2 masking result

8. ¿Cómo Pintar la Luz?

Paso 1

Crea una nueva capa encima de las capas y usa un pincel oscuro con color #2a011d para pintar sobre la parte superior derecha del cielo, donde se origina la luz, y también en frente de la modelo y las superficies del castillo y el puente. Cambia esta capa a Sobreexposición Lineal 100%, y usa una máscara de capa para reducir la luz en el castillo.

paint light 1paint light 1paint light 1
light 1 lineard dodge modelight 1 lineard dodge modelight 1 lineard dodge mode

Paso 2

Usa otro color para el pincel (#eba498) para pintar más luz cálida para la modelo, castillo y algunos detalles. Cambia este modo de capa a Trama 100%. Puedes usar una máscara de capa para refinar el efecto de luz sobre los detalles no deseados.

paint light 2paint light 2paint light 2
light 2 screen modelight 2 screen modelight 2 screen mode

9. ¿Cómo Hacer los Ajustes Finales?

Paso 1

Crea una capa de ajuste de Filtro de Foto encima de las capas y escoge el color #fff373:

whole scene photo filterwhole scene photo filterwhole scene photo filter

Paso 2

Haz una capa de Relleno de Color y escoge el color #280404. Altera este modo de capa a Exclusión 100%.

whole scene color fillwhole scene color fillwhole scene color fill

Paso 3

Añade una capa de ajuste de Balance de Color y altera los valores de Medios Tonos e Iluminaciones:

whole scene color balance midtoneswhole scene color balance midtoneswhole scene color balance midtones
whole scene color balance highlightswhole scene color balance highlightswhole scene color balance highlights

Paso 4

Usa una capa de ajuste de Intensidad para mejorar el efecto final. En la máscara de capa, usa un pincel suave y negro para pintar sobre la piel de la espalda de la modelo, para que no sea muy saturada.

whole scene vibrancewhole scene vibrancewhole scene vibrance

¡Felicidades! ¡Lo Hiciste!

Espero que hallas disfrutado mi tutorial y aprendido algo nuevo. Siéntete libre de compartir tus ideas o comentarios en los comentarios abajo—me gustaría verlos. ¡Disfruta 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