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

Cómo crear una surrealista escena submarina con Adobe Photoshop

Scroll to top
Read Time: 9 mins

Spanish (Español) translation by Javier Salesi (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 surrealista escena submarina que presenta a un gato en un zapato. Aprenderás cómo crear una escena submarina usando varias imágenes de stock, y también cómo poner un adorable gatito en un zapato ¡y hacer su primera aventura! Durante este tutorial también aprenderás cómo trabajar con grupos, crear iluminación, aplicar pinceles de burbuja en un entorno submarino, realzar la profundidad de campo y más.

Recursos del tutorial

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

1. Agrega la escena submarina

Paso 1

Crea un nuevo documento de 1500 x 1263 px en Photoshop con los ajustes que aparecen a continuación:

new filenew filenew file

Paso 2

Abre la imagen submarina. Usa la Herramienta mover (V) para arrastrarla al lienzo, y colócala en la mitad inferior:

adding underwateradding underwateradding underwater

Paso 3

Usa una capa de ajuste y establécela como Máscara de recorte para reducir la saturación de la escena submarina. Ve a Capa > Nueva capa de ajuste > Tono/Saturación y decrementa el valor de Saturación a -79.

underwater hue saturationunderwater hue saturationunderwater hue saturation

Paso 4

Haz una capa de ajuste de Equilibrio de color y cambia los ajustes de Medios tonos para dar algo de intensidad a la escena submarina.

underwater color balanceunderwater color balanceunderwater color balance

Paso 5

Usa una capa de rellena de color para reducir la visibilidad submarina y agrégale algo de profundidad. Ve a Capa > Nueva capa de relleno > Color uniforme y elige un color cian medio oscuro (yo elegí #2e595c). Disminuye la Opacidad de esta capa a 50%.

underwater fill layerunderwater fill layerunderwater fill layer

Paso 6

Crea una capa de ajuste de Curvas para oscurecer la escena submarina. Queremos que la luz principal llegue desde la parte superior izquierda. En esta capa, usa un pincel circular difuso con color negro (pincel difuso negro) para borrar la parte superior izquierda para hacer esta parte más brillante que el resto. También incrementa la profundidad de la parte submarina.

underwater curvesunderwater curvesunderwater curves

2. Agrega la superficie del mar

Paso 1

Abre la imagen del mar. Usa la Herramienta marco rectangular (M) para seleccionar la parte central del mar:

select the sea partselect the sea partselect the sea part

Coloca esta parte del mar en el centro de nuestro documento principal, arriba de la parte submarina:

adding seaadding seaadding sea

Paso 2

Agrega una máscara a esta capa, y usa un pincel difuso negro para suavizar los bordes definidos y fusionar la superficie del mar con la parte submarina y el horizonte, siguiendo el movimiento de las olas.

sea maskingsea maskingsea masking

Paso 3

Crea una capa de ajuste de Tono/Saturación para hacer que el color de la superficie del mar coincida con la parte submarina:

sea hue saturationsea hue saturationsea hue saturation

Paso 4

Haz una capa de ajuste de Curvas e incrementa la luminosidad.

sea curves sea curves sea curves

En esta máscara de capa, usa un pincel difuso negro para borrar algunas áreas en el lado inferior y el lado derecho, pues debería ser menos brillante que el lado izquierdo:

sea curves masking sea curves masking sea curves masking

3. Agrega el cielo

Paso 1

Abre la imagen del cielo. Selecciona la parte superior del cielo usando la Herramienta marco rectangular.

select skyselect skyselect sky

Arrastra este cielo seleccionado a nuestro documento y colócalo en la mitad superior. Voltéalo horizontalmente eligiendo Edición > Transformar > Voltear horizontal. Recuerda establecer esta capa debajo de la capa de la escena submarina.

adding skyadding skyadding sky

Paso 2

Haz una capa de ajuste de Equilibrio de color para igualar el color del cielo con el del mar:

sky color balancesky color balancesky color balance

4. Agrega el zapato

Paso 1

Abre la imagen del zapato y extráela del fondo usando la Herramienta varita mágica (W).

extract shoeextract shoeextract shoe

Paso 2

Coloca el zapato en la sección central de la escena y voltéala horizontalmente:

adding shoeadding shoeadding shoe

Agrega una máscara a esta capa y usa un pincel medio difuso negro para hacer que la parte inferior del zapato aparezca debajo de la superficie del mar.

shoe maskingshoe maskingshoe masking

Paso 3

Haz una capa de ajuste de Tono/Saturación (establécela como Máscara de recorte) y disminuye el valor de Saturación a -88:

shoe hue saturationshoe hue saturationshoe hue saturation

Paso 4

Crea una capa de ajuste de Filtro de fotografía y elige un color cian medio oscuro (#607a85) para hacer coincidir el color del zapato con el del fondo:

shoe photo filtershoe photo filtershoe photo filter

Paso 5

Añade una capa de ajuste de Curvas y reduce la luminosidad.

shoe curves 1shoe curves 1shoe curves 1

En esta máscara de capa, usa un pincel difuso negro para borrar la parte superior del zapato que está arriba de la superficie del mar:

shoe curves 1 maskingshoe curves 1 maskingshoe curves 1 masking

Paso 6

Haz otra capa de ajuste de Curvas e incrementa la iluminación.

shoe curves 2shoe curves 2shoe curves 2

En esta máscara de capa, usa un pincel difuso negro para borrar la parte inferior y las áreas de sombra.

shoe curves 2 maskingshoe curves 2 maskingshoe curves 2 masking

Paso 7

Para hacer que la parte inferior del zapato se fusione mejor con el agua, crea una capa de relleno de color y elige un color cian oscuro (#2d4b54). Disminuye la Opacidad de esta capa a 50%.

shoe fill layer shoe fill layer shoe fill layer

Usa un pincel difuso negro en la máscara de esta capa para eliminar el efecto en la parte superior del zapato.

shoe fill layer maskingshoe fill layer maskingshoe fill layer masking

Paso 8

Crea una nueva capa (establécela como Máscara de capa), cambia el modo a Superponer 100%, y rellénala de gris 50%:

dodge tool new layerdodge tool new layerdodge tool new layer

Selecciona la Herramienta sobreexponer (O) con Rango de medios tonos y Exposición de 10% para llevar más luz al frente del zapato que está hacia la luz. Puedes ver cómo lo hice con modo Normal y el resultado con el modo Superponer:

dodge tool normal modedodge tool normal modedodge tool normal mode
dodge tool overlay modedodge tool overlay modedodge tool overlay mode

Paso 9

Haz una nueva capa y usa un pincel difuso con el color #9ed5da para pintar la luz debajo de la parte más baja del zapato para fusionar mejor esta parte con la parte submarina. Cambia el modo de esta capa a Luz suave 100%.

shoe bottom light shoe bottom light shoe bottom light

5. Agrega el gato

Paso 1

Abre la imagen del gato. Primero usa el método con el que estés más familiarizado para eliminar el fondo:

extract catextract catextract cat

Paso 2

Haz una nueva capa entre la extraída y el fondo, y rellénala con el color #80604e. Selecciona la máscara de la capa del gato, y usa un pincel definido con el tamaño de 3-6 px para recordar el pelaje y elimina los bordes oscuros restantes:

cat fur masking cat fur masking cat fur masking

Paso 3

Crea una nueva capa y usa un pincel definido con el color #eff3f6 para pintar el pelaje faltante junto con la cabeza y el cuerpo del gato.

cat fur paintingcat fur paintingcat fur painting

Paso 4

Oculta las capas del fondo y de los rellenos de color y presiona las teclas Control-Mayúsculas-Alt-E para combinar todas las capas transparente en una nueva. Mueve el gato combinado en el documento submarino usando la Herramienta mover. Colócalo en el zapato y voltéala horizontalmente:

adding catadding catadding cat

Agrega una máscara a esta capa y elimina la parte inferior de sus manos para hacer que se vea como si estuviera en el interior del zapato:

cat masking cat masking cat masking

Paso 5

Haz una capa de ajuste de Tono/Saturación (establece como Máscara de recorte) para desaturar el gato un poco:

cat hue saturationcat hue saturationcat hue saturation

Paso 6

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

cat color balancecat color balancecat color balance

Paso 7

Añade una capa de ajuste de Curvas y disminuye la iluminación. En esta máscara de capa, usa un pincel difuso negro para borrar la parte superior de las orejas y el lado derecho de la cabeza y el cuerpo.

cat curvescat curvescat curves

Paso 8

Crea una nueva capa, cambia el modo a Superponer, y rellénala de gris 50%. Usa la Herramienta sobreexponer para llevar más luz a la parte superior de las orejas, la cabeza y las manos, y la Herramienta subexponer para sombrear y reducir la iluminación en el cuello.

cat dodge and burncat dodge and burncat dodge and burn

Paso 9

Para hacer la sombra de la gata en el zapato, crea una nueva capa debajo de la del gato. Usa un pincel difuso negro con la Opacidad de 20-25% para pintar en la parte debajo de las manos:

cat shadowcat shadowcat shadow

6. Agrega los pájaros

Paso 1

Abre la imagen pájaros 1. Aísla los pájaros del fondo usando la Herramienta varita mágica.

isolate birds 1isolate birds 1isolate birds 1

Selecciona algunos pájaros para agregarlos al cielo, detrás del gato, recordando variar su tamaño para crear profundidad de campo:

adding small birdsadding small birdsadding small birds

Paso 2

Agrega dos pájaros más al fondo, haciéndolos más pequeños de los que ya están presentes. En cada una de estas capas, ve a Filtro > Desenfocar > Desenfoque gaussiano y establece el Radio en 2 px:

smaller birds gaussian blursmaller birds gaussian blursmaller birds gaussian blur

Paso 3

Agrega un pájaro más grande a la esquina derecha de la escena, arriba de la superficie submarina. Aplícale un Desenfoque gaussiano de 4 px:

add a bigger birdadd a bigger birdadd a bigger bird

Paso 4

Selecciona todas las capas de los pájaros y presiona Control-G para hacer un grupo para ellos. Cambia el modo de este grupo de Pass through (modo de grupo predeterminado) a Normal 100%. Crea una capa de ajuste de Tono/Saturación y reduce el valor de Saturación a -64:

birds 1 hue saturationbirds 1 hue saturationbirds 1 hue saturation

Paso 5

Agrega una capa de ajuste de Curvas e incrementa la luminosidad.

birds 1 curvesbirds 1 curvesbirds 1 curves

Usa esta máscara de capa para reducir la luminosidad en algunos pájaros, especialmente en el lado derecho y la parte inferior de ellos.

birds 1 curves maskingbirds 1 curves maskingbirds 1 curves masking

Paso 6

Abre la imagen pájaro 2, y aísla el pájaro usando la Herramienta varita mágica. Agrégalo a la parte superior izquierda de la escena, haciéndolo más grande que los existentes (pues está más cerca del espectador) y asegurándote de que encaje con la dirección de la mirada del gato:

add bird 2add bird 2add bird 2

Paso 7

Aplica un Desenfoque gaussiano a este pájaro e incrementa el Radio a 8 px para realzar la profundidad de campo:

bird 2 gaussian blurbird 2 gaussian blurbird 2 gaussian blur

Paso 8

Usa una capa de ajuste de Equilibrio de color (establécela como Máscara de recorte) para añadir algo de rojo/amarillo al pájaro:

bird 2 color balancebird 2 color balancebird 2 color balance

7. Agrega las burbujas

Cambia la clase de pincel al de las burbujas y el color en #c2cfd5. Selecciona un pincel que te guste y presiona F5 para cambiar los ajustes de este pincel:

bubble brush settings 1bubble brush settings 1bubble brush settings 1
bubble brush settings 2bubble brush settings 2bubble brush settings 2
bubble brush settings 3bubble brush settings 3bubble brush settings 3

Pinta algunas burbujas aleatoriamente en la parte inferior del zapato, recordando disminuir la opacidad del pincel y el tamaño para no hacer las burbujas demasiado visibles u obvias.

paint bubblespaint bubblespaint bubbles

8. Aplica los ajustes finales

Paso 1

Crea una capa de ajuste de Mapa de degradado en la parte superior de las capas y elige el color #1b243f y #f8b884. Cambia este modo de capa a Luz Suave 100%.

whole scene gradient map whole scene gradient map whole scene gradient map

Paso 2

Agrega una capa de ajuste de Equilibrio de color y cambia los ajustes de Medios tonos e Iluminaciones:

whole scene color balancewhole scene color balancewhole scene color balance
color balance resultcolor balance resultcolor balance result

Paso 3

Haz una capa de ajuste de Filtro de fotografía y elige el color #c5ae5d:

whole scene photo filter whole scene photo filter whole scene photo filter

Paso 4

Momento de agregar luz a la escena. Crea una nueva capa, y usa un pincel difuso con el color #1f0b01 para pintar en el lado izquierdo:

painting light 1 normal modepainting light 1 normal modepainting light 1 normal mode

Cambia el modo a Sobreexposición lineal 100% y usa una máscara de capa para reducir el efecto de luz en el pájaro más grande y en el lado del gato, en el zapato, y debajo de la superficie del agua donde están menos iluminados.

light 1 linear dodge modelight 1 linear dodge modelight 1 linear dodge mode

Paso 5

Haz una nueva capa y cambia el color del pincel a #efa67e. Pinta en la esquina izquierda para hacer una iluminación. Establece el modo de esta capa en Superponer 100%:

light 2 overlay modelight 2 overlay modelight 2 overlay mode

Paso 6

Agrega una capa de ajuste de Curvas para aplicar brillo a la parte superior izquierda. En esta máscara de capa, usa un pincel difuso negro para borrar la parte inferior izquierda y el lado derecho para mantener ahí la sombra:

whole scene curveswhole scene curveswhole scene curves

Paso 7

Usa una capa de ajuste de Intensidad para realzar todo el efecto:

whole scene vibrancewhole scene vibrancewhole scene vibrance

Felicidades, ¡Terminaste!

Espero que hayas disfrutado este tutorial y aprendido nuevas técnicas. Con toda confianza deja tu respuesta y comentarios en la sección que aparece a continuación, ¡me encantaría verlos! ¡Disfruta utilizando 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.