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

Cómo Crear una Divertida Fotomanipulación Submarina con Adobe Photoshop

En éste tutorial te mostraré cómo crear una divertida escena submarina que presenta a un pez grande atorado en un árbol.
Scroll to top

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 éste tutorial te mostraré cómo crear una divertida escena submarina que presenta a un pez grande atorado en un árbol.

Primero crearemos la escena base usando el cielo, el mar y una capa rellena de color. Luego agregaremos el bote, el árbol, y el pez, y los mezclaremos juntos usando capas de ajuste, máscaras y pinceles. Después de eso, importaremos las hojas y el ave, y pintaremos las burbujas. Pintaremos la luz y añadiremos varias cajas de ajuste para completar el efecto final.

Recursos del Tutorial

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

1. Cómo Agregar el Cielo

Paso 1

Crea un nuevo documento de 2000 x 1684 en Photoshop con la configuración dada:

new filenew filenew file

Paso 2

Presiona Control-Mayúsculas-N para crear una nueva capa. Pulsa G para activar la Herramienta Degradado y elige el Degradado Radial con los colores #60bbec y #15569 . Arrastra una línea de izquierda a derecha para obtener un resultado similar al de abajo:

gradient fillgradient fillgradient fill

Paso 3

Abre la imagen del cielo. Arrastra ésta imagen al lienzo azul usando la Herramienta Mover (V) y colócala en la mitad superior.

add skyadd skyadd sky

Haz click en el segundo ícono en la parte inferior del panel Capas para agregar una máscara a ésta capa. Utiliza un pincel redondeado suave de color negro (pincel negro suave) con la Opacidad de entre 30-35% para reducir la intensidad de las nubes en la parte superior del cielo. Nuestro objetivo es agregar la luz principal desde la izquierda y oscurecer el área derecha, para que las nubes ahí no sean demasiado obvias.

sky maskingsky maskingsky masking

Paso 4

Ve a Capa > Nueva Capa de Ajuste > Equilibrio de Color y establécela como Máscara de Recorte. Cambia la configuración de Medios Tonos.

sky color balancesky color balancesky color balance

Paso 5

Utiliza una capa de ajuste Intensidad para realzar el color del cielo. Lleva el valor de Intensidad a lo máximo.

sky vibrancesky vibrancesky vibrance

Paso 6

Crea una capa de ajuste Curvas para oscurecer la esquina derecha del cielo. En ésta máscara de capa, utiliza un pincel negro suave para borrar la parte izquierda así su claridad no será cambiada.

sky curvessky curvessky curves

2. Cómo Crear la Parte Submarina

Paso 1

Para crear la base submarina, crea una capa Relleno de Color y selecciona el color #205265 .

make underwater basemake underwater basemake underwater base

Utiliza la Herramienta Marquesina Rectangular (M) para tomar la mitad superior del canvas cian. Selecciona la máscara de capa y cambia el color de frente a blanco. Haz click en Borrar para revelar el cielo.

sky maskingsky maskingsky masking
sky masking resultsky masking resultsky masking result

Paso 2

Agrega una capa de ajuste Curvas para incrementar la claridad para la parte superior izquierda. En su máscara, utiliza un pincel suave negro para pintar el resto.

base curvesbase curvesbase curves

Paso 3

Usa otra capa de ajuste Curvas para poner brillo en la parte superior izquierda. Pinta en el resto, así no será afectada por ésta capa de ajuste.

base curves 2base curves 2base curves 2

Paso 4

Abre la imagen del mar y colócala sobre la base submarina. Utiliza la Herramienta Transformación Libre (Control-T) con el fin de hacerla mucho más angosta para que encaje en la perspectiva del mar.

add seaadd seaadd sea

Usa una máscara de capa y un pincel negro de dureza media para eliminar los bordes duros, recordando seguir el movimiento de las olas para lograr un resultado más creíble.

sea maskingsea maskingsea masking

Paso 5

Agrega una capa de ajuste Tono/Saturación para desaturar el color del mar. Cambia el valor de Saturación a -66:

sea hue saturationsea hue saturationsea hue saturation

Paso 6

Usa la capa de ajuste Equilibrio de Color para hacer coincidir la superficie del mar con la base submarina.

sea color balancesea color balancesea color balance

Paso 7

Crea una capa de ajuste Curvas para oscurecer la parte derecha de la superficie. Pinta en la parte izquierda, así no será afectada por ésta capa de ajuste.

sea curvessea curvessea curves

Paso 8

Crea una nueva capa y usa un pincel blanco de dureza media con un tamaño pequeño (de unos 10-12 px) para pintar el trazo a lo largo de la superficie para definir mejor la superficie.

sea linesea linesea line

Paso 9

Abre la imagen de la hierba. Selecciona la parte de la hierba sólamente y agrégala al área más baja del agua submarina. Cambia el modo de ésta capa a Luz Suave 100%.

add grassadd grassadd grass

Usa una máscara de capa para fusionar el fondo de la hierba con el mar.

grass maskinggrass maskinggrass masking

Paso 10

Ve a Filtro > Desenfocar > Desenfoque Gaussiano y establece el Radio en 6 px:

grass gaussian blurgrass gaussian blurgrass gaussian blur

En ésta máscara de filtro, usa un pincel negro suave para borrar el fondo y dejar el frente desenfocado. Ésto es para crear alguna profundidad de campo.

grass gaussian blur maskinggrass gaussian blur maskinggrass gaussian blur masking

Paso 11

Usa una capa de ajuste Tono/Saturación para hacer coincidir el color de la hierba con el fondo.

grass hue saturationgrass hue saturationgrass hue saturation

3. Cómo Agregar el Bote

Paso 1

Aisla el bote y agregalo a la parte inferior derecha del área submarina.

add boatadd boatadd boat

Usa una máscara de capa para fusionar el bote con el terreno herboso. No te preocupes si no se ve bien-lo arreglaremos más adelante.

boat maskingboat maskingboat masking

Paso 2

Crea una capa de ajuste Curvas para oscurecer el bote.

boat curves 1boat curves 1boat curves 1

Paso 3

Usa otra capa de ajuste Curvas para cambiar el contraste del bote. Está abajo del agua así debería ser menos obvio. El área seleccionda en la parte inferior derecha muestra dónde pintar en la máscara de capa.

boat curves 2boat curves 2boat curves 2

Paso 4

Agrega una capa de ajuste Tono/Saturación y lleva el valor de Saturación hasta -94.

boat hue saturationboat hue saturationboat hue saturation

Paso 5

Usa una capa Relleno de Color y selecciona un color similar al fondo submarino (#255465 ). Disminuye la Opacidad de ésta capa a 60%. Ayuda a fusionar el bote con el fondo completamente.

boat color fillboat color fillboat color fill

4. Cómo Agregar el Árbol

Paso 1

Aisla el árbol del fondo y colócalo arriba del bote. Establece la capa del árbol debajo de la del bote, y usa una máscara de capa para remover la sección media arriba y abajo de la superficie, la parte debajo del bote, y la parte hacia la izquierda. La idea es hacer que el árbol se vea como si saliera del bote.

add treeadd treeadd tree
tree maskingtree maskingtree masking

Paso 2

Agrega una capa Relleno de Color y selecciona el color #0e5c72 para fusionar la parte debajo del agua con el fondo. Disminuye la Opacidad de ésta capa a 50% y borra la parte de arriba de la superficie.

tree color filltree color filltree color fill

Paso 3

Crea una capa de ajuste Equilibrio de Color y cambia la configuración de Iluminaciones para incrementar el rojo intenso/dorado de la parte superior del árbol. La parte inferior debería ser borrada.

tree color balancetree color balancetree color balance

Paso 4

El árbol parcece demasiado oscuro, así que agrega una capa de ajuste Curvas e incrementa la claridad. En ésta máscara de capa, usa un pincel negro de dureza media para borrar el lado derecho del tronco y ramas para que encaje la luz desde la izquierda.

tree curvestree curvestree curves
tree curves maskingtree curves maskingtree curves masking

Paso 5

Usa una capa de ajuste Niveles para fortalecer la iluminación en el árbol. Aplica la pintura en la máscara como lo hicimos en el paso anterior.

tree leavestree leavestree leaves

5. Cómo Agregar el Pez

Paso 1

Corta el pez y colócalo arriba del árbol. Usa una máscara de capa con un pincel negro duro para revelar las ramas de la derecha. ¡Ahora parece que el pez estuviera atorado en el árbol!

add fishadd fishadd fish

Paso 2

Haz una capa de ajuste Tono/Saturación y reduce el valor de Saturación a -43.

fish hue saturationfish hue saturationfish hue saturation

Paso 3

Agrega una capa de ajuste Curvas para poner brillo al pez pues ahora es demasiado oscuro. Pinta en la derecha dónde está oculto de la fuente de luz.

fish curves 1fish curves 1fish curves 1

Paso 4

Crea una nueva capa, cambia el modo a Superponer 100%, y rellena con un gris 50%. Usa la Herramienta Sobreexponer y Subexponer (O) con el Rango de Medios Tonos y Exposición de entre 15-20% para poner brillo a la parte del trazo del pez y ojo y oscurecer  los detalles ocultos en su boca. Puedes ver cómo lo hice con modo Normal y el resultado con modo Superponer.

fish DBfish DBfish DB
DB resultDB resultDB result

Paso 5

Haz una nueva capa debajo de la capa del pez y arriba de la del árbol. Usa un pincel negro suave con la Opacidad de un 30% para pintar la sombra de la aleta ventral en el árbol.

fish shadowfish shadowfish shadow

Paso 6

Para hacer una sombra de las ramas en el pez, haz una nueva capa arriba de la del pez: Manten presionada la tecla Control mientras haces click en la miniatura de la capa del árbol para cargar su selección. Rellena ésta selección con negro y muévela a la derecha un poco (pues la luz viene de la izquierda).

tree shadowtree shadowtree shadow

Disminuye la Opacidad a 40% y usa una máscara de capa para despejar las áreas de sombra innecesarias afuera del pez.

tree shadow maskingtree shadow maskingtree shadow masking

Paso 7

Aplica un Desenfoque Gaussiano de 5 px para suavizar la sombra.

soften shadowsoften shadowsoften shadow

6. Cómo Agregar las Hojas

Paso 1

Abre la imagen de las hojas. Usa la Herramienta Mover para seleccionar la hoja que quieras y agrégala a la parte inferior izquierda del agua. Usa Control-T con modo Deformar para modificarla con el fin de hacerla ver más dinámica e interesante.

add leafadd leafadd leaf

Paso 2

Aplica un Desenfoque Gaussiano de 8 px a ésta hoja.

leaf gaussian blurleaf gaussian blurleaf gaussian blur

Paso 3

Agrega más hojas alrededor del pez, debajo del agua, arriba de la superficie y en el cielo. Puedes variar la forma, el desenfoque, la distancia y el movimiento de ellas para incrementar el dinamismo y la profundidad de la escena.

add more leavesadd more leavesadd more leaves

Paso 4

Selecciona todas las capas de las hojas y presiona Control-G para hacer un grupo para ellas. Cambia el modo de éste grupo a Normal 100% y agrega una capa de ajuste Tono/Saturación dentro del grupo para desaturar las hojas.

leaves hue saturationleaves hue saturationleaves hue saturation

Paso 5

Crea una capa de ajuste Mezclador de Canales para cambiar a cian el color de las hojas que están bajo el agua. Borra las de arriba de la superficie para mantener su color amarillo.

leaves channel mixer redleaves channel mixer redleaves channel mixer red
leaves channel mixer blueleaves channel mixer blueleaves channel mixer blue

Paso 6

Crea una capa de ajuste Curvas para poner brillo a las hojas en la izquierda de la escena. Pinta en el resto de las hojas pues están en el área oscura o lejos de la luz.

leaves curves 1leaves curves 1leaves curves 1
leaves curves 1 maskingleaves curves 1 maskingleaves curves 1 masking
leaves curves 1 masking resultleaves curves 1 masking resultleaves curves 1 masking result

Paso 7

Utiliza otra capa de ajuste Curvas para oscurecer las hojas bajo el agua, en la esquina derecha del cielo.

leaves curves 2leaves curves 2leaves curves 2
leaves curves 2 maskingleaves curves 2 maskingleaves curves 2 masking
leaves curves 2 masking resultleaves curves 2 masking resultleaves curves 2 masking result

7. Cómo Agregar el Ave

Paso 1

Aisla el ave y agrégalo al lado izquierda de la escena.

add birdadd birdadd bird

Paso 2

Usa una capa de ajuste Equilibrio de Color para cambiar el color del ave.

bird color balancebird color balancebird color balance

Paso 3

Agrega una capa de ajuste Curvas para reducir la luz en la parte inferior de las áreas ocultas. Las partes seleccionadas muestran dónde pintar en la máscara de capa.

bird curvesbird curvesbird curves

8. Cómo Pintar las Burbujas

Paso 1

Cambia el color de frente a un cian muy tenue (#c2cfd5 ) y activa los pinceles de burbujas. Elige la que gustes (he elegido 93) y presiona F5 para cambiar la configuración del pincel:

bubble brush settingsbubble brush settingsbubble brush settings

Pinta las diminutas burbujas a lo largo del flujo de las hojas que caen. Puedes reducir o incrementar el tamaño del pincel al mantener presionada [ o ].

paint bubblespaint bubblespaint bubbles

Paso 2

Usa el mismo pincel con una Opacidad disminuida (60-70%) para pintar burbujas más grandes en los bordes, y suaviza las burbujas con un filtro Desenfoque Gaussiano.

paint more bubblespaint more bubblespaint more bubbles

9. Cómo Realizar los Ajustes Finales

Paso 1

Crea una capa de ajuste Mapa de Degradado arriba de las capas y selecciona los colores #1b243f y #f8b884 . Cambia el modo de ésta capa a Luz Suave 100%.

gradient mapgradient mapgradient map

Paso 2

Crea una nueva capa y utiliza un pincel suave con el color #1f0b01 para pintar en el horizonte izquierdo. Altera el modo a Sobreexpsición Lineal 100%.

paint light 1paint light 1paint light 1

Paso 3

Usa un color amarillo (#efa67e ) para fortalecer la luz en la izquierda. Establece el modo de ésta capa a Superponer 100%:

paint light 2paint light 2paint light 2
light 2 overlay modelight 2 overlay modelight 2 overlay mode

Paso 4

Crea una capa de ajuste Curvas para incrementar la luz en la izquierda. Pinta en el resto de la escena así no será afectada por ésta capa de ajuste.

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

Paso 5

Agrega otra capa de ajuste Curvas para fortalecer la sombra en la derecha.

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

Paso 6

El último paso: Usa una capa de ajuste Intensidad para realzar el efecto final.

vibrancevibrancevibrance

¡Felicidades, Terminaste!

Espero que hayas disfrutado mi tutorial y aprendido algo nuevo. Con toda confianza comparte tus ideas o comentarios en la sección de abajo-me encantaría verlos. ¡Disfruta Photoshopear!

final resultfinal resultfinal result