7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Crea una manipulación fotográfica de la Ciudad Esmeralda de Oz con Adobe Photoshop

Scroll to top
Read Time: 28 mins
This post is part of a series called The Wizard of Oz.
Use Filter Forge and Adobe Photoshop to Create a Yellow Brick Road
Adobe Photoshop for Kids: Become the Wizard of Oz!

Spanish (Español) translation by Rosario (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 Ciudad Esmeralda inspirada en El Mago de Oz, con edificios reales, un campo de amapolas, un camino de ladrillos amarillos y una puerta verde. Aprenderás a mejorar el color y la iluminación, a utilizar texturas, a crear profundidad de campo y a utilizar el dibujo y la pintura, así como técnicas avanzadas de composición.

Recursos del tutorial

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

1. Añade el cielo

Paso 1

Me encantan los magníficos y preciosos edificios, así como el ambiente de fantasía de la ciudad, y quiero recrear esta escena en un brillante y soleado día de otoño. Habrá muchos pasos, y algunas técnicas se repetirán o se harán de la misma manera, así que entraré en más detalles en las primeras etapas y seré más breve en las posteriores.

En primer lugar, crea un nuevo documento de 1800 x 1500 px en Photoshop con los ajustes siguientes:

new filenew filenew file

Paso 2

Abre la imagen del cielo. Selecciona solo una parte del cielo con la herramienta Marco rectangular (M).

select skyselect skyselect sky

Arrastra el cielo a nuestro lienzo blanco utilizando la herramienta Mover (V).

add skyadd skyadd sky

Paso 3

Crea una capa de ajuste para cambiar el color del cielo. Ve a Capa > Nueva capa de ajuste > Equilibrio de color:

sky color balancesky color balancesky color balance

En esta máscara de capa, selecciona la herramienta Pincel (B) con uno circular y difuso con color negro (pincel negro difuso) para reducir el amarillo en la parte superior del cielo

sky color balance maskingsky color balance maskingsky color balance masking

Paso 4

Utiliza una capa de ajuste de Curvas para aclarar el cielo.

sky curvessky curvessky curves

2. Agrega la hierba

Paso 1

Abre la imagen de la hierba. Selecciona una parte de la hierba en el centro utilizando la herramienta Marco rectangular.

select grassselect grassselect grass

Añádela a la sección inferior del documento de trabajo utilizando la herramienta Mover.

add grassadd grassadd grass

Paso 2

Utiliza una capa de ajuste de Tono/Saturación (establecida como Máscara de recorte) para desaturar el verde de la hierba.

grass hue saturationgrass hue saturationgrass hue saturation

Paso 3

Utiliza una capa de ajuste de Curvas y aumenta la luminosidad para que la hierba quede menos opaca.

grass curvesgrass curvesgrass curves

En su máscara de capa, utiliza un pincel negro difuso para reducir el brillo en el primer plano y el lado derecho. Nuestro objetivo es que la luz principal llegue desde la izquierda.

grass curves resultgrass curves resultgrass curves result

3. Haz el muro

Paso 1

Crea un nuevo documento de 3000 x 3000 px y rellénalo con los colores que quieras. Pulsa Control-Mayús-N para crear una nueva capa y rellenarla con un color esmeralda luminoso (#36684a).

fill layerfill layerfill layer

Paso 2

Abre la imagen del muro. Arrastra el muro al lienzo con la herramienta Mover y colócalo a la derecha.

add wall textureadd wall textureadd wall texture

Cambia este modo de capa a Luz suave 50%.

wall soft light modewall soft light modewall soft light mode

Paso 3

Duplica esta capa y voltéala horizontalmente eligiendo Edición > Transformar > Voltear horizontal. Colócala en el lado izquierdo.

duplicate wall textureduplicate wall textureduplicate wall texture

Guarda el resultado como un archivo JPG para su uso futuro.

Paso 4

Abre la textura de muro creada en el paso anterior. Utiliza la herramienta Marco rectangular para seleccionar una parte de esta textura.

select wall textureselect wall textureselect wall texture

Colócala en la sección central del césped y utiliza la herramienta Transformación libre (Control-T) con el modo Deformar para doblar la parte superior de la misma como se muestra a continuación.

add wall sectionadd wall sectionadd wall section

Paso 5

Duplica esta capa varias veces y dispónlas a lo largo del suelo para crear la forma del muro. Deja algo de distancia entre las partes más grandes del muro, en el centro, para la puerta. Utiliza Control-T para redimensionar y doblar estas partes para variar las curvas y los tamaños.

add more wall sectionsadd more wall sectionsadd more wall sections

Paso 6

Selecciona todas las capas del muro y presiona Control-G para hacer un grupo para ellas. Cambia el modo del grupo de "Pass Through" a Normal 100%. Utiliza una capa de ajuste de Curvas para todas las capas del muro (configurada como Máscara de recorte) que se encuentran a la izquierda para aclararlas y que se ajusten a la fuente de luz principal. Cuanto más cerca de la izquierda, más brillante es el muro.

wall section 1 curves wall section 1 curves wall section 1 curves
wall section 2 curveswall section 2 curveswall section 2 curves

Paso 7

Crea una capa de ajuste de Curvas dentro del grupo del muro para aclarar algunas secciones.

wall curves 1wall curves 1wall curves 1

Utiliza un pincel negro difuso en esta máscara de capa para reducir la luminosidad en las de la derecha y en algunas zonas inferiores de las de la izquierda.

wall curves 1 maskingwall curves 1 maskingwall curves 1 masking

Paso 8

Haz otra capa de ajuste de Curvas para oscurecer un poco los muros.

wall curves 2wall curves 2wall curves 2

Aplica una máscara de pincel sobre esta máscara de capa para revelar la luz de las de la izquierda y la parte superior de las de la derecha.

wall curves 2 resultwall curves 2 resultwall curves 2 result

Paso 9

El muro sigue pareciendo plano, así que haz una nueva capa encima del grupo de muros, cambiando el modo a Superponer 100% y rellenando con gris al 50%.

DB new fileDB new fileDB new file

Activa la herramienta Sobreexponer y Subexponer (O) con el Rango de Tonos medios, y una Exposición de entre  el 10 y el 15% para pintar más detalles en los muros. Puedes ver cómo lo hice con el modo Normal y el resultado con el modo Superponer.

DB resultsDB resultsDB results

Paso 10

Haz clic con el botón derecho del ratón en el grupo de muros, y elige Duplicar grupo. Volvemos a hacer clic con el botón derecho del ratón, elegimos Combinar grupo, y ya tenemos la selección de los muros. Haz una nueva capa encima de esta. Carga la selección de los muros manteniendo pulsado Control y haciendo clic en la miniatura de la capa.

laod wall selectionlaod wall selectionlaod wall selection

Ve a Edición > Trazo y elige el color #fae284.

stroke wallstroke wallstroke wall
stroke wall resultstroke wall resultstroke wall result

Paso 11

Haz doble clic en esta capa, y selecciona Bisel y relieve.

stroke wall Bevel embossstroke wall Bevel embossstroke wall Bevel emboss
Stroke B E resultStroke B E resultStroke B E result

Paso 12

Añade una máscara a esta capa y utiliza un pincel negro definido para eliminar el trazo de la parte inferior ya que no lo necesitamos.

wall stroke maskingwall stroke maskingwall stroke masking

4. Haz la puerta

Paso 1

Vuelve a la textura del muro. Utiliza la herramienta Pluma (P) para dibujar una forma como una puerta en esta capa.

draw gate shape 1draw gate shape 1draw gate shape 1

Pulsa Control-Enter para convertir este trazado en una selección.

shape 1 selectionshape 1 selectionshape 1 selection

Haz clic con el botón derecho del ratón en esta selección y elige Capa vía Copiar. Tenemos esta forma en una nueva capa transparente (yo desactivé el fondo de la textura temporalmente e hice una nueva capa de relleno blanco entre el fondo y la forma para ayudar a ver el proceso claramente). Nómbrala "1".

shape 1shape 1shape 1

Paso 2

Duplica esta capa y usa Control-T para hacerla más pequeña.

shape 1 duplicate shape 1 duplicate shape 1 duplicate

Crea una capa de ajuste de Curvas (establecida como Máscara de recorte) para oscurecer esta forma y hacerla visible sobre la anterior. Nómbrala "2".

darken shape 2darken shape 2darken shape 2

Paso 3

Para hacer otra parte de la puerta, dibuja otra forma en el fondo de la textura y cópiala en una nueva capa como hicimos con la primera forma. Mueve esta capa por encima de las capas y utiliza una capa de ajuste de Curvas para aclararla Colócala sobre el portal existente y llámala "3".

gate shape 3 selectiongate shape 3 selectiongate shape 3 selection
gate shape 3 curvesgate shape 3 curvesgate shape 3 curves

Paso 4

Duplica la capa "3" y muévela por debajo de la "2" y por encima de la "1". Hazla más estrecha usando Control-T.

gate shape 4gate shape 4gate shape 4

Utiliza una capa de ajuste de Curvas para oscurecer esta forma y que se convierta en la sombra interior. Nómbrala como "4".

gate shape 4 curvesgate shape 4 curvesgate shape 4 curves

Paso 5

Haz una nueva capa sobre la "2" y carga su selección. Ve a Edición > Trazo y elige el color #ad8932.

gate shape 2 strokegate shape 2 strokegate shape 2 stroke
shape 2 stroke resultshape 2 stroke resultshape 2 stroke result

Paso 6

Cargar la selección "3" y contornéala con un color más brillante (#f5dd7d) y un ancho de 15 px.

gate shape 3 strokegate shape 3 strokegate shape 3 stroke

Paso 7

Haz doble clic en esta capa y elige Bisel y relieve. Establece el color del Modo resaltado en blanco y el Modo de sombra en #5b4d0e.

shape 3 stroke BEshape 3 stroke BEshape 3 stroke BE
shape 3 BE resultshape 3 BE resultshape 3 BE result

Paso 8

Haz una nueva capa y dibuja una línea desde la parte superior a la inferior de "2" utilizando la herramienta Pluma. Haz clic con el botón derecho y contornéala con el color #f6d77b, y recuerda desmarcar la opción Simular presión.

gate door line 1gate door line 1gate door line 1

Aplica el efecto Bisel y relieve con la misma configuración que en el paso anterior.

door line BEdoor line BEdoor line BE

Paso 9

Duplica esta capa y muévela un poco hacia la derecha. Alinea estas líneas en el centro de la puerta.

Door line duplicateDoor line duplicateDoor line duplicate

Paso 10

Haz un grupo para estas dos líneas y utiliza una capa de ajuste de Curvas para oscurecerlas un poco. En esta máscara de capa, utiliza un pincel negro difuso para hacer que la parte inferior de las líneas sea más brillante (la parte superior está más oculta, por lo que debería ser más oscura).

door lines curvesdoor lines curvesdoor lines curves

Paso 11

Vuelve a la capa "1". Añade una máscara a esta capa y elimina la parte inferior con un pincel negro definido.

shape 1 maskingshape 1 maskingshape 1 masking

Paso 12

Oculta el fondo y la capa de relleno y presiona Control-Mayús-Alt-E para combinar todas las capas transparentes (las partes de la puerta) en una nueva. Mueve la puerta combinada a nuestro documento principal y colócala entre los lados del muro (el espacio que hemos dejado al añadir las secciones del muro).

add gateadd gateadd gate

Paso 13

Para hacer el motivo de la puerta, haz doble clic en esta capa del portal, y elige Superposición de motivo. Carga la Textura de relleno 2 y escoge Web.

gate Pattern overlaygate Pattern overlaygate Pattern overlay
Gate pattern resultGate pattern resultGate pattern result

Paso 14

Para hacer la sombra de la puerta en el muro (la luz viene de izquierda a derecha por lo que la puerta debe proyectar sombra a la derecha), crea una nueva capa debajo de la de la puerta. Utiliza la herramienta Lazo poligonal (L) para hacer una selección al lado del lado derecho de la puerta y rellénala de negro.

gate shadow 1gate shadow 1gate shadow 1

Baja la opacidad de esta capa al 80% y suaviza la sombra eligiendo Filtro > Desenfocar > Desenfoque gaussiano y cambiando el Radio a 1 px:

gate shadow 1 blurgate shadow 1 blurgate shadow 1 blur

Añade una máscara a esta capa y utiliza un pincel negro difuso para reducir la opacidad de esta sombra.

gate shadow 1 maskinggate shadow 1 maskinggate shadow 1 masking

Paso 15

Utiliza el mismo método para que la sombra del lado izquierdo de la puerta se proyecte en el suelo.

gate shadow 2gate shadow 2gate shadow 2

Paso 16

Utiliza una capa de ajuste de Curvas para aclarar la puerta, especialmente la izquierda donde está iluminada por la luz. En esta máscara de capa, utiliza un pincel negro difuso para ocultar la luz y crear la sombra de la izquierda en la zona oculta de la puerta.

gate curves 1gate curves 1gate curves 1

Paso 17

Utiliza otra capa de ajuste de Curvas para reforzar la sombra. Pinta en el resto de la puerta para mantener la luminosidad allí.

gate curves 2gate curves 2gate curves 2

5. Añade el primer edificio

Paso 1

A partir de esta etapa, crearemos los edificios detrás del muro y colocaremos estas capas por debajo de las del muro y la puerta. Utilizaremos distintos elementos de diferentes castillos, iglesias, cúpulas y monumentos para convertirlos en una composición nueva. El objetivo es evitar que los edificios sean uniformes, pero permitir que el espectador vea algunos elementos comunes en cuanto a color, estructura y detalles. Habrá dos esquemas de color principales: verde/cian y amarillo/dorado.

Abre la imagen del castillo 3. Selecciona una parte de este con la herramienta Lazo poligonal:

building 1 selection 1building 1 selection 1building 1 selection 1

Añádela detrás de la puerta y voltéala horizontalmente para que se ajuste a la fuente de luz del fondo.

add building 1add building 1add building 1

Paso 2

Selecciona la cúpula grande de este castillo y añádela a la parte superior existente. Coloca esta capa debajo de la capa existente.

building 1 dome selectbuilding 1 dome selectbuilding 1 dome select
add building 1 dome add building 1 dome add building 1 dome

Paso 3

Haz un grupo para estas capas. Utiliza una capa de ajuste de Tono/Saturación para desaturarlas.

building 1 hue saturation 1building 1 hue saturation 1building 1 hue saturation 1

Paso 4

Utiliza una capa de ajuste de Mezclador de canales para cambiar el color del edificio.

building 1 channel mixerbuilding 1 channel mixerbuilding 1 channel mixer
building 1 channel mixer resultbuilding 1 channel mixer resultbuilding 1 channel mixer result

Paso 5

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

building 1 hue saturation 2building 1 hue saturation 2building 1 hue saturation 2

Paso 6

Utiliza otra capa de ajuste de Mezclador de canales para que el color del edificio sea dorado.

building 1 channel mixer 2building 1 channel mixer 2building 1 channel mixer 2

Pinta sobre la máscara de esta capa con un pincel negro definido para revelar el cian, especialmente en la pared del edificio para crear un edificio color esmeralda con columnas doradas.

building 1 channel mixer maskingbuilding 1 channel mixer maskingbuilding 1 channel mixer masking

Paso 7

Utiliza una capa de ajuste de Niveles para aumentar el brillo.

building 1 levels building 1 levels building 1 levels

6. Agrega el segundo edificio

Paso 1

Aísla el monumento y colócalo en el borde izquierdo del muro.

add building 2add building 2add building 2

Paso 2

Haz una nueva capa (configurada como Máscara de recorte), cambia el modo a Superponer 100% y rellénala con 50% gris. Utiliza la herramienta Sobreexponer para aclarar la parte izquierda de este edificio ya que luce demasiado oscuro en este momento.

building 1 DBbuilding 1 DBbuilding 1 DB

Paso 3

Utiliza una capa de ajuste de Mezclador de canales para cambiar el color del edificio.

building 2 channel mixerbuilding 2 channel mixerbuilding 2 channel mixer

Utiliza esta máscara de capa para revelar los detalles dorados (ornamentos) de este edificio.

building 2 channel mixer maskingbuilding 2 channel mixer maskingbuilding 2 channel mixer masking

Paso 4

Crea una capa de ajuste de Curvas y aumenta la luminosidad. Pinta en la máscara de capa para mantener la sombra allí.

building 2 curvesbuilding 2 curvesbuilding 2 curves

7. Añade el tercer edificio

Paso 1

Abre la imagen de la iglesia 2. Extrae la parte superior de la iglesia y ponla en el lado derecho de la escena. Voltea el lado brillante de la cúpula hacia la izquierda.

add building 3add building 3add building 3

Paso 2

Selecciona la cúpula de la iglesia y añádela a la parte superior del edificio 2. Usa Control-T para distorsionar la forma de ese edificio.

building 3 dome selectbuilding 3 dome selectbuilding 3 dome select
building 3 dome adding building 3 dome adding building 3 dome adding

Añade una máscara a esta capa y utiliza un pincel negro difuso para fusionar la parte superior con el edificio existente.

building 3 dome maksingbuilding 3 dome maksingbuilding 3 dome maksing

Paso 3

Selecciona el globo de la parte superior del edificio de la imagen original y colócalo en la parte superior del edificio 2.

building 3 globebuilding 3 globebuilding 3 globe

Utiliza una máscara de capa para eliminar la parte inferior de este globo.

globe maskingglobe maskingglobe masking

Paso 4

Crea una capa de ajuste de Mezclador de canales para modificar el color del globo.

building 3 channel mixerbuilding 3 channel mixerbuilding 3 channel mixer

Paso 5

Haz un grupo para estas capas, y utiliza una capa de ajuste de Tono/Saturación y cambia los ajustes de Cian:

building 3 hue saturationbuilding 3 hue saturationbuilding 3 hue saturation

Paso 6

Crea otra capa de ajuste de Mezclador de canales para añadir esmeralda a las partes del edificio. Borra las columnas y los globos para mantener su color original.

building 3 channel mixer maskingbuilding 3 channel mixer maskingbuilding 3 channel mixer masking

Paso 7

Utiliza una capa de ajuste de Curvas para dar algo de luz al edificio. Aplica una máscara de pincel en el lado oscuro del edificio para mantener la sombra allí.

building 3 curvesbuilding 3 curvesbuilding 3 curves

Paso 8

Haz una capa de ajuste de Niveles para aumentar el brillo. Mantén la sombra del edificio y del globo, borrando las partes más oscuras.

building 3 levelsbuilding 3 levelsbuilding 3 levels

8. Añade el cuarto edificio

Paso 1

Abre la imagen de la iglesia 3. Selecciona la parte superior con la cúpula y colócala en los dos lados del muro. Añade la cúpula a la parte superior del edificio central (primer edificio).

building 4 addingbuilding 4 addingbuilding 4 adding

Paso 2

Agrupa estas capas en una nueva carpeta. Utiliza una capa de ajuste de Tono/Saturación para modificar su color.

building 4 hue saturation building 4 hue saturation building 4 hue saturation

Revela el color original de las líneas doradas de las cúpulas utilizando la máscara de capa Tono/Saturación.

building 4 hue saturation maskingbuilding 4 hue saturation maskingbuilding 4 hue saturation masking

Paso 3

Haz una capa de ajuste de Mezclador de canales para dar un color dorado intenso a las partes del edificio.

building 4 channel mixerbuilding 4 channel mixerbuilding 4 channel mixer

Utiliza esta máscara de capa para revelar las áreas de color esmeralda en la parte superior, y las ventanas, y dejar el dorado visible en las columnas y los contornos.

BD 4 channel mixer maskingBD 4 channel mixer maskingBD 4 channel mixer masking

Paso 4

Crea una capa de ajuste de Curvas para aumentar el brillo, especialmente en las cúpulas. Después, borra el resto utilizando esta máscara de capa.

BD 4 curvesBD 4 curvesBD 4 curves
BD 4 curves maskingBD 4 curves maskingBD 4 curves masking

9. Añade las columnas del muro

Paso 1

Abre la imagen de la columna. Selecciona la parte más alta de la columna y añádela a la conexión entre las dos secciones del muro. Duplícalas varias veces, utiliza Control-T para variar su tamaño y añádelas a otras conexiones del muro. Cuanto más lejos del espectador, más pequeña será la columna.

select columnsselect columnsselect columns
add columnsadd columnsadd columns

Coloca estas capas por encima de las del muro y del contorno.

Paso 2

Puedes ver que la mayoría de las columnas son más altas que el muro. Para eliminar las partes más altas, añade una máscara a cada una de estas capas y trabaja sobre ellas con un pincel negro definido.

columns maskingcolumns maskingcolumns masking

Paso 3

Toma la parte inferior de la columna de la imagen original y colócala sobre una de las partes del edificio de la etapa anterior (edificio 4) a la que le falta la parte superior.

select another column partselect another column partselect another column part
add this part add this part add this part

Paso 4

Haz un grupo para todas estas capas. Utiliza una capa de ajuste de Equilibrio de color para darles algo de saturación.

columns color balancecolumns color balancecolumns color balance
columns color balance resultcolumns color balance resultcolumns color balance result

Paso 5

Utiliza una capa de ajuste de Curvas para dar brillo a las columnas.

columns curves 1columns curves 1columns curves 1

Utiliza un pincel negro difuso para mantener la sombra en la parte más oscura de las columnas.

columns curves 1 maskingcolumns curves 1 maskingcolumns curves 1 masking

Paso 6

Haz otra capa de ajuste de Curvas para reforzar la sombra.

columns curves 2columns curves 2columns curves 2

Borra en el lado más brillante de ellas para mantener el brillo allí, especialmente las que están cerca de la luz.

column curves 2 maskingcolumn curves 2 maskingcolumn curves 2 masking

Paso 7

Haz la sombra de las columnas de la misma manera que la de la puerta. Cuanto más lejos de la luz, más larga y suave será la sombra.

columns shadowcolumns shadowcolumns shadow

10. Añade el quinto edificio

Paso 1

Abre la imagen de la iglesia 1. Selecciona dos cúpulas para colocarlas detrás de los edificios existentes.

BD 5 select 1BD 5 select 1BD 5 select 1
add BD 5 add BD 5 add BD 5

Paso 2

Haz un grupo para estas capas y utiliza una capa de ajuste de Mezclador de canales para cambiar el color de los edificios, especialmente de las cúpulas. En esta máscara de capa, borra las partes inferiores con un pincel negro difuso.

BD 5 channel mixer 1BD 5 channel mixer 1BD 5 channel mixer 1

Paso 3

Añade una capa de ajuste de Tono/Saturación y cambia la configuración de Todos:

BD 5 hue saturation 1BD 5 hue saturation 1BD 5 hue saturation 1

Paso 4

Utiliza una capa de ajuste de Curvas para aclarar los edificios. Borra un poco en la máscara de capa para mantener la sombra en las partes más oscuras.

BD 5 curves 1BD 5 curves 1BD 5 curves 1

Paso 5

Crea una capa de ajuste de Curvas para hacer más fuerte la sombra en los edificios. Borra las zonas brillantes utilizando su máscara de capa.

BD 5 curves 2BD 5 curves 2BD 5 curves 2

Paso 6

Selecciona la torre de la imagen original y colócala debajo de los edificios existentes (no en este grupo). Duplica esta capa y muévela al otro lado del muro.

BD 5 select 2BD 5 select 2BD 5 select 2
BD 5 add moreBD 5 add moreBD 5 add more

Paso 7

Crea una nueva carpeta para todas estas capas incluyendo el grupo existente. Utiliza una capa de ajuste de Mezclador de canales y cambia la configuración de los Rojos:

BD 5 channel mixer 2BD 5 channel mixer 2BD 5 channel mixer 2

Y aquí está el resultado después de enmascarar:

BD 5 channel mixer 2 maskingBD 5 channel mixer 2 maskingBD 5 channel mixer 2 masking

Paso 8

Haz una capa de ajuste de Equilibrio de color y mejora el color del edificio cambiando los ajustes de Tonos medios y Luces:

BD 5 color balanceBD 5 color balanceBD 5 color balance
BD 5 color balance resultBD 5 color balance resultBD 5 color balance result

11. Añade el sexto edificio

Paso 1

Abre la imagen de la torre 1 y aísla la parte superior para añadirla detrás de todas las existentes.

add BD 6add BD 6add BD 6

Paso 2

Vamos a hacer lo mismo con los otros edificios. En primer lugar, utiliza una capa de ajuste de Mezclador de canales y lleva el valor del Rojo de los Rojos a +65. Borra este efecto de la capa de ajuste en la parte inferior del edificio para evitar un aspecto de color fundido.

BD 6 chanel mixerBD 6 chanel mixerBD 6 chanel mixer

Paso 3

Haz una capa de ajuste de Curvas para dar más sombra a la parte más oscura del edificio. Utiliza una máscara de capa para devolver la luminosidad original a la parte delantera.

BD 6 curves 1BD 6 curves 1BD 6 curves 1

Paso 4

Aumenta la luz del edificio añadiendo otra capa de ajuste de Curvas . La captura de pantalla de abajo muestra el resultado después de enmascarar la sombra.

BD 6 curves 2BD 6 curves 2BD 6 curves 2

12. Añade el séptimo edificio

Paso 1

Abre la imagen de la torre 2 y recortala utilizando la herramienta Lazo poligonal. Colócala detrás del edificio 2 y luego duplícala para añadirla detrás del edificio 1. Utiliza una máscara de capa para eliminar la parte superior de la torre duplicada (no te preocupes, le añadiremos otra parte superior más tarde).

Add BD 7Add BD 7Add BD 7

Paso 2

Utiliza una capa de ajuste de Mezclador de canales y cambia los ajustes de Rojos y Azules:

BD 7 channel mixerBD 7 channel mixerBD 7 channel mixer

Utiliza la máscara de capa para obtener el resultado que se muestra abajo:

BD 7 Channel mixer maskingBD 7 Channel mixer maskingBD 7 Channel mixer masking

Paso 3

Utiliza una capa de ajuste de Tono/Saturación para aumentar la intensidad de las partes que han sido enmascaradas en los pasos anteriores.

BD 7 hue saturationBD 7 hue saturationBD 7 hue saturation

Paso 4

Añade una capa de ajuste de Curvas y aumenta la luminosidad. Aplica el borrado a las partes menos iluminadas.

BD 7 curves 1BD 7 curves 1BD 7 curves 1

Paso 5

Aumenta la luminosidad con otra capa de ajuste de Curvas. Este es el resultado después de usar esta máscara de capa.

BD 7 curves 2BD 7 curves 2BD 7 curves 2

Paso 6

Abre la imagen de la cúpula 1. Toma la parte más alta y agrégala al edificio que carece de la parte superior.

BD 7 dome selectBD 7 dome selectBD 7 dome select
BD 7 adding domeBD 7 adding domeBD 7 adding dome

Paso 7

Aquí están los resultados con Tono/Saturación, Mezclador de canales y Curvas (después de la máscara).

BD 7 dome hue saturationBD 7 dome hue saturationBD 7 dome hue saturation
BD 7 dome channel mixerBD 7 dome channel mixerBD 7 dome channel mixer
BD 7 curvesBD 7 curvesBD 7 curves

13. Añade el octavo edificio

Paso 1

Abre la imagen del castillo 1. Selecciona la torre más alta para colocarla detrás del edificio 2.

BD 8 select 1BD 8 select 1BD 8 select 1
add BD 8add BD 8add BD 8

Paso 2

Selecciona la parte inferior de esta torre y otro edificio para combinarlas, haciendo un edificio nuevo. Coloca esto cerca del lado derecho del muro.

BD 8 select 2BD 8 select 2BD 8 select 2
Add more BD 8Add more BD 8Add more BD 8

Paso 3

Agrupa todas estas capas y haz una capa de ajuste de Tono/Saturación dentro del grupo. Utiliza su máscara de capa como siempre.

BD 8 hue saturation 1BD 8 hue saturation 1BD 8 hue saturation 1

Paso 4

Añade dos capas de ajuste de Curvas para perfeccionar la luz y el contraste de los edificios. Los resultados se muestran en las siguientes capturas de pantalla:

BD 8 curves 1BD 8 curves 1BD 8 curves 1
BD 8 curves 2BD 8 curves 2BD 8 curves 2

Paso 5

Utiliza una capa de ajuste de Mezclador de canales para la parte superior del segundo edificio (el combinado). Aquí está el resultado después de trabajar en esta máscara de capa (la parte seleccionada muestra el área de enmascaramiento):

BD 8 channel mixer 1BD 8 channel mixer 1BD 8 channel mixer 1
BD 8 chanel mixer 1 resultBD 8 chanel mixer 1 resultBD 8 chanel mixer 1 result

14. Añade el noveno edificio

Paso 1

Abre la imagen del castillo 2. Toma dos cúpulas y añádelas a dos lados de los muros y detrás de la mayoría de los edificios existentes. Utiliza Control-T para hacer una de ellas más pequeña que la otra.

select BD 9select BD 9select BD 9
add BD 9add BD 9add BD 9

Paso 2

Aplica las capas de ajuste de Mezclador de canales y Curvas para igualar el color y la luz de estas con los demás elementos.

BD 9 channel mixerBD 9 channel mixerBD 9 channel mixer
BD 9 channel mixer resultBD 9 channel mixer resultBD 9 channel mixer result
BD 9 curvesBD 9 curvesBD 9 curves

15. Añade el décimo edificio

Paso 1

Abre la imagen de la cúpula 4. Selecciona una cúpula y colócala detrás del edificio 9.

BD 10 addBD 10 addBD 10 add

Paso 2

Aplica el Mezclador de Canales, Tono/Saturación y Curvas:

BD 10 channel mixerBD 10 channel mixerBD 10 channel mixer
BD 10 hue saturationBD 10 hue saturationBD 10 hue saturation
BD 10 curvesBD 10 curvesBD 10 curves

16. Añade los detalles que faltan

Paso 1

Abre la imagen de la cúpula 2. Selecciona sólo la parte de la cúpula y añádela a uno de los edificios del grupo del edificio 3 al que le falta la parte superior. Coloca esta capa bajo el grupo del edificio 1.

add more dome add more dome add more dome
add more dome 1add more dome 1add more dome 1

Paso 2

Duplica esta capa y muévela a la parte superior del edificio 1. Utiliza Control-T con el modo Deformar para doblarla como se muestra abajo:

add more dome 2add more dome 2add more dome 2

Utiliza una máscara de capa para eliminar algunos detalles exteriores de esta parte:

more dome maskingmore dome maskingmore dome masking

Paso 3

Agrupa estas capas y utiliza dos capas de ajuste de Tono/Saturación para añadir un poco de dorado/cian intenso a estas partes de la cúpula.

domes hue saturationdomes hue saturationdomes hue saturation
domes hue saturation 1domes hue saturation 1domes hue saturation 1

Paso 4

Haz una capa de ajuste de Curvas para dar más luz a estos detalles.

domes curvesdomes curvesdomes curves

Paso 5

Abre de nuevo la imagen de la iglesia 3. Toma la parte superior de la cúpula y añádela a la parte superior de uno de los edificios del grupo del edificio 5. Colócala dentro del cuarto grupo de edificios, debajo de las capas de ajuste para que tenga el mismo efecto con los elementos dentro de este grupo. Utiliza una máscara de capa en las capas de ajuste de Mezclador de canales para revelar el tono dorado como hemos hecho con las capas del cuarto grupo de edificios.

select dome topselect dome topselect dome top
add dome topadd dome topadd dome top

Añade una máscara a esta capa de edificio y elimina su parte superior utilizando un pincel negro definido.

dome top maskingdome top maskingdome top masking

Paso 6

Vuelve a abrir la imagen del castillo 1. Selecciona una parte de su parte superior para añadirla a la parte superior del edificio 1. Coloca esta capa por encima de los edificios existentes y aplica las mismas capas de ajuste y el mismo método de enmascaramiento realizado con el octavo grupo de edificios.

dome top 2 adding dome top 2 adding dome top 2 adding

Paso 7

Vuelve a la imagen de la iglesia 3 y selecciona la parte más alta de la cúpula para completar el primer edificio. Aplica las mismas capas de ajuste y el mismo método de enmascaramiento que utilizamos con las capas del cuarto edificio.

dome top 3 adding dome top 3 adding dome top 3 adding

Paso 8

Abre la imagen de la cúpula 3. Toma el pequeño globo de la parte superior para añadirlo a la parte superior de las columnas, y duplícalo varias veces según el número de las columnas. Varía su tamaño para que coincida con el de las columnas.

select globeselect globeselect globe
adding globeadding globeadding globe

Paso 9

Haz un grupo para estas capas de globos. Crea una capa de ajuste de Equilibrio de color y cambia la configuración de los Tonos medios:

globe color balance 1globe color balance 1globe color balance 1

Paso 10

Utiliza una capa de ajuste de Curvas y aumenta la luminosidad. Aplica el enmascaramiento para que los de la derecha sean un poco más oscuros que los de la izquierda.

globe curves 1 globe curves 1 globe curves 1

17. Añade los paisajes

Paso 1

Coloca la imagen del paisaje 1 detrás de la hierba, y utiliza una máscara de capa para eliminar su cielo, revelar el cielo existente, y hacer que las cimas de las montañas se fundan un poco en el cielo.

add landscape 1add landscape 1add landscape 1
landscape 1 maskinglandscape 1 maskinglandscape 1 masking

Paso 2

Cambia el color del paisaje utilizando una capa de ajuste de Equilibrio de color:

landscape 1 color balancelandscape 1 color balancelandscape 1 color balance

Paso 3

Utiliza una capa de ajuste de Curvas para aumentar la neblina e igualar el contraste del paisaje con el fondo.

landscape 1 curves landscape 1 curves landscape 1 curves

Paso 4

Añade el paisaje 2 por encima del paisaje 1, y utiliza una máscara de capa para fusionarlo con el césped. Deja algunos arbustos a los lados y reduce la opacidad de los árboles del fondo. El objetivo es añadir algo de profundidad de campo a toda la escena.

add landscape 2add landscape 2add landscape 2
landscape 2 masking landscape 2 masking landscape 2 masking

Paso 5

Utiliza una capa de ajuste de Curvas para igualar el brillo del paisaje 2 con el fondo.

landscape 2 curves landscape 2 curves landscape 2 curves

18. Añade los árboles y arbustos

Paso 1

Abre la imagen del árbol 1 y arrástrala a nuestro documento de trabajo utilizando la herramienta Mover. Colócala a la izquierda y detrás de todos los edificios.

add tree 1add tree 1add tree 1

Paso 2

Utiliza una capa de ajuste de Tono/Saturación para convertir el color del árbol en rojo.

tree 1 hue saturationtree 1 hue saturationtree 1 hue saturation

Paso 3

Haz una capa de ajuste de Curvas para aclarar un poco el árbol:

Paso 4

Duplica esta capa del árbol y llévala a la parte superior de las capas, colocándola al lado del edificio 1. Usa una máscara de capa para borrar la parte inferior del árbol y hacer que quede dentro del muro.

tree 1 duplicate tree 1 duplicate tree 1 duplicate

Paso 5

Hazla más brillante utilizando una capa de ajuste de Curvas.

duplicated tree 1 curvesduplicated tree 1 curvesduplicated tree 1 curves

Paso 6

Añade el árbol 2 al borde izquierdo de la escena y en la fachada del primer edificio.

add tree 2add tree 2add tree 2

Paso 7

Cambia el color de estos árboles utilizando una capa de ajuste Tono/Saturación.

trees 2 hue saturation 1trees 2 hue saturation 1trees 2 hue saturation 1
tree2 2 hue saturation 2tree2 2 hue saturation 2tree2 2 hue saturation 2

Paso 8

Haz un grupo para los árboles 2 y utiliza una capa de ajuste de Curvas para aclararlos.

trees 2 curvestrees 2 curvestrees 2 curves

Paso 9

Añade el árbol 3 con un método similar:

add tree 3add tree 3add tree 3
tree 3 hue saturationtree 3 hue saturationtree 3 hue saturation

Paso 10

Añade el árbol 4 en el suelo, cerca del borde izquierdo de la imagen. Utiliza el método que ya conoces para que coincida con la escena.

tree 4 color balancetree 4 color balancetree 4 color balance
tree 4 curvestree 4 curvestree 4 curves

Paso 11

Haz su sombra como hemos hecho con los otros elementos.

tree 4 shadowtree 4 shadowtree 4 shadow

Paso 12

Añade el árbol 5 al lado derecho utilizando el mismo método.

tree 5 hue saturationtree 5 hue saturationtree 5 hue saturation
tree 5 curves 1tree 5 curves 1tree 5 curves 1
tree 5 curves 2tree 5 curves 2tree 5 curves 2
tree 5 shadowtree 5 shadowtree 5 shadow

Paso 13

Coloca el árbol 6 en el borde derecho para ocultar algunos detalles del fondo.

tree 6 hue saturationtree 6 hue saturationtree 6 hue saturation
tree 6 curvestree 6 curvestree 6 curves

Paso 14

Aísla el arbusto y colócalo cerca de la puerta, utilizando la herramienta Deformar para ajustar su forma como se muestra a continuación:

add bushadd bushadd bush

Duplica esta capa dos veces y coloca los arbustos a lo largo del muro.

add more bushesadd more bushesadd more bushes

Paso 15

Hazles una sombra como hemos hecho con los otros elementos.

bushes shadowbushes shadowbushes shadow

Paso 16

Utiliza algunas capas de ajuste para cambiar el color, la luz y la sombra. No lo explicaré en detalle porque lo he repetido demasiado a lo largo de este tutorial.

bushes color balancebushes color balancebushes color balance
bushes curves 1bushes curves 1bushes curves 1
bushes curves 2bushes curves 2bushes curves 2

Paso 17

Abre la imagen del árbol 7 y recorta el tronco sólo para cubrir el borde derecho de la escena. Utiliza la herramienta Deformar para doblarlo como se muestra a continuación. Coloca esta capa por encima de todas las existentes.

add tree 7add tree 7add tree 7

Paso 18

Utiliza algunas capas de ajuste para este árbol:

tree 7 curvestree 7 curvestree 7 curves
tree 7 color balancetree 7 color balancetree 7 color balance
tree 7 color balance 1tree 7 color balance 1tree 7 color balance 1

Paso 19

Abre la imagen de las hojas y corta la parte de las hojas para añadirla a la parte superior del árbol 7. Utiliza una máscara de capa para fusionar las hojas con el árbol.

add leaves add leaves add leaves

Paso 20

Haz algunas capas de ajuste para las hojas, dándoles más rojo e intensidad.

leaves hue saturationleaves hue saturationleaves hue saturation
leaves curves 1leaves curves 1leaves curves 1
leaves curves 2leaves curves 2leaves curves 2

19. Añade el campo de amapolas

Paso 1

Coloca la imagen del campo de amapolas en el área del suelo. Utiliza una máscara de capa para eliminar su fondo y fusionarla con el suelo existente. Pon esta capa por encima de las de la puerta.

add fieldadd fieldadd field
field maskingfield maskingfield masking

Paso 2

Crea una nueva capa y activa la herramienta Clonar (S). Usa esta herramienta para clonar la amapola a las partes seleccionadas para ocultar algunas áreas no deseadas allí.

field clonefield clonefield clone
clone resultclone resultclone result

Paso 3

Haz una capa de ajuste de Curvas para mejorar la luz y el contraste del campo.

field curvesfield curvesfield curves

20. Añade el camino de ladrillos amarillos

Paso 1

En primer lugar, utiliza la herramienta Pluma para dibujar una forma curva como un camino que recorre el campo hasta la puerta. Rellénalo con el color que quieras, pero mejor elige uno brillante, por ejemplo un amarillo como el mío. Lo usaremos como guía.

road shaperoad shaperoad shape

Paso 2

Abre la imagen de la textura del ladrillo y arrástrala a nuestro documento principal. Colócala en primer plano y usa Control-T con el modo Deformar para deformar el ladrillo siguiendo la curva de la forma:

add brick textureadd brick textureadd brick texture

Carga la selección de la forma y en la capa del ladrillo, haz clic en el botón Añadir máscara de capa en la parte inferior del panel Capas. Tenemos el resultado:

road maskingroad maskingroad masking

Paso 3

Utiliza el mismo método para hacer las partes del camino y rellena la forma con la textura de los ladrillos, recordando que cuanto más lejos del espectador, más pequeños serán los ladrillos.

add more road partsadd more road partsadd more road parts

Paso 4

Añade algunas capas de ajuste para convertir el color del camino en amarillo.

road channel mixerroad channel mixerroad channel mixer
road hue saturationroad hue saturationroad hue saturation
road curvesroad curvesroad curves

Paso 5

Para que el camino se vea más realista, haz un grupo para todas las capas de ladrillos. Añade una máscara a este grupo y utiliza un pincel negro definido (mejor utiliza una pluma de tableta) para pintar en los bordes del camino para que se vean algunas amapolas y hojas de hierba:

road group maskingroad group maskingroad group masking

Paso 6

Crea una nueva capa y utiliza un pincel negro difuso para pintar la sombra de las amapolas en el camino. Baja la opacidad del pincel para conseguir un resultado más realista.

poppies shadowpoppies shadowpoppies shadow

21. Añade los ornamentos

Paso 1

Aísla el ornamento 1 y añádelo al centro de la puerta. Utiliza una máscara de capa para eliminar los lados de este ornamento y hacer que parezca una gran llave decorada.

ornament 1 addingornament 1 addingornament 1 adding

Haz doble clic en esta capa y elige la opción Sombra paralela:

ornament 1 drop shadowornament 1 drop shadowornament 1 drop shadow
ornament 1 drop shadow resultornament 1 drop shadow resultornament 1 drop shadow result

Paso 2

Utiliza algunas capas de ajuste para este ornamento.

ornament 1 hue saturationornament 1 hue saturationornament 1 hue saturation
ornament 1 curves ornament 1 curves ornament 1 curves
ornament 1 curves 2ornament 1 curves 2ornament 1 curves 2

Paso 3

Utiliza el mismo método para añadir el ornamento 2 a los lados inferiores de la puerta.

ornament2 hue saturation ornament2 hue saturation ornament2 hue saturation
ornament 2 curves ornament 2 curves ornament 2 curves

Paso 4

Haz lo mismo con el ornamento 3 y colócalo en el centro de los laterales de la puerta.

ornament 3 hue saturationornament 3 hue saturationornament 3 hue saturation
ornament 3 curvesornament 3 curvesornament 3 curves
ornament 3 curves 2ornament 3 curves 2ornament 3 curves 2

Paso 5

Repite los mismos pasos con el ornamento 4 que se encuentra en la parte superior de la puerta.

ornament 4 hue saturationornament 4 hue saturationornament 4 hue saturation
ornament 4 curvesornament 4 curvesornament 4 curves
ornament 4 levelsornament 4 levelsornament 4 levels

22. Añade el texto de Oz

Paso 1

Crea una nueva capa y activa la herramienta Texto (T). Elige una fuente Arial de 10 pt y escribe la letra O con el color #f8ae43. Mueve la O al centro del ornamento 1.

letter oletter oletter o

Escribe la letra Z en una capa separada y muévela al espacio central de la O.

letter zletter zletter z

Paso 2

En cada una de estas capas, aplica Estilos de capa con la configuración que se indica a continuación. Establece el color de la sombra en Sombra interior a #fbf039.

oz layer style 1oz layer style 1oz layer style 1
oz layer style 2oz layer style 2oz layer style 2
oz layer styles resultoz layer styles resultoz layer styles result

Paso 3

Haz un grupo para las capas de texto. Utiliza una capa de ajuste de Curvas para cambiar el contraste de las letras.

oz curvesoz curvesoz curves

Paso 4

Añade una máscara a este grupo y fusiona la parte inferior de la letra O con el ornamento 1.

oz maskingoz maskingoz masking

Paso 5

Regresa a la capa de la puerta y utiliza la herramienta Clonar en una capa separada para eliminar las líneas que aparecen dentro de las letras "OZ".

door lines cloningdoor lines cloningdoor lines cloning

23. El ajuste final

Paso 1

Haz una nueva capa encima de las capas y utiliza un pincel difuso con el color #190600 para pintar en la parte superior izquierda de la escena. Cambia el modo de esta capa a Sobreexposición lineal 100%.

light 1 light 1 light 1
light 1 resultlight 1 resultlight 1 result

Paso 2

En una nueva capa, utiliza un pincel blanco difuso para pintar la luz resplandeciente en la parte superior de los edificios y la puerta.

buildings light buildings light buildings light

Paso 3

Crea una capa de ajuste de Color selectivo y cambia los ajustes de Amarillos y Cianes:

selective colorselective colorselective color
selective color resultselective color resultselective color result

Paso 4

Crea una capa de ajuste de Curvas para oscurecer toda la escena. Mantén el brillo de la parte izquierda utilizando esta máscara de capa.

whole scene curves whole scene curves whole scene curves

Paso 5

Ve a Capa > Nueva capa de relleno > Color uniforme y elige el color #fcef84.

fill layer fill layer fill layer

Baja la Opacidad de esta capa al 30% y reduce el efecto en el lado derecho y en algunos de los edificios. Deja la luz difusa en los edificios del fondo para mejorar la profundidad de campo.

fill layer resultfill layer resultfill layer result

Paso 6

Haz una capa de ajuste de Mapa de degradado y elige los colores #6d463b y #367a8e. Cambia el modo de esta capa a Luz suave 100%.

gradient mapgradient mapgradient map

Paso 7

Utiliza una capa de ajuste de Equilibrio de color para darle más intensidad a la escena.

whole scene color blancewhole scene color blancewhole scene color blance
color balance resultcolor balance resultcolor balance result

Paso 8

Crea una nueva capa y pon el modo en Luz fuerte 100%. Utiliza un pincel difuso con el color #f9dd89 para pintar más luz para la izquierda, especialmente en los edificios situados allí, para darles un efecto de luz de ensueño y fantasía.

light 2light 2light 2

Paso 9

Para aumentar el contraste de la escena, utiliza un pincel negro difuso con la Opacidad alrededor del 30-40% para pintar en el lado derecho y en la parte inferior izquierda para oscurecer estas áreas. Cambia este modo de capa a Luz suave 100%.

darken edgesdarken edgesdarken edges
darken result darken result darken result

Paso 10

Vuelve al grupo de árboles 2 y haz una sombra para el árbol en el borde izquierdo (¡se me olvidó este detalle!).

tree 2 shadowtree 2 shadowtree 2 shadow

¡Felicidades, ya está!

¡Espero que hayas disfrutado de este tutorial y que no te hayas quedado dormido antes de terminar de leerlo! Como siempre, eres muy bienvenido a compartir tus comentarios y opiniones en la sección de abajo. ¡Disfruta de Photoshop!

Final product of Emerald City from Wizard of OzFinal product of Emerald City from Wizard of OzFinal product of Emerald City from Wizard of Oz
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.