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

Cómo crear una manipulación fotográfica de Cerbero en Adobe Photoshop

Scroll to top

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

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

Cerbero es un perro de tres cabezas de la mitología griega, el guardián de las puertas del inframundo. Aunque normalmente se le representa como una bestia furiosa y sedienta de sangre, me gusta pensar que es un buen perro que sólo cumple con su deber. Hoy te mostraré cómo crear dicha criatura, usando técnicas de manipulación fotográfica en Adobe Photoshop.

Lo que necesitarás

Necesitarás los siguientes recursos para completar este proyecto:

1. Cómo preparar los recursos para la manipulación fotográfica

Paso 1

Abre las fotos del rottweiler en Photoshop. Toma la herramienta Varita mágica (W) y selecciona el área fuera de su cuerpo.

photoshop select outsidephotoshop select outsidephotoshop select outside
Dato: Mantén pulsada la tecla Shift para añadir más áreas a la selección

Paso 2

La selección automática rara vez es perfecta, así que vamos a corregirla. Entra en el modo Máscara rápida (Q) y usa un pincel para pintar las áreas no seleccionadas.

quick mask selectionquick mask selectionquick mask selection

Paso 3

Sal del modo Máscara rápida (Q) y ve a Seleccionar > Invertir para invertir la selección. Luego toma la herramienta Varita mágica (W) de nuevo y selecciona Perfeccionar borde en la parte superior.

photoshop selection refine edgephotoshop selection refine edgephotoshop selection refine edge

Paso 4

Cambia el Modo de visualización a En negro para ver mejor los bordes.

photoshop refine edge on blackphotoshop refine edge on blackphotoshop refine edge on black

Paso 5

Marca Radio inteligente y aumenta el Radio. Luego juega con los otros ajustes hasta que estés conforme con el resultado.

photoshop refine edge settingsphotoshop refine edge settingsphotoshop refine edge settings

También puedes usar la herramienta Perfeccionar radio (E) para que la detección de los bordes sea más precisa, especialmente donde el pelaje es visible.

photoshop refine radius toolphotoshop refine radius toolphotoshop refine radius tool

Paso 6

Cuando termines, pulsa OK e invierte la selección de nuevo para eliminar el fondo, o simplemente copia la selección a otro archivo.

photoshop remove white backgroundphotoshop remove white backgroundphotoshop remove white background

Paso 7

Haz lo mismo con los otros perros. Usa la Máscara rápida para quitar las partes desde el cuello hacia abajo.

photoshop quick mask selectphotoshop quick mask selectphotoshop quick mask select
photoshop quick mask removephotoshop quick mask removephotoshop quick mask remove
photoshop background removalphotoshop background removalphotoshop background removal

Paso 8

Junta todos los perros en una fila.

photoshop manipulation assetsphotoshop manipulation assetsphotoshop manipulation assets

Paso 9

El perro principal está iluminado de forma diferente a los otros, así que vamos a arreglarlo rápidamente. Selecciona su capa y ve a Imagen > Contraste automático, luego Imagen > Tono Automático.

photoshop auto contrastphotoshop auto contrastphotoshop auto contrast
photoshop contrast fixedphotoshop contrast fixedphotoshop contrast fixed

2. Cómo combinar varias fotos en una

Paso 1

Utiliza la herramienta Lazo (L) para seleccionar la mitad de la parte delantera del perro principal. Necesitamos hacer el pecho más ancho para colocar todas estas cabezas extras.

photoshop lasso toolphotoshop lasso toolphotoshop lasso tool

Paso 2

Usa la herramienta Mover (V) para arrastrar la mitad seleccionada hacia la derecha, creando algo de espacio en el medio.

photoshop move tool dragphotoshop move tool dragphotoshop move tool drag

Paso 3

Este espacio debe estar relleno. Selecciónalo con la herramienta Lazo (L).

photoshop select empty spacephotoshop select empty spacephotoshop select empty space

Paso 4

Ve a Edición > Rellenar y selecciona Según el contenido.

photoshop content aware fillphotoshop content aware fillphotoshop content aware fill

¡El pecho debería rellenarse perfectamente!

photoshop conent aware fill empty spacephotoshop conent aware fill empty spacephotoshop conent aware fill empty space

Paso 5

Hagamos que el cuerpo sea más musculoso e intimidante. Ve a Filtro > Licuar y usa la herramienta Deformar hacia delante (W) para "esculpir" el cuerpo. Usa un pincel pequeño y ten mucho cuidado, puedes usar Deshacer sólo una vez aquí, y es difícil corregir una modificación. Por prevención, presiona OK después de cada modificación exitosa y regresa a este filtro para continuar.

photoshop liquify filterphotoshop liquify filterphotoshop liquify filter

Paso 6

Después de que el cuerpo esté terminado, quita la cabeza con la herramienta Lazo (L) (¡no se lastimó a ningún animal en la producción de este tutorial!).

photoshop remove headphotoshop remove headphotoshop remove head

Paso 7

Decidí voltear toda la imagen con Imagen > Rotación de imagen > Voltear lienzo horizontal. Esto no es necesario; simplemente se veía mejor para mí.

Es hora de añadir las cabezas de los perros. Arrastra una de ellas sobre el cuerpo principal y usa la herramienta Transformación libre (Control-T) para ajustar su tamaño al cuerpo.

photoshop free transform toolphotoshop free transform toolphotoshop free transform tool

Paso 8

Usa la herramienta Borrador (E) o la Máscara de capa con un pincel difuso para fusionar sutilmente las partes que se superponen. Puedes aprender sobre el poder de la Máscara de capa en el tutorial rápido que se encuentra a continuación:

photoshop layer mask blendingphotoshop layer mask blendingphotoshop layer mask blending
photoshop layer mask effectphotoshop layer mask effectphotoshop layer mask effect

Paso 9

Añade otra cabeza al lado. Ajusta su tamaño...

photoshop size modificationphotoshop size modificationphotoshop size modification

...y luego usa el filtro Licuar para remodelar su cuello. Puedes mostrar el Fondo del cuerpo para ver mejor los cambios.

photoshop liquify backdropphotoshop liquify backdropphotoshop liquify backdrop

A continuación, usa la Máscara de capa de nuevo y continúa con la última cabeza.

photoshop layer mask how to usephotoshop layer mask how to usephotoshop layer mask how to use

3. Cómo añadir y ajustar el fondo de la manipulación fotográfica

Paso 1

Añadamos el fondo ahora. Arrastra la foto al archivo y ajusta su tamaño con la herramienta Transformación libre (Control-T). Asegúrate de que el suelo se ajusta a la perspectiva del cuerpo del perro. Luego usa la herramienta Recortar (C) para recortar toda la escena.

photoshop add backgroundphotoshop add backgroundphotoshop add background

Paso 2

Abre Ventana > Ajustes y selecciona Tono/Saturación en el panel (con la capa de fondo seleccionada).

photoshop adjustments panelphotoshop adjustments panelphotoshop adjustments panel

Paso 3

Juega con los controles deslizantes para hacer el fondo oscuro y misterioso.

photoshop hue saturation adjustmentphotoshop hue saturation adjustmentphotoshop hue saturation adjustment
photoshop dark backgroundphotoshop dark backgroundphotoshop dark background

Paso 4

Añade otro ajuste de Tono/Saturación, y esta vez haz que todo sea naranja cálido.

photoshop hue saturation hotphotoshop hue saturation hotphotoshop hue saturation hot
photoshop hot fiery backgroundphotoshop hot fiery backgroundphotoshop hot fiery background

Paso 5

Usa la herramienta Bote de Pintura (G) para llenar la Máscara de la capa de ajuste con negro. Luego pinta sobre ella con blanco para "dibujar " la luz que viene de la esquina inferior derecha.

photoshop fill layer maskphotoshop fill layer maskphotoshop fill layer mask

Paso 6

Esta luz brillante ha aplanado el suelo, así que vamos a corregirlo. Haz clic con el botón derecho del ratón en la capa de ajuste y selecciona Opciones de fusión. Mantén pulsada la tecla Alt y arrastra el marcador negro inferior a la derecha. Esto eliminará el efecto del ajuste sobre las áreas más oscuras del fondo.

photoshop blending options how it worksphotoshop blending options how it worksphotoshop blending options how it works
photoshop blending options effectphotoshop blending options effectphotoshop blending options effect

Paso 7

Para que la luz sea más brillante, cambia el Modo de fusión a Sobreexposición lineal.

photoshop blend mode linear dodgephotoshop blend mode linear dodgephotoshop blend mode linear dodge
photoshop linear dodge effectphotoshop linear dodge effectphotoshop linear dodge effect

Paso 8

Duplica (Control-J) el ajuste para hacer el efecto más fuerte. Luego modifícalo para que se ajuste mejor al entorno.

photoshop blending options experimentphotoshop blending options experimentphotoshop blending options experiment
photoshop stronger lightphotoshop stronger lightphotoshop stronger light

Paso 9

Añade un ajuste de Brillo/Contraste.

photoshop brightness contrast adjustmentphotoshop brightness contrast adjustmentphotoshop brightness contrast adjustment

Paso 10

Úsalo para oscurecer toda la escena.

photoshop darken the scenephotoshop darken the scenephotoshop darken the scene
photoshop dark backgroundphotoshop dark backgroundphotoshop dark background

Paso 11

Usa la Máscara de capa para eliminar la oscuridad del primer plano y mantenerla en el fondo.

photoshop selective darknessphotoshop selective darknessphotoshop selective darkness

4. Cómo hacer que la escena sea consistente

Paso 1

Volvamos al perro ahora. Selecciona sus capas y agrúpalas (Control-G). Luego agrega el ajuste de Tono/Saturación al grupo. No te olvides de recortarlo (Control-Alt-G) para excluir el fondo.

Utiliza el ajuste para adaptar la iluminación del perro al fondo sin luz.

photoshop light adjustmentphotoshop light adjustmentphotoshop light adjustment
photoshop manipulation light adjustmentphotoshop manipulation light adjustmentphotoshop manipulation light adjustment

Paso 2

"Enciende" las luces de nuevo, y pinta en la Máscara de capa oscura para revelar la luz en el pelaje del perro.

photoshop reveal lightphotoshop reveal lightphotoshop reveal light

Paso 3

Añade otra capa recortada de Tono/Saturación. Esta vez haz que el pelaje sea brillante, como si estuviera iluminado por la fuente de luz naranja.

photoshop warm highlightsphotoshop warm highlightsphotoshop warm highlights
photoshop warm light adjustmentphotoshop warm light adjustmentphotoshop warm light adjustment

Paso 4

Usa la Máscara de capa de nuevo para afectar sólo el lado iluminado.

photoshop selective warm lightphotoshop selective warm lightphotoshop selective warm light

Paso 5

Ve a las Opciones de fusión y arrastra el marcador negro inferior para eliminar la luz de las partes más oscuras.

photoshop blending options selectivephotoshop blending options selectivephotoshop blending options selective
photoshop textured lightphotoshop textured lightphotoshop textured light

Paso 6

Duplica (Control-J) la capa de ajuste y haz que afecte a un área aún más pequeña...

photoshop blending options advancedphotoshop blending options advancedphotoshop blending options advanced
photoshop bledning options selective texturephotoshop bledning options selective texturephotoshop bledning options selective texture

...pero hazla más fuerte con el Modo de fusión Sobreexponer color.

photoshop blend mode color dodgephotoshop blend mode color dodgephotoshop blend mode color dodge
photoshop color dodge lightphotoshop color dodge lightphotoshop color dodge light

Paso 7

¡Hagamos que los ojos brillen! Añade otra capa de Tono/Saturación y hazlos rojos y saturados.

photoshop bright saturationphotoshop bright saturationphotoshop bright saturation

Usa una Máscara de capa para aplicarla sólo en los ojos.

photoshop red glowing eyesphotoshop red glowing eyesphotoshop red glowing eyes

Paso 8

Cambia su Modo de fusión a Sobreexposición lineal para que se ajuste mejor a los detalles de los ojos.

photoshop linear dodge glowphotoshop linear dodge glowphotoshop linear dodge glow
photoshop glowing eyesphotoshop glowing eyesphotoshop glowing eyes

Paso 9

Duplica la capa y usa este efecto más fuerte en las partes más oscuras de los ojos. Si quieres aprender a animar ojos brillantes, mira este tutorial:

photoshop red eyes manipulationphotoshop red eyes manipulationphotoshop red eyes manipulation

5. Cómo añadir los toques finales a la manipulación fotográfica

Paso 1

Un buen truco para que los nuevos elementos formen parte del fondo es fusionar algunas de sus partes con él. Añade una Máscara de capa al grupo de fotos de perros y pinta suavemente sobre algunas áreas sombreadas que aún destacan demasiado (especialmente en la parte posterior de las cabezas).

photoshop blend with bakcgroundphotoshop blend with bakcgroundphotoshop blend with bakcground

Paso 2

El perro en su conjunto está muy enfocado, y por lo tanto luce bastante plano. Ve a Filtro > Convertir para filtros inteligentes y luego Filtro > Desenfocar > Desenfoque gaussiano. Desenfoca a los perros, pero no demasiado.

photoshop gaussian blurphotoshop gaussian blurphotoshop gaussian blur

Paso 3

¡Los Filtros inteligentes también tienen una Máscara de capa! Úsala para mantener el desenfoque sólo en los bordes.

photoshop selective gaussian blurphotoshop selective gaussian blurphotoshop selective gaussian blur

Paso 4

Añadamos un brillo al cielo. Selecciónalo con la herramienta Varita mágica (W)...

photoshop select elementsphotoshop select elementsphotoshop select elements

...crea una Nueva capa y pinta los colores...

photoshop paint into selectionphotoshop paint into selectionphotoshop paint into selection

...y luego usa una Máscara de capa para limpiar el efecto de los arcos.

photoshop clean layer maslphotoshop clean layer maslphotoshop clean layer masl

Paso 5

Finalmente, puedes añadir algunos ajustes a toda la escena. Los Niveles te ayudarán a ajustar el contraste, y la Intensidad hará que los colores sean más vivos.

photoshop final adjustmentsphotoshop final adjustmentsphotoshop final adjustments
photoshop adjusted scenephotoshop adjusted scenephotoshop adjusted scene

Paso 6

Cuando termines, haz clic con el botón derecho del ratón en las capas y selecciona Acoplar imagen. Ve a Filtro > Ruido > Añadir ruido para unificar toda la escena con un ligero grano. Finalmente, ve a Imagen > Tamaño y haz la imagen más pequeña antes de publicarla.

photoshop add noisephotoshop add noisephotoshop add noise
photoshop noise addedphotoshop noise addedphotoshop noise added

¡Buen trabajo!

Si quieres experimentar con otras manipulaciones fotográficas oscuras, consulta estos tutoriales:

how to create cerberus in photoshophow to create cerberus in photoshophow to create cerberus in photoshop