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 Fotomanipulación de un Gato y Peces Voladores Con Adobe Photoshop

Scroll to top
Read Time: 10 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 éste tutorial, te mostraré cómo usar Adobe Photoshop para crear una fotomanipulación que presenta un gato observando un peces voladores.

Primero, crearemos la escena base usando imágenes de un cielo y un muro. Después de eso, agregaremos el gato, los peces y los árboles, y los combinaremos usando capas de ajuste, máscaras y pinceles. Más tarde, pintaremos alguna luz de ensueño y completaremos el tutorial con varias cajas de ajuste.

Recursos del Tutorial

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

1. Cómo Crear la Escena Base

Paso 1

Crea un nuevo documento de 2000 x 1700 px en Photoshop con los parámetros dados:

new filenew filenew file

Paso 2

Abre la imagen del cielo. Usa la Herramienta Marco Rectangular (M) para seleccionar únicamente el área del cielo, y arrástrala al lienzo blanco usando la Herramienta Mover (V).

add skyadd skyadd sky

Paso 3

Para suavizar el cielo, ve a Filtro > Desenfocar > Desenfoque Gaussiano y establece el Radio en 8 px:

sky gaussian blursky gaussian blursky gaussian blur

Paso 4

Duplica la capa del cielo y múevela hacia arriba y a la derecha. El objetivo es mover el área clara del cielo a la posición más alta del lado izquierdo.

sky duplicatedsky duplicatedsky duplicated

Haz click en el segundo ícono en la parte inferior del panel Capas para añadir una máscara a ésta capa. Usa un pincel circular difuso de color negro (pincel difuso negro) para borrar el lado derecho del lienzo pues únicamente necesitamos la izquierda del duplicado.

duplicated sky maskingduplicated sky maskingduplicated sky masking

Paso 5

Selecciona las dos capas del cielo y presiona Control-G para hacer un grupo de ellas. Cambia el modo de éste grupo a Normal 100% y crea una capa de ajuste de Equilibrio de Color dentro de éste grupo (Capa > Nueva Capa de Ajuste > Equilibrio de Color):

sky color balancesky color balancesky color balance

Paso 6

Haz una capa de ajuste de Curvas y decrementa la iluminación un poco. En éste máscara de capa, usa un pincel difuso negro para pintar el la parte inferior del lado izquierdo y haz que la parte superior derecha llegue a ser más oscura para encajar la principal fuente de luz.

sky curves sky curves sky curves

Paso 7

Abre la imagen del muro. Utiliza la Herramienta Lazo Poligonal (L) para tomar únicamente el muro y colócala en la mitad inferior del lienzo principal.

add walladd walladd wall

Paso 8

Haz una nueva capa y establécela como Máscara de Recorte. Activa la Herramienta Tampón de Clonar (S) para eliminar algunos detalles no deseados en el muro:

wall cloningwall cloningwall cloning

Paso 9

Crea una capa de ajuste de Curvas para poner brillo al muro. En ésta máscara de capa, usa un pincel negro difuso con una opacidad menor (20-25%) para pintar en el área inferior del muro para que no sea demasiado brillante.

wall curveswall curveswall curves

Paso 10

Haz una nueva capa, cambia el modo a Superponer 100%, y relléna de gris 50%:

Dodge new layerDodge new layerDodge new layer

Activa la Herramienta Sobreexponer (O) con Rango Medios Tonos, Exposición 10-15% para pintar más luz en la izquierda de la superficie de la pared pues está más cerca de la luz que la parte derecha. Puedes ver cómo lo hice con el modo Normal y el resultado con el modo Superponer.

Dodging resultDodging resultDodging result

Paso 11

Agrega una capa de ajuste de Equilibrio de Color y cambia los parámetros de Medios Tonos y de Iluminaciones. Usa un pincel difuso negro para reducir el efecto en el área oculta del muro y deja la luz cálida reflejada principalmente en la superficie.

wall color balance midtoneswall color balance midtoneswall color balance midtones
wall color balance highlightswall color balance highlightswall color balance highlights

Paso 12

Usa una capa de ajuste de Filtro de Fotografía para dar más luz cálida al muro. Selecciona el color #a4640a:

wall photo filterwall photo filterwall photo filter

Paso 13

Para hacer la sombra del plato superior en la pared, usa la Herramienta Marco Rectangular para tomar una selección abajo del plato y luego rellénala con el color #171516.

wall shadow selectionwall shadow selectionwall shadow selection

Disminuye la opacidad de éste capa a 60% y aplica un Desenfoque Gaussiano de 4 px para suavizar la sombra.

wall shadow gaussian blurwall shadow gaussian blurwall shadow gaussian blur

Usa una máscara de capa para aclarar la opacidad de la sombra en el área inferior.

wall shadow maskingwall shadow maskingwall shadow masking

2. Cómo Retocar el Gato

Paso 1

Extrae el gato del fondo y colócalo en el lado derecho de la superficie del muro.

add catadd catadd cat

Paso 2

Para hacer la sombra del gato en el muro, crea una nueva capa debajo de la del gato. Manten presionada la tecla Control y haz click en la miniatura de la capa del gato para cargar ésta selección. Rellena ésta selección del color #171516.

load cat selectionload cat selectionload cat selection

Voltéalo verticalmente (Edición > Transformar > Voltear Vertical) y usa la Herramienta Transformación Libre (Control-T) para hacerlo más largo y más angosto.

cat shadow transformingcat shadow transformingcat shadow transforming

Disminluye la Opacidad de ésta capa a 70% y aplica un Desenfoque Gaussiano de 5 px a ésta capa.

cat shadow gaussian blurcat shadow gaussian blurcat shadow gaussian blur

Agrega una máscara a ésta capa y borra las partes de la sombra no deseadas en el área inferior del muro y la cola (haremos la sombra de la cola en una capa separada).

cat shadow maskingcat shadow maskingcat shadow masking

Paso 3

Crea una nueva capa y carga la selección del gato como lo hicimos en el paso previo. Pulsa Control-I para invertir la selección.

cat selection invertcat selection invertcat selection invert

Utiliza la Herramienta Lazo para mover el cuerpo del gato hasta que sólamente la cola no esté seleccionada.

cat tail unselectedcat tail unselectedcat tail unselected

Presiona de nuevo Control-I,y tenemos ahora la selección de la cola. Haz la sombra para la cola en el muro como lo hicimos con el cuerpo.

cat tail shadowcat tail shadowcat tail shadow

Paso 4

Agrega una capa de ajuste de Tono/Saturación para cambiar el color del collar. Altera los valores de Cianes:

cat hue saturationcat hue saturationcat hue saturation

Paso 5

Crea una capa de ajuste de Curvas para hacer el gato brillante. Pinta en las áreas de sombra y la parte superior de la cabeza para que no sean afectadas o sean menos afectadas por ésta capa de ajuste.

cat curvescat curvescat curves
cat curves maskingcat curves maskingcat curves masking

Paso 6

Haz una nueva capa, y utiliza un pincel difuso blanco para pintar el contorno del gato y el área fuerte de la sombra del gato para abrillantar éstos detalles. Cambia éste modo de capa a Sobreexposición Lineal 100%. Varía la opacidad del pincel dependiendo de la brillantez de los diferentes detalles para obtener un mejor resultado.

brighten catbrighten catbrighten cat

Paso 7

Haz una nueva capa, cambia el modo a Superponer 100%, y rellénala de 50% gris. Utiliza la Herramienta Sobreexponer  y Subexponer para continuar refinando la luz y la sombra en el gato.

cat DBcat DBcat DB

Paso 8

Agrega una capa de ajuste de Equlibrio de Color y cambia los valores de Medios Tonos e Iluminaciones:

cat color balance midtonescat color balance midtonescat color balance midtones
cat color balance highlightscat color balance highlightscat color balance highlights

Paso 9

Crea una nueva capa, y no la establezcas como Máscara de Capa. Usa un pincel pequeño medio definido con un color amarillo claro (#fef5dc) para pintar algunos bigotes para el gato.

cat whiskerscat whiskerscat whiskers

3. Cómo Agregar los Peces

Paso 1

Extra la imagen del pez 1 del fondo y colócala arriba del gato. Duplica ésta capa y haz el pez un poco más grande. Muévelo hacia la esquina derecha del lienzo.

add fishes 1add fishes 1add fishes 1

Paso 2

Aisla el resto de los peces y colócalos juntos de izquierda a derecha. Puedes duplicar los peces y redimensionarlos, pero recuerda no hacer algunos demasiado grandes o demasiado pequeños que los otros. He colocado el pez 7 para que encaje en la dirección de la mirada del gato. Aquí está mi resultado, pero puedes hacer tu propio arreglo.

add more fishesadd more fishesadd more fishes

Paso 3

Puedes ver que los peces tienen un esquema de color similar. Recorreré el proceso común de retoque y hazlos encajar juntos para que no veas los pasos reiterativos y te aburras. Me he puesto como objetivo hacer algunos de los peces más naranja, y el resto más magenta/rosados.

Primero, usa una capa de clonación (establécela como Máscara de Recorte) para cada una de las capas de peces duplicadas para hacerla parecer diferentes del original. Puedes duplicar el ojo, la aleta y otros detalles en los cuerpos de los peces.

fishes cloningfishes cloningfishes cloning

Paso 4

Crea una capa de ajuste de Tono/Saturación para desaturar el verde/amarillo de los peces. Aquí están los parámetros que he usado para el pez 1, y puedes aplicarlos a los demás peces. Dependiendo de qué tan saturado estén los peces, puedes alterar los parámetros un poco hasta que te sientas satisfecho.

fishes 1 hue saturationfishes 1 hue saturationfishes 1 hue saturation

Aquí está el resultado de los peces después de agregar un ajuste de Tono/Saturación con parámetros similares.

fishes hue saturation resultsfishes hue saturation resultsfishes hue saturation results

Paso 5

Haz una capa de ajuste de Equilibrio de Color para cambiar el color de los peces. Aquí están los valores que he aplicado al pez seleccionado que quiero sea más naranja que los otros. Incrementa el Azul de los Medios Tonos y el Amarillo de las Iluminaciones.

fishes color balance 1 midtonesfishes color balance 1 midtonesfishes color balance 1 midtones
fishes color balance 1 highlightsfishes color balance 1 highlightsfishes color balance 1 highlights

Y aquí están los parámetros para el resto de los peces (incrementa el valor de Cian). Recuerda alterar los parámetros para hacerlos adecuados para los específicos.

fishes color balance 2 midtonesfishes color balance 2 midtonesfishes color balance 2 midtones
fishes color balance 2 highlightsfishes color balance 2 highlightsfishes color balance 2 highlights

Paso 6

Crea un grupo para los peces. Todos los peces son demasiado oscuros, así que usa una capa de ajuste de Curvas para incrementar su iluminación y contraste.

fishes curvesfishes curvesfishes curves

Usa un pincel difuso negro para reducir el brillo en la parte frontal de los cuerpos de los peces (las partes hacia la derecha) y las áreas de las sombras.

fishes curves masking resultfishes curves masking resultfishes curves masking result

Paso 7

Utiliza la Herramienta Sobreexponer y Subexponer para refinar la luz y la sombra de los peces. El pez que esté más cerca de la izquierda o más oscuro que los otros necesita tener más luz añadida.

fishes DBfishes DBfishes DB

Paso 8

Crea una nueva capa y usa un pincel difuso blanco, de 2 px, para hacer una iluminación dentro del ojo del pez 7. Es para enfatizar la mirada de éste pez y crear más de una conexión con el gato.

fish 7 eye highlightfish 7 eye highlightfish 7 eye highlight

4. Cómo Agregar los Árboles

Paso 1

Mueve el árbol 1 a la parte inferior izquierda del lienzo y aplica un Desenfoque Gaussiano de 8 px a ésta capa.

add tree 1add tree 1add tree 1

Paso 2

Agrega una capa de ajuste de Tono/Saturación y altera el valor de Tono de Todos:

tree 1 hue saturationtree 1 hue saturationtree 1 hue saturation

Paso 3

Usa una capa de ajuste de Equilibrio de Color y trabaja en los parámetros de Medios Tonos:

tree 1 color balancetree 1 color balancetree 1 color balance

Paso 4

Crea otra capa de ajuste de Tono/Saturación y cambia los valores del Amarillo:

tree 1 hue saturation 2tree 1 hue saturation 2tree 1 hue saturation 2

Paso 5

Haz una capa de ajuste de Curvas para incrementar la iluminación y agrega un tono azulado al árbol.

tree 1 curvestree 1 curvestree 1 curves

Paso 6

Agrega árbol 2 a la parte inferior derecha de la pared y aplica un Desenfoque Gaussiano de 8 px a él.

add tree 2add tree 2add tree 2

Paso 7

Utiliza una capa de ajuste de Tono/Saturación y altera los parámetros de Todos:

tree 2 hue saturationtree 2 hue saturationtree 2 hue saturation

Paso 8

Continúa cambiando el color del árbol con una capa de ajuste de Equlibrio de Color.

tree 2 color balancetree 2 color balancetree 2 color balance

Paso 9

Pon brillo al árbol usando una capa de ajuste de Curvas.

tree 2 curvestree 2 curvestree 2 curves

5. Cómo Realizar los Ajustes Finales

Paso 1

Para crear una luz de ensueño para la escena, haz una nueva capa arriba de las capas. Utiliza un pincel difuso claro (#e9cfbd) para pintar en el lienzo, y luego cambia el modo de ésta capa a Trama 20%.

paint lightpaint lightpaint light
light screen mode 20light screen mode 20light screen mode 20

Paso 2

Usa una máscara de capa para eliminar la parte inferior y la parte superior de la escena para hacer el efecto de ensueño más visible principalmente alrededor de la parte central izquierda del pez.

light maskinglight maskinglight masking

Paso 3

Haz una capa de ajuste de Mapa de Degradado y elige los colores #48517d y #b68760. Altera el modo de ésta capa a Luz Suave 100%.

whole scene gradient mapwhole scene gradient mapwhole scene gradient map

Paso 4

Crea una capa de ajuste de Equlibrio de Color y altera los parámetros 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 5

Usa una capa de ajuste de Intensidad para realzar el efecto final. Utiliza un pincel difuso negro para reducir el azul en la parte inferior del muro pues la he encontrado demasiado saturada.

whole scene vibrancewhole scene vibrancewhole scene vibrance

¡Felicidades, Terminaste!

Espero que hayas disfrutado el tutorial y hayas aprendido algo nluevo para tu propio proyecto. Con toda confianza comparte tus resultados o deja tus comentarios en la sección de abajo. ¡Disfruta Photoshopear!

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.