Sport Photo Illustration Step by StepListThumbs

Sport Photo Illustration Step by Step

July 29, 2009

"Pele" is a sport photo illustration using mostly basic skills so I decided to share this is a detailed case study which I will not only show the steps of how it was done, but I also wrote what was exactly done in each and every step so you can watch and learn a bit.

To see more of my work visit my behance gallery www.behance.net/paul0v2
(For tutorials and case study suggestions contact me at paulo.abduzeedo@gmail.com)

Pele is a collab I did with the photographer Sam Robles, he contacted me with a couple photos of this soccer player that reminds of the king Pele and what we had in mind is pretty much what we got as a result, place him on a field and make it look realistic and hot at the same time, and this is what I got.

For more from Sam Robles visit samrobles.com and behance.net/Sam_Robles

view Pele on behance

CASE STUDY

Here you will be able to see the steps I took to get to the final result, the image started with the soccer player photo by Sam Robles, the others are stock photos I had to keep the quality so i went with the best place ShutterStock.

01 - First thing I did was to select the player out of his photo, I used a pen tool on this case. This is a very important step to your work, if you don't do this right it will bite you back at the end so take you time and make sure you get a good selection. I took me about an hour to get that in case you wondering.

02 - Now I place the stadium photo on the background, somewhere around the middle because I still have the sky and the grass to fit in.

03 - Since I first seen the stadium photo I noticed the grass was not exactly what I wanted that's why I grabbed another photo with better grass and here you can see the difference.

04 - Placing the sky now, I could go with something blue and nice but the final look that I had in mind was kinda dark so I decided to go with a nice cloudy sky.

05 - Now that I have almost everything in place it's time to work a bit on the illumination so I can make these photos look more like one. Starting with the grass, I create a layer over it and with the Gradient Tool and the color black I create a shade around the grass to make it look like it belongs there.

06 - The same step I did with the grass I repeat on the sky, getting it a little darker.

07 - Time to fix the stadium light now, this one is a little trickier because I want to make the right side a lot lighter than the left one so it looks like the light is the same way as it is on the player, to get that done I used the technique I taught here (Manipulation Basics: Illumination and Coloration)

08 - Now that I correct a little bit in every photo the image is starting to look better, to give a whole better look to it I decided to add a crowd there, it takes a bit of patience but it's not hard to do, I used the pen tool to select the empty spaces and placed the crowd photo in there, re-sized to look real and added a darker shade on the edges so it blends in well as you can see.

09 - The scenario already got everything I wanted, time to make it look even more real so I replace the soccer ball with new and better looking one. Also added shadow of the player (following the light direction on his body) and a little shade under his foot and the ball so they won't look like they are flying. I also created a new layer to add some light around the player so that area stay lighter than the others to bring more attention to that area.

10 - This step was essential for my image to have that look it had in the end. I saved the image as it was and using Adobe Lightroom I made the image look somewhere like an overdone fake hdr photo, saved as a .jpg and placed it back on top of all the layers, I reduced the Opacity a bit so the over all look wasn't too overdone and this kinda worked as a texture.

11 - Now on top of that I create a couple layers to fix the lights, this time more like an overall instead of each photo separate. I put some light coming from the top left, also add light to the stadium and got the grass a little darker.

12 - My last steps were to give more shadow around the player since I put light on the stadium the shadow usually goes 4 ways so I did that but still left that main shadow darker because the light on the player was on that direction. The last thing I did was add the color, I did that by adding a layer desaturating the whole image a little bit and another layer on top with the final color I wanted to apply on the image.

I hope everyone like this case study and remember if you want you results to come out good always pay attention to details.

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!

32 Comments

nextart07/29/2009

wow!! good explanation...... thanks paulo!!

great gallery on behance too....

bye

maurizio

fili56107/29/2009

great work

AQUA MeA 07/29/2009

This is a great Tutorial!

BrianPhilip07/29/2009

thank you so much for this!

flappypenguin07/29/2009

is that you in the pic Paulo? :P (good work)

Alven07/29/2009

good work

Erc07/29/2009

I really like this style of photo. Really looks great, kudos! Reminds me of those new Adidas ads!

djnevo07/29/2009

oh men the nike secret...jajajaja...
thanks

Drew07/29/2009

Good work! Do you find it easier to use a Wacom tablet to create your shadows? Or do you stick w/ the mouse and a lot of concentration on opacity and brush size?

paul0v207/30/2009

@Drew - I don't have a wacom man, all I use for this stuff is gradient tool with black going to nothing and that works out fine for me. (also play with opacity and layer mode)

Guys the effect I did on lightroom I will write a tuto for next week.

Gary Holmes07/29/2009

Great tutorial. I always find getting the lighting realistic is the hardest battle. Great end result.

LuXo07/29/2009

Really nice tut :D
______
www.luxo-art.deviantart.com

Dennis07/29/2009

Very cool, love seeing the creative process step by step thank you for your work. I have one question though, what did you use in lightroom to get that overdone fake hdr photo look?

Charles W.07/29/2009

I loved your first tutorial... and like this one even more. I always have trouble with lighting techniques in photoshop.... basically with trying to fit every single image into a composition and making it look uniform and realistic.

El Victor Hugo07/29/2009

hey tanks a lot, its a a great thing to found some one who share knowlege....mercy

Wurstgott07/29/2009

Wonderfull tutorial! Thanks very very much for sharing!

chillyweed07/29/2009

really nice result

BrooklynChica07/29/2009

This is so helpful! I never really figured out how to composite in Photoshop. Great Tutorial! Obrigado!

QVectors07/29/2009

result is awesome! nice work

B-8207/29/2009

I simply LOVE case study ! you must make more of them ! it's the perfect combination between inspiration and tutorials !

Kripta07/29/2009

But.. I do not understand how do you make that fake hdr with adobe lightroom???? or is another tutorial where you explained that hehehe?? I`m very interested in that!!! plz can youshow me!?

Vira07/29/2009

That's amazing :D

nice work Paulo ^^
really inspirating work :-)

ebola511407/30/2009

really nice, I agree, nice colours and shadows! Talking about them, I think you have missed one shadow, his right leg has no shadow pointing to right-bottom corner like his left leg.

If we want more realism, i would change the focal lenth of the player image (using Distort > Lens Correction). Because the stadium photo was taken at 20-30mm and in the other hand the player was taken using around 70-100mm focal lenght. I tell this to the people who start playing with photomontage, not for you Paulo, you know about this things..

adeux!

artvl07/30/2009

Cara, ficou muito legal isso,
Parabens!

SeanLee07/30/2009

oh! awesome.....

lordCovenant07/30/2009

awesome tut paulo!

@ebola thanks for the tip man!

Anonymous07/30/2009

Nice Tut!

Reminds me very of Douglas Fisher.
I really like his style. He's a true master in post production.
Check out the job he did on the Nike Team Kits.

http://www.douglasfisher.co.uk/home.php

Jukes07/30/2009

Very cool tutorial. Great insight into what it takes to make a more polished image.

RUGRLN07/31/2009

This is fantastic tutorial...!!!!

Lyndsay Green08/02/2009

]
That's so wonderful! I really love this style.

brunogdn08/03/2009

traduz em português por favor......

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?