Image preview: Photo-Manipulation: Lonely Fairy

Photo-Manipulation: Lonely Fairy

This tutorial will walk you through the steps of blending various photos into one, realistic magical piece. You’ll work with blending modes, lighting and color adjustments and compositional planning.

Read More... 13 comments

Final Image

This is the final image that we’ll be creating:

fairy22b Photo Manipulation: Lonely Fairy

Images Used

This following images will be used in this tutorial:

Woman Sitting
Backdrop
Butterfly
Rock

Step 1

Open up a new document, and paste in your backdrop image, calling this layer ‘backdrop’. In this case I went for a close up of a forest floor. It’s important to work with a close up of an environment, as you want to give the impression of your fairy being very small.

fairy1 Photo Manipulation: Lonely Fairy

Step 2

Now I want to start adding in my other photos, in order to setup my composition, before I start blending. I paste in an image of a large rock, and cut it out using the lasso tool. I call this layer ‘rock’.

fairy2 Photo Manipulation: Lonely Fairy

Step 3

Now cutout and paste in a photo of a woman in a sitting position and place her on top of you rock. I’ve called this layer ‘woman’. It took quite a while to cut out the woman using the lasso tool (5-10 minutes), but it pays to take the time on a clean selection.

fairy3 Photo Manipulation: Lonely Fairy

Step 4

Now paste in the final element of your composition, some butterfly wings. Cut them out using the lasso tool, and move this layer beneath your woman layer, but above your rock and backdrop layers. Call this layer ‘wings’.

fairy4 Photo Manipulation: Lonely Fairy

Step 5

Now hide all layers apart from your backdrop layer, and duplicate this. Change your duplicate backdrop layer’s blend mode to ’soft light’, and reduce the layer opacity to 50%. Then merge this down with the original layer. This should give your photo a little more contrast and sharpness.

fairy5 Photo Manipulation: Lonely Fairy

Step 6

Now repeat this step with your three other photo layers. This should give your image overall more atmosphere.

fairy6 Photo Manipulation: Lonely Fairy

Step 7

Now hide your other layer’s apart from your backdrop layer and go to image>adjustments>hue/saturation. Then reduce your saturation to -30.

fairy7 Photo Manipulation: Lonely Fairy

Step 8

It would be easy to simply apply a -30 saturation to all of my other photos, but each photos saturation is different, so this approach wouldn’t work. Instead, you must use your judgement to try and judge which settings are most realistic. I ended up reducing both my saturation and lightness on each of my photo layers.The settings I used are below:

Rock Layer: Saturation: -35 Lightness -10
Woman Layer: Saturation: -45 Lightness -15
Wings Layer: Saturation: -60 Lightness -15

fairy8 Photo Manipulation: Lonely Fairy

Step 9

Create a new layer above all of your other layers called ‘black edges’. Drag a radial gradient (transparent to black) from the center of your canvas to the edge. This should put the edges of your image into shadow. Then reduce this layer’s opacity to 80% to make it slightly less intense. This helps bring the different photos together, as they’re all effected by the same shadow.

fairy9 Photo Manipulation: Lonely Fairy

Step 10

Now if you notice the backdrop is blurred at the bottom of the image, due to the close up nature of the photo. We want our other photos to have a similar blurred effect, in order to fit with the backdrop, and give things a close-up feel.

Start by selecting and duplicating your rock layer. Then return to the original and go to filter>blur>gaussian blur. Apply a 2.0px gaussian blur effect. Now return to your duplicate rock layer, and apply a layer mask (layer>apply layer mask>reveal all). Drag up a gradient ranging from black to transparent, and the black part of your gradient should hide this part of your duplicate rock.

The end result is a rock with a blurred base, which gives the impression that it is much smaller than it first appeared.

fairy10a Photo Manipulation: Lonely Fairy

fairy10b Photo Manipulation: Lonely Fairy

Step 11

Repeat this technique on the bottom of the woman’s feet, giving them a slight blurred effect.

fairy11 Photo Manipulation: Lonely Fairy

Step 12

Now select your top ‘woman’ layer (the duplicate with the layer mask). Go to image>adjustments>color balance. We want to manually adjust the woman photo’s colors to fit better with the rest of the image. Start by adjusting your midtone colors. Up you cyan/red to +10, your magenta/green to -5 and your yellow/blue to -25.

Then go to shadow color balance and keep your cyan/red at 0, your magenta/green at -10, and your yellow/blue at -35.

Finally, go to color highlights: cyan/red to +15, magenta/green to +10, and yellow/blue to -10.

fairy12a Photo Manipulation: Lonely Fairy

fairy12b Photo Manipulation: Lonely Fairy

fairy12c Photo Manipulation: Lonely Fairy

Step 13

Now do the same with your top rock layer. Again, use your judgement to see what looks best. I used the settings below:

MidTones:
Cyan/Red: -5
Magenta/Green: -10
Yellow/Blue: -20

Shadows:
Cyan/Red: -10
Magenta/Green: -5
Yellow/Blue: -5

Highlights:
Cyan/Red: -15
Magenta/Green: -10
Yellow/Blue: -20.

Also, you must be sure to apply these color balance settings to your original blurred rock/woman layers, in order to create a smooth transition between the two.

fairy13 Photo Manipulation: Lonely Fairy

Step 14

Now alter the color balance settings for your backdrop layer. I used the settings below:

Midtones:
Cyan/Red: 0
Magenta/Green: +5
Yellow/Blue: -30

Shadows:
Cyan/Red: +10
Magenta/Green: 0
Yellow/Blue: -30

Highlights:
Cyan/Red: +10
Magenta/Green: 0
Yellow/Blue: -20.

fairy14 Photo Manipulation: Lonely Fairy

Step 15

Now to work on the wings. They are looking a little blurry compared to the woman, so I go to filter>sharpen>sharpen mask. I set the amount to 100, the radius to 4.5, and the threshold to 0. Then, I reduce the layer opacity to 75%. This is great, as it gives them a semi-transparent appearance, not only simulating a fairy’s wings, but allowing the backdrop to partly show through. This is very important, as like I mentioned before, combining elements of your various photos really ties them together well.

fairy15a Photo Manipulation: Lonely Fairy

fairy15b Photo Manipulation: Lonely Fairy

Step 16

Apply a final color balance to your wings layer. Settings below:

Midtones:
Cyan/Red: -5
Magenta/Green: 0
Yellow/Blue: -20

Shadows:
Cyan/Red: -30
Magenta/Green: -20
Yellow/Blue: -40

Highlights:
Cyan/Red: +20
Magenta/Green: 0
Yellow/Blue: -20

I also chose to reduce my wing layer’s opacity by 5% to 70%.

fairy16 Photo Manipulation: Lonely Fairy

Step 17

Select your top woman layer and go to image>adjustments>levels. Bring your first input level from 0 to 25, and level the other input fields the same. This should heighten the shadows in your woman photo.

fairy17 Photo Manipulation: Lonely Fairy

Step 18

Now apply the same level settings to all other photo levels.

fairy18 Photo Manipulation: Lonely Fairy

Step 19

Now create a new top layer called ’shadows’. Take a soft black paint brush (10% opacity) and brush over areas that could use more shadowing. It helped to pay attention to the area where the woman is sat on the rock, and make it look more like she actually is on top of it, casting a shadow.

fairy19 Photo Manipulation: Lonely Fairy

Step 20

Now repeat the same step with a layer called ‘highlights’, but using a white brush to brush over a few lighter areas in your piece.

fairy20 Photo Manipulation: Lonely Fairy

Step 21

Now select a small white paintbrush, and impose the settings shown below in your brushes palette. Create a new top layer called ‘fairy dust’ and then brush some random dots over the head of your fairy woman.

fairy21a Photo Manipulation: Lonely Fairy

fairy21b Photo Manipulation: Lonely Fairy

fairy21c Photo Manipulation: Lonely Fairy

fairy21d Photo Manipulation: Lonely Fairy

Step 22

Go to blending options for your fairy dust layer and apply an outer glow effect.

fairy22a Photo Manipulation: Lonely Fairy

fairy22b Photo Manipulation: Lonely Fairy

And We’re Done!

I really hope that you enjoyed this tutorial, and would appreciate your comments.

fairy22b Photo Manipulation: Lonely Fairy

About the Author: Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

13 Awesome Comments: Leave Your Comment

  1. Sameer 4th February 2009

    nice tutorial and the final image looks good
    but i just thought those wings still look out of place

  2. User GravatarMarja 4th February 2009

    Hello, I like this very much,it is a very nice enty.
    but imho , I think you forget the shadow of the girl on the rock, because the light is comming from above.

  3. User Gravatarjoyoge designers' bookmark 4th February 2009

    nice tutorial thanks..

  4. User GravatarTom 4th February 2009

    Thanks guys, both good suggestions. Tbh, I could have done more with this piece, but I hope that it’s a good introduction for people on how to blend images nicely.

  5. User GravatarJ Mehmett 4th February 2009

    This is really one of the finest Photo-blending tuts I’ve seen on the net. Clear description and nice step by step guide.

  6. User GravatarTom 4th February 2009

    Thanks J Mehmett! It’s comments like that, that make these tuts worth writing :)

  7. User GravatarNaldz Graphics 4th February 2009

    Keep up the good work as always Tom=)

  8. User GravatarEdward 9th February 2009

    Great tutorial but i would have reangled the butterfly wings.

  9. User GravatarTom 11th February 2009

    Thanks guys!

  10. Jari 12th February 2009

    Nice ideas. However, how come the fairy does not cast a shadow at all on the stone she’s sitting on?

  11. landrew 12th March 2009

    there’s no shadow where the woman sits..

  12. Monica 22nd September 2009

    This is amazing! I have been needing a tut like this because I have a great pic of my son sitting on a rock, but I wanted a very different look and feel to the photo – kind of like what you have here – and really had no idea where to start. Thank you so much!

  13. User GravatarTutorial Lounge 15th November 2009

    excellent tutorial for lean about photo manipulations.

Leave a Comment: