1. Design & Illustration
  2. Photo Manipulation

How to Create a Cerberus Photo Manipulation in Adobe Photoshop

by
Read Time:7 minsLanguages:
Final product imageFinal product imageFinal product image
What You'll Be Creating

Cerberus is a three-headed dog from Greek mythology, the guard of the gates of Underworld. While he's usually pictured as a furious, blood-thirsty beast, I like to think of him as a good dog just doing his duty. Today I'll show you how to create Cerberus using the techniques of photo manipulation in Adobe Photoshop.

What You Will Need

You'll need the following resources in order to complete this project: 

1. How to Prepare the Assets for the Photo Manipulation

Step 1

Open of the rottweiler photos in Photoshop. Take the Magic Wand Tool (W) and select the area outside its body.

photoshop select outsidephotoshop select outsidephotoshop select outside
Tip: hold Shift to add more areas to the selection

Step 2

The automatic selection is rarely perfect, so let's fix it. Go into the Quick Mask Mode (Q) and use a brush to paint the unselected areas.

quick mask selectionquick mask selectionquick mask selection

Step 3

Go out of the Quick Mask Mode (Q) and go to Select > Inverse to invert the selection. Then grab the Magic Wand Tool (W) again and select Refine Edge on the top.

photoshop selection refine edgephotoshop selection refine edgephotoshop selection refine edge

Step 4

Change the View Mode to On Black to better see the edges.

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

Step 5

Check Smart Radius and increase the Radius. Then play with the other settings until you're satisfied with the result.

photoshop refine edge settingsphotoshop refine edge settingsphotoshop refine edge settings

You can also use the Refine Radius Tool (E) to make the edge detection more accurate, especially where the fur is visible.

photoshop refine radius toolphotoshop refine radius toolphotoshop refine radius tool

Step 6

When you're done, press OK and invert the selection again to remove the background, or simply copy the selection to another file.

photoshop remove white backgroundphotoshop remove white backgroundphotoshop remove white background

Step 7

Do the same to the other dogs. Use the Quick Mask to remove the parts from the neck down.

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

Step 8

Gather all the dogs in one file.

photoshop manipulation assetsphotoshop manipulation assetsphotoshop manipulation assets

Step 9

The main dog is illuminated in a different way than the others, so let's fix it quickly. Select its layer and go to Image > Auto Contrast, then Image > Auto Tone.

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

2. How to Merge Various Photos Into One

Step 1

Use the Lasso Tool (L) to select half of the front of the main dog. We need to make the chest wider to place all these extra heads.

photoshop lasso toolphotoshop lasso toolphotoshop lasso tool

Step 2

Use the Move Tool (V) to drag the selected half to the right, creating some space in between.

photoshop move tool dragphotoshop move tool dragphotoshop move tool drag

Step 3

This space must be filled. Select it with the Lasso Tool (L).

photoshop select empty spacephotoshop select empty spacephotoshop select empty space

Step 4

Go to Edit > Fill and select Content-Aware.

photoshop content aware fillphotoshop content aware fillphotoshop content aware fill

The chest should get filled nicely!

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

Step 5

Let's make the body more muscular and intimidating. Go to Filter > Liquify and use the Forward Warp Tool (W) to "sculpt" the body. Use a small brush and be very careful—you can use Undo only once here, and it's hard to fix a modification. To be safe, press OK after each successful modification and go back to this filter to continue.

photoshop liquify filterphotoshop liquify filterphotoshop liquify filter

Step 6

After the body is done, remove the head with the Lasso Tool (L) (no animals were harmed in the production of this tutorial!).

photoshop remove headphotoshop remove headphotoshop remove head

Step 7

I decided to flip the whole image with Image > Image Rotation > Flip Canvas Horizontal. This isn't necessary; it just looked better to me.

Time to add the heads of the dogs. Drag one of them over the main body and use the Free Transform Tool (Control-T) to adjust the size of the head to the body.

photoshop free transform toolphotoshop free transform toolphotoshop free transform tool

Step 8

Use the Eraser Tool (E) or the Layer Mask with a soft brush to subtly blend the overlapping parts. You can learn about the power of the Layer Mask from the quick tutorial below:

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

Step 9

Add another head on the side. Adjust its size...

photoshop size modificationphotoshop size modificationphotoshop size modification

... and then use the Liquify filter to reshape its neck. You can show the Backdrop of the body to see the changes better.

photoshop liquify backdropphotoshop liquify backdropphotoshop liquify backdrop

Then use the Layer Mask again and continue with the last head.

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

3. How to Add and Adjust the Background of the Photo Manipulation

Step 1

Let's add the background now. Drag the photo to the file and adjust its size with the Free Transform Tool (Control-T). Make sure the ground fits the perspective of the dog's body. Then use the Crop Tool (C) to crop the whole scene.

photoshop add backgroundphotoshop add backgroundphotoshop add background

Step 2

Open Window > Adjustments and select Hue/Saturation from the panel (with the background layer selected).

photoshop adjustments panelphotoshop adjustments panelphotoshop adjustments panel

Step 3

Play with the sliders to make the background dark and mysterious.

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

Step 4

Add another Hue/Saturation adjustment, and this time make everything hot orange.

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

Step 5

Use the Paint Bucket Tool (G) to fill the Mask of the adjustment layer with black. Then paint on it with white to "paint" the light coming from the lower right corner.

photoshop fill layer maskphotoshop fill layer maskphotoshop fill layer mask

Step 6

This bright light has flattened the ground, so let's adjust it. Right-click the adjustment layer and select Blending Options. Hold Alt and drag the lower black marker to the right. This will remove the effect of the adjustment over the darker areas of the background.

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

Step 7

To make the light brighter, change the Blend Mode to Linear Dodge.

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

Step 8

Duplicate (Control-J) the adjustment to make the effect stronger. Then modify it to better fit the environment.

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

Step 9

Add a Brightness/Contrast adjustment.

photoshop brightness contrast adjustmentphotoshop brightness contrast adjustmentphotoshop brightness contrast adjustment

Step 10

Use it to make the whole scene darker.

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

Step 11

Use the Layer Mask to remove the darkness from the foreground and keep it in the background.

photoshop selective darknessphotoshop selective darknessphotoshop selective darkness

4. How to Make the Scene Consistent

Step 1

Let's go back to the dog now. Select its layers and group them (Control-G). Then add the Hue/Saturation adjustment to the group. Don't forget to clip it (Control-Alt-G) to exclude the background.

Use the adjustment to fit the lighting on the dog to the background without any lights.

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

Step 2

"Turn on" the lights again, and paint on the Layer Mask of the darkening layer to reveal the light on the dog's coat.

photoshop reveal lightphotoshop reveal lightphotoshop reveal light

Step 3

Add another clipped Hue/Saturation layer. This time make the fur bright, as if illuminated by the orange light source.

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

Step 4

Use the Layer Mask again to affect the illuminated side only.

photoshop selective warm lightphotoshop selective warm lightphotoshop selective warm light

Step 5

Go to the Blending Options and drag the lower black marker to remove the light from the darker parts.

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

Step 6

Duplicate (Control-J) the adjustment layer and make it affect an even smaller area...

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

... but make it stronger with Color Dodge Blend Mode.

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

Step 7

Let's make the eyes glow! Add another Hue/Saturation layer and make it red and saturated.

photoshop bright saturationphotoshop bright saturationphotoshop bright saturation

Use a Layer Mask to apply it to the eyes only.

photoshop red glowing eyesphotoshop red glowing eyesphotoshop red glowing eyes

Step 8

Change its Blend Mode to Linear Dodge to make it better fit the details of the eyes.

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

Step 9

Duplicate the layer and use this stronger effect in the darker parts of the eyes. If you want to learn how to animate glowing eyes, check out this tutorial:

photoshop red eyes manipulationphotoshop red eyes manipulationphotoshop red eyes manipulation

5. How to Add the Final Touches to the Photo Manipulation

Step 1

A nice trick to make the new elements a part of the background is to blend some of their parts with it. Add a Layer Mask to the group of dog photos and gently paint over some shadowed areas that still stand out too much (especially on the backs of the heads).

photoshop blend with bakcgroundphotoshop blend with bakcgroundphotoshop blend with bakcground

Step 2

The whole dog is also very sharp, and thus still quite flat. Go to Filter > Convert for Smart Filters and then Filter > Blur > Gaussian Blur. Make the dogs blurry, but not too much.

photoshop gaussian blurphotoshop gaussian blurphotoshop gaussian blur

Step 3

Smart Filters have a Layer Mask, too! Use it to leave the blur only on the edges.

photoshop selective gaussian blurphotoshop selective gaussian blurphotoshop selective gaussian blur

Step 4

Let's add a glow to the sky. Select it with the Magic Wand Tool (W)...

photoshop select elementsphotoshop select elementsphotoshop select elements

... create a New Layer and paint the colors...

photoshop paint into selectionphotoshop paint into selectionphotoshop paint into selection

... and then use a Layer Mask to clean the effect off the arches.

photoshop clean layer maslphotoshop clean layer maslphotoshop clean layer masl

Step 5

Finally, you can add some adjustments to the whole scene. Levels will help you adjust the contrast, and Vibrance will make the colors more vivid.

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

Step 6

When you're done, right-click the layers and select Flatten Image. Go to Filter > Noise > Add Noise to unify the whole scene with a slight grain. Finally, go to Image > Size and make the image smaller before you publish it.

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

Good Job!

If you want to try other dark photo manipulations, try these tutorials:

how to create cerberus in photoshophow to create cerberus in photoshophow to create cerberus in photoshop
One subscription.
Unlimited Downloads.
Get unlimited downloads