Manipulation Basics: Illumination and ColorationListThumbs

Manipulation Basics: Illumination and Coloration

July 16, 2009

When comes to photo manipulation, the basics and most important parts are the illumination and coloration, these are the main things that if you know how to work around it pretty much will assure you of a good result at the end, so open up the photoshop and get ready to learn some tricks.

Click on the images for a bigger view, and make sure to visit my behance to check out more of my work.

To create a good photo manipulation you have to make sure all the photos that you put together end up looking like one real photo, that’s the beauty of a good photo manipulation, that question that pops on your head; Is that real or no it can’t be real it has to be photoshoped. That’s when you know a good job is done and that’s what we are looking for.

Some of the most important things are to keep the same illumination and coloration while mixing up multiple photos, and so I will show a sample of how to do it.

Using two photos only to keep it simple, I will show you the techniques I used to blend in this composition.

To keep it simple I choose a full body portrait photo and found a photo of a background scenario where I would like to place him.

Katanaz Stock

Shutter Stock

First thing and very important is to select the model and place him into the background photo, and try to size it well according to the object sizes you see at the background photo (I will be writing about sizing and perspective very soon).

I used the Magnetic Lasso Tool (L) always using a layer mask so I can fix the little details on the selection, it’s really good if you know how to use the pen tool to make precise selections but if not you can get around using other tools like I do.

">

As you see on the image I placed the model on the background photo and now I am going to work on the illumination and coloration to make this photo look like a really good composition.

To start on that I need to figure it out where the light is coming from in both photos, in this case it’s not that bad of a confusion of light because I had that in mind while looking for stock photos, and this is what you should do as well. Once you find or have a main photo that you want to work on you start looking for photos that match the same illumination and somewhere at least close to the same coloration as well.

">

As you see the direction of the light on the model is not a problem to the background because the place where he is has no light, but as you see on the far back background the light looks to be coming from about the same way.

But if the model is there and the light is hitting his face it must also hit the background so we are going to start working on that, but to make the colors easier to match since it’s only a two photo manipulation I will desaturate the background (Image>Adjustment>Desaturate) and reduce the saturation (Image>Adjustment>Vibrance | Saturation: - 44) of the model so later I can add on some colors to it.

">

Ok, now I am going to work on applying that same light into the background, to do that I need to get the background a little darker so I duplicate the layer and on the background copy I made it darker using curves (Image>Adjustment>Curves | Output:100 Input:150)

">

Now is the tricky part that will make the light effect, on the background copy create a layer mask and using Gradient Toll (G) | Radial Gradient make a gradient circle on the left side of the background so it looks like the sun is hitting there since the layer under is a lighter than the one on top.

">

You can notice the difference because you creating the image but to make it more noticeable for other eyes we need to make the background layer even lighter that way it will give a better contrast on the light spot I just created.

This time I use (Image>Adjustment>Brightness/Contrast | Brightness: 100)

">

Now as you can see we solved the problem of the light direction on both photos but now we have to add the shadow of the model. The shadow is very important, try to follow the same path of where the light is coming from to apply the shadow.

Holding ctrl click on the layer mask of the model and on a new layer paint it black, use distort and perspective (Edit>Transform>…) to make the shadow following the light direction and use a little bit of blur give a good look to it (Filter>Blur>Gaussian Blur). Place the layer under the model layer and you should have something like this.

">

Now just set the layer mode to Soft Light and the Fill to 54%.

">

Create a new layer (still under the model layer) and with the Gradient Toll (G) | Radial Gradient make a gradient circle where the feet of the model touch the ground to make a little shadow on that spot as well.

">

Now that I took care of the shadow I need to adjust the light on the model, so I will give more light on the top and less on the bottom. This is what I am going to do, duplicate the model layer and on the top one I will make it brighter by applying (Image>Adjustment>Brightness/Contrast | Brightness: 65)

I got a very lighter model now but I only want it to be lighter on the area that the light is hitting, so I go on the layer mask and with the Gradient Tool | Linear Gradient I will use the gradient to cover the body leaving only the part where the light actually hits as you see here.

">

Now to make the bottom darker we could also apply the same technique duplicating the layer, making it darker and using linear gradient to leave only the bottom part showing.

But since this time I am going to do it an easier way, holding ctrl I click on the layer mask of the model layer that will give me the selection of the model, now from bottom up using Gradient Tool | Linear Gradient and the color black I am able to make the bottom really black, for a better look I set the Fill of the layer to 80% and the result is right on.

">

Looks like we got a great composition so far, all the lightning is matching and it really looks like one only photo. The final touch on the illumination is done by creating one layer on top of everything and with the Gradient Tool | Radial Gradient make a big circle around the main area using black and set the layer mode to Soft Light and the Opacity to 80%, so it will bring all the attention and focus to the main part of your image which is the model.

">

All the lightning is done and now it’s time to give it some color, this part will be really based on what you really like, it’s my favorite part to work on and I can play around for hours until I get a result that really makes me happy.

On this case I am going to keep it simple and nice. First thing I like to do when working on an image that is desaturated is to create a new layer on top of all, and paint it light brown (#c7b299) set the layer mode to Multiply with the Opacity to 80%.

">

Now to give a final touch with the color I create another layer on top of that and add some color, I used a light purple and set the layer to Soft Light and the Opacity to 40% but you can pretty much mix a bunch of colors use some gradient tool and get the result you really want.

">

These are some basic and pretty effective techniques I always use and you can adjust to your style and the way you like to get things going, I hope you guys enjoyed, if you have any questions just leave a comment.

Download the .psd

Thank you!

About the author

User picture

Hi! I'm Paulo Canabarro and I'm here to post some really cool stuff for you, if you have any ideas or any requests please get @ me - pvpcanabarro@gmail.com you can also Follow me on twitter!

Sponsored Links:

Help us to share this!

36 Comments

"woody"07/16/2009

thanks, easy to understand and helpful...

High_Noon07/16/2009

That's a great tutorial, love it! Thanks for sharing your techniques!

NBehlman07/16/2009

Nice job! You should probably apply a little blur to the background in places. The background photo is focused on the end of the alley, and the picture of the guy is of course focused on him. It looks good, but it still looks a bit artificial because there are two focal points.

poGDI07/16/2009

I have been looking for a guide like this for a while now! Thanks alot!

shae101s07/16/2009

very nice..simple but good results.

Diesel Laws07/16/2009

Great example! You wouldn't notice this as a manip, nice!

Anonymous07/16/2009

Exacto simple pero elegante... maestro!

Trevor8007/16/2009

Thanks for the helpful tips!

mattrobb07/16/2009

Cheers! Great tips!

masix07/16/2009

good post for the beginners.
thats the main failure i see in alot images

Casber07/16/2009

I like the way you teach, patient and clear, respect.

Stevied07/16/2009

I thought i recognised the Ally way it's in liverpool UK what a lovely part of the City

goddardca07/16/2009

Great tut! As a noob to photo manip I'm sure this will come in handy. Thanks.

g3niuz07/16/2009

this really rocks ;D

looks so true ...

chillyweed07/16/2009

nice tut man

Anepic07/16/2009

Sweet!!!

designerdon07/16/2009

So many ways to approach this but they all have a place and purpose. As usual, clean tut. Bravo!

EthanFlo07/16/2009

very nice tutorial!

Anonymous07/16/2009

feet looked fake on all images until the end. you should have not lit his feet in studio. alley light comes from above and does not fill in so well, especially the further down on the subject. should have done some advanced blending on the edge of your model not lasso. and your cast shadow should have been more true to physics, like a lens blur with and alpha channel moving from subject's feet to the alley wall. but you were probably in a hurry. good tutorial, though.
love john

HamBoneZ07/16/2009

Nicely done!

preeth07/17/2009

Realy nice tecqnique, looking forward for your " sizing and perspective tutorail

Jimmy07/17/2009

Nice tutorial.Are you going to come up with more Manipulation Basics Tutorials.:)

pG007/17/2009

wow its just so nice.

Daily Designs07/17/2009

Awesome post =D I have put a link of this on my blog in my new post.
(If you don't want this, contact me in a way)

~Daily Designs

Dawn4207/17/2009

very ell done, been looking for a good guide on this topic a while now, learned a few new things ... thank you =)

Terry Day07/22/2009

Nice post and very well explained. Keep up the good work.

saigee8407/23/2009

thats pretty cool ..=)

daroh07/31/2009

Nice one! Great tips!!!

ebPic08/04/2009

Good Job, He looks a tiny tiny bit to small to my eyes though when compared to the doorways and the barrel in the background.

Great tutorials, Thanks

luchodub08/22/2009

muy util!!! mil gracias!

sohanj09/02/2009

very well executed tutorial m glad i could watch this !!! I'll surely get some help from this. :)

photo editing09/18/2009

Great job!!

Scottie W10/13/2009

Very cool. Thanks

Tom11/06/2009

sweet. Ive been getting more into photo manipulation at the web design company I work for. This tut helps me out a bunch! thx!

ByOzzy11/13/2009

Parabens! arte perfeita!!

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?