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

Cómo crear una manipulación fotográfica de fantasía en Adobe Photoshop

Scroll to top

Spanish (Español) translation by Johana (you can also view the original English article)

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

En este tutorial te enseñaré cómo crear una escena de un camino de fantasía. Primero crearemos el fondo de suelo de césped y un bosque. Después añadiremos el árbol, la entrada, el pequeño bosque y el camino. Después de eso añadiremos a la niña y el césped, y le pondremos iluminación y color básicos. Finalmente añadiremos la textura ligera y haremos algunos efectos de iluminación.

Recursos para el tutorial

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

1. Crea el fondo

Paso 1

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

new filenew filenew file

Paso 2

Abre la imagen del suelo. Usa la Herramienta marco rectangular (M) para seleccionar solo el área del césped y moverla al lienzo blanco con la Herramienta mover (V). Colócalo en la mitad inferior del lienzo:

select groundselect groundselect ground
add groundadd groundadd ground

Paso 3

Ve a Filtro > Desenfocar > Desenfoque gaussiano y establece el Radio en 30 px:

ground gaussian blurground gaussian blurground gaussian blur

Selecciona la máscara de filtro y usa un pincel circular difuso de color negro (pincel negro difuso) para borrar el efecto de desenfoque en el primer plano:

ground gaussian blur maskingground gaussian blur maskingground gaussian blur masking

Paso 4

Ve a Capa > Nueva capa de ajuste > Saturación de tono y establécela como Máscara de recorte. Cambia los valores de Saturación de Todos, Rojos y Amarillos:

ground hue saturationground hue saturationground hue saturation
ground hue saturation resultground hue saturation resultground hue saturation result

Paso 5

Crea una capa de ajuste Curvas y reduce la luminosidad. En esta máscara de capa, usa un pincel negro difuso para mostrar algo de iluminación en el fondo:

ground curvesground curvesground curves
ground curves maskingground curves maskingground curves masking

Paso 6

Arrastra la imagen del bosque a nuestro documento principal y colócala en la mitad superior:

add forestadd forestadd forest

Usa una máscara de capa para realizar una transición suave entre el suelo y el bosque:

forest maskingforest maskingforest masking

Paso 7

Aplica un Desenfoque gaussiano de 12 px al bosque. Usa un pincel negro difuso en la máscara de filtro para reducir el efecto en toda la transición entre el suelo y el bosque. Estos son los resultados en la máscara del filtro y en la imagen:

forest gaussian blurforest gaussian blurforest gaussian blur
forest gausssian blur maskingforest gausssian blur maskingforest gausssian blur masking
forest blur masking resultforest blur masking resultforest blur masking result

Paso 8

En este paso haremos sombras para los árboles en el bosque. Nuestro objetivo es hacer que la fuente de luz principal provenga del centro del bosque para que las sombras de los árboles sean más visibles. Crea una nueva capa y usa la Herramienta lazo poligonal (L) para seleccionar el árbol grande a la derecha (no es necesario ser tan preciso) y rellénalo (Shift+F5) con negro.

tree shadow 1tree shadow 1tree shadow 1

Voltéalo verticalmente (Edición > Transformar > Voltear vertical) y muévelo debajo del árbol. Usa la Herramienta transformación libre (Control+T) para distorsionar la sombra para que se ajuste a la dirección de la luz:

tree shadow trasformtree shadow trasformtree shadow trasform

Aplica un Desenfoque gaussiano de 15 px a esta sombra:

shadow gaussian blurshadow gaussian blurshadow gaussian blur

Paso 9

Usa el mismo método para hacer sombra para los otros árboles:

make other shadowsmake other shadowsmake other shadows

Paso 10

Crea una capa de ajuste Curvas encima de las capas y aumenta la luminosidad. En esta máscara de capa, usa un pincel negro difuso para hacer visible el efecto de luz solo en el centro del fondo:

add forest light 1add forest light 1add forest light 1

Paso 11

Crea una nueva capa y cambia su modo a Luz suave al 100%. Usa un pincel blanco difuso para pintar más iluminación para el medio del bosque.

add forest light 2add forest light 2add forest light 2

2. Añade el árbol

Paso 1

Separa el árbol y añádelo al centro. Usa Control+T para disminuir un poco la longitud.

add treeadd treeadd tree

Usa una máscara de capa para eliminar los bordes rígidos y fusiona el árbol con el suelo:

tree maskingtree maskingtree masking

Paso 2

Aplica un Desenfoque gaussiano de 4 px y borra el efecto de desenfoque en la máscara de filtro, dejándola visible solo en el contorno del árbol para que encaje con la suavidad del fondo:

tree gaussian blurtree gaussian blurtree gaussian blur

Paso 3

Crea una nueva capa, cambia el modo a Superponer al 100% y rellénala con 50% de gris:

DB new fileDB new fileDB new file

Activa la Herramienta sobreexponer y subexponer (O) con Rango de medios tonos, Exposición en un 10 a 15% para iluminar el contorno del árbol y oscurecer un poco el centro para que se ajuste a la luz y la sombra del fondo. Puedes ver cómo lo hice con el modo normal y el resultado con el modo Superponer:

DB resultDB resultDB result

Paso 4

Usa una capa de ajuste Tono/Saturación y baja el valor de la Saturación a -62:

tree hue saturationtree hue saturationtree hue saturation

Paso 5

Haz una capa de ajuste de Equilibrio de color y cambia los ajustes de Medios tonos:

tree color balancetree color balancetree color balance

Paso 6

Usa una capa de ajuste Curvas para oscurecer el árbol. Pinta sobre el contorno del árbol para mostrar la luminosidad allí:

tree curvestree curvestree curves

Paso 7

Crea una nueva capa y usa un pincel blanco difuso con una opacidad baja (a un 15 a 20%) para pintar en todo el contorno del árbol y hacer un poco de luz brumosa allí.

tree lighttree lighttree light

3. Añade la entrada y el bosque pequeño

Paso 1

Abre la imagen de la entrada. Retira la parte interna de la entrada y añádela a la parte inferior del árbol:

add gateadd gateadd gate

Usa una máscara de capa para fusionar la entrada con el árbol.

gate maskinggate maskinggate masking

Paso 2

Crea una capa de ajuste de Equilibrio de color y cambia los valores de Medios tonos:

gate color balancegate color balancegate color balance

Paso 3

Crea una capa de ajuste Curvas y cambia la luminosidad de la entrada para que encaje con el árbol. Borra las partes inferiores como se muestra en la siguiente captura de pantalla porque nuestro objetivo es añadir otra fuente de luz allí:

gate curvesgate curvesgate curves

Paso 4

Duplica la capa del bosque y hazla mucho más pequeña. Establece esta capa debajo de la capa de la entrada y por encima de los árboles.

add small forestadd small forestadd small forest

Usa una máscara de capa para eliminar la parte del bosque fuera de la entrada.

small forest maskingsmall forest maskingsmall forest masking

Paso 5

Crea una capa de ajuste Curvas para aumentar la luminosidad y la neblina de este pequeño bosque:

small forest curvessmall forest curvessmall forest curves

4. Añade el camino

Paso 1

Selecciona el camino de la imagen original y colócala en primer plano. Usa Control+T con el modo Deformar para doblar un poco el camino.

add pathwayadd pathwayadd pathway

Paso 2

Elimina los bordes del camino con una máscara de capa:

pathway maskingpathway maskingpathway masking

Paso 3

Duplica esta capa dos veces y achícalas. Colócalas dentro de la entrada y el pequeño bosque. Cuanto más lejos estén, más pequeñas deberían ser.

add more pathway partsadd more pathway partsadd more pathway parts

Paso 4

Selecciona todas las capas del camino y presiona Control+G para agruparlas. Cambia el modo de grupo a Normal al 100%. Crea una nueva capa y usa la Herramienta clonar (S) para eliminar la planta no deseada que se muestra en un escalón del camino.

pathway clonepathway clonepathway clone

Paso 5

Usa una capa de ajuste de Equilibrio de color para que coincida con el color del camino con la escena:

pathway color balancepathway color balancepathway color balance

Paso 6

Crea una capa de ajuste Curvas para oscurecer el camino, ya que en este momento se ve demasiado luminoso en comparación con el fondo. Pinta sobre la parte superior del camino (la parte dentro de la entrada y el pequeño bosque) para no cambiar su luminosidad.

pathway curves 1pathway curves 1pathway curves 1

Paso 7

Añade otra capa de ajuste Curvas para aumentar la iluminación brumosa de la parte superior del camino. Borra lo demás para que siga oscuro.

pathway curves 2pathway curves 2pathway curves 2

5. Añade a la niña

Paso 1

Corta a la niña y colócala en el escalón en el que quitamos la planta no deseada.

add childadd childadd child

Paso 2

Crea una nueva capa debajo de la niña y usa un pincel negro medio difuso con una opacidad baja (20%) para pintarle una sombra a ella. La niña está lejos de las dos fuentes de luz por lo que la sombra debe ser muy ligera y suave.

child shadowchild shadowchild shadow

Paso 3

Añade una capa de ajuste Tono/Saturación y reduce el valor de Saturación a -38:

child hue saturationchild hue saturationchild hue saturation

Paso 4

Usa una capa de ajuste Curvas para oscurecer a la niña. Pinta sobre las partes que están hacia la luz (la parte frontal) y mantén las otras oscuras.

child curveschild curveschild curves

6. Añade el césped

Paso 1

Abre el paquete de imágenes de césped. Como las imágenes tienen un fondo transparente, simplemente muévelas a nuestro documento principal y colócalas a ambos lados del primer plano inferior:

add grassadd grassadd grass

Paso 2

Aplica un Desenfoque gaussiano de 8 px a cada una de estas capas de césped.

grass gaussian blurgrass gaussian blurgrass gaussian blur

Paso 3

Crea un grupo para estas capas de césped y usa una capa de ajuste Tono/Saturación para cambiar su color:

grass hue saturationgrass hue saturationgrass hue saturation

Paso 4

Usa una capa de ajuste Curvas para oscurecer un poco el césped. Las áreas seleccionadas muestran qué parte de la máscara de capa pintar.

grass curvesgrass curvesgrass curves

7. Haz el ajuste básico

Paso 1

Crea una capa de Relleno de color encima de las capas y elige el color #160101. Cambia este modo de capa a Exclusión al 100%:

color fill exclusion modecolor fill exclusion modecolor fill exclusion mode

Paso 2

Crea una capa de ajuste de Equilibrio de color y modifica los ajustes de Medios tonos e Iluminaciones:

color balancecolor balancecolor balance
color balance resultcolor balance resultcolor balance result

Paso 3

Añade una capa de ajuste del Mezclador de canales y cambia los valores del canal Rojo:

channel mixerchannel mixerchannel mixer

Paso 4

Crea una capa de ajuste Curvas y cambia un poco el color con el canal Azul:

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

Paso 5

Usa otra capa de ajuste Curvas y aumenta la luz en el centro. Pinta sobre el resto de la escena:

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

Paso 6

Sigue cambiando el color con una capa de ajuste Tono/Saturación:

whole scene hue saturationwhole scene hue saturationwhole scene hue saturation

Paso 7

Crea una capa de ajuste de Filtro fotográfico con el mismo propósito. Elige el color #01ec96:

whole scene photo filterwhole scene photo filterwhole scene photo filter

Paso 8

Crea una capa de ajuste de Vibración para mejorar todo el efecto. Reduce la saturación en el árbol y el camino en su máscara de capa para hacerlos menos azules.

vibrancevibrancevibrance

8. Añade la luz

Paso 1

Abre el paquete de imágenes de textura ligera. Elige la imagen "estrellas 4" para añadirla al lienzo y cambia el modo a Trama al 100%:

add light textureadd light textureadd light texture

Usa una máscara de capa y borra el efecto en el árbol para que parezca más sutil.

light texture maskinglight texture maskinglight texture masking

Paso 2

Crea una capa de ajuste Tono/Saturación para cambiar el color de la luz de rojo a rosado:

light texture hue saturationlight texture hue saturationlight texture hue saturation

Paso 3

Cambiaremos el color del pequeño bosque para que parezca otro mundo. Usa la Herramienta lazo para seleccionar el área del bosque pequeño con el Radio de calado = 30. Ve a Capa > Nueva capa de ajuste > Mezclador de canales:

small forest colorsmall forest colorsmall forest color

Paso 4

Crea una nueva capa y usa un pincel medio difuso con el color #ffadc4 para pintar el reflejo de luz rosada/morada del pequeño bosque en la entrada y los escalones del camino que se encuentran dentro de este bosque.

lighting effectlighting effectlighting effect

Paso 5

Usa una capa de ajuste Curvas para cambiar la iluminación y el contraste de toda la escena, oscurece los bordes y deja la luz en el centro.

whole scene curves 3whole scene curves 3whole scene curves 3
whole scene curves 3 maskingwhole scene curves 3 maskingwhole scene curves 3 masking

¡Felicitaciones, terminaste!

Espero que hayas aprendido algo útil para tus futuros proyectos. No dudes en dejar tus comentarios en el siguiente recuadro, me encantaría verlos. ¡Disfruta creando en Photoshop!

final resultfinal resultfinal result