tag:blogger.com,1999:blog-65465203476594809582024-03-08T08:24:24.722-08:002SiiCK ImagesThe ramblings and ideas of 2 still-image makers. Our cameras are our vehicles to life, Keeping it fresh is the pinnacle!Moore & Cruzhttp://www.blogger.com/profile/07997324280024883870noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-6546520347659480958.post-70566988976186660722009-10-04T14:57:00.000-07:002009-10-04T15:26:33.589-07:00Post-Processing Tutorial #1<div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">So, a few posts back on my <a href="http://www.flickr.com/photos/bigboydrums/3956338324/">Flickr</a> stream, I asked if there would be any interest in some lighting and/or post processing tutorials from Steven and I. I got a few comments on the picture itself and even more e-mails encouraging us to give it a go. I was happy to see such a positive response, so I decided to try it out on a shot from Friday night out in LA. I was out and about just shooting random pictures with 2 friends and I decided to use one of the shots for this tutorial.</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">Now, I do want to clarify that I am no way a photoshop master. I have learned what I know through my own trial and error, so if there is anything that you would do differently, I understand. I have never taken a class or anything on the subject, just my own experiences with the program. I know there's more than way to skin a cat, so with that said, let's begin.</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">I knew I wanted to light up the subject with some hard light, so I used a bare Nikon SB800. I did not want to go through the hassle of plugging in a trigger, so I used Nikon's amazing CLS/AWL system. I must say I love having this at my disposal anytime I want. It is a great system that works well in mostly any situation, Canon just sucks in this department. Anyways, I had a VAL (voice-activated lightstand AKA. friend) holding the SB800 up and to the right of the subject in the picture we will be using.</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3981521048/" title="DSC_6966RAWWEBFlash by 2SiiCK Blog, on Flickr"><img alt="DSC_6966RAWWEBFlash" height="680" src="http://farm3.static.flickr.com/2589/3981521048_0a7f6971d9_b.jpg" width="1024" /></a></span> <br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">As you can see, he is lit well and so is the mountain range, however the foreground is not. I was not too concerned with this, since I knew I could bring it back in post. This was a really quick run n' gun shot, as we stopped on the side of a road. I had the SB800 on TTL +1 EV value, if I recall correctly. I also used, the Tokina 12-24mm f/4 lens, I love this piece of glass and it is super sharp. I composed from a lower POV as I did not want my horizon running through the middle of his head, and to make him a little more powerful and bigger.</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">So, now we begin the post-processing part of the tutorial which I hope is easy to understand. The very first thing I did was open up the photo in photoshop:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3981521776/" title="Step1 by 2SiiCK Blog, on Flickr"><img alt="Step1" height="640" src="http://farm4.static.flickr.com/3536/3981521776_de1730634e_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">The very first step I take in photoshop is to clean up ALL the skin blemishes that I see and don't care for. I use the "patch tool" for this, as I find it is quicker and more natural IMO.</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980761909/" title="Step2 by 2SiiCK Blog, on Flickr"><img alt="Step2" height="640" src="http://farm3.static.flickr.com/2634/3980761909_9594d44c5c_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">This is the close-up of the face BEFORE I remove any blemishes:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3981523484/" title="Step3 by 2SiiCK Blog, on Flickr"><img alt="Step3" height="640" src="http://farm3.static.flickr.com/2552/3981523484_deab77b847_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">Once I select the "patch tool", I make sure that on the top tool bar I have "Source" selected, this allows me to drag my blemish to a clean source and photoshop will clone from that source. I simply then begin to circle the blemishes and drag them to a clean area of skin, and voila instant zit removal! Now this is VERY IMPORTANT, make sure the area you are sourcing from is the SAME texture as the area you are cleaning up!!!</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">Like this:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980763761/" title="Step4 by 2SiiCK Blog, on Flickr"><img alt="Step4" height="640" src="http://farm4.static.flickr.com/3477/3980763761_48896d7d14_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">This is what the pic will look like after I have removed all the skin blemishes that I wanted to get rid of:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3981525468/" title="Step5 by 2SiiCK Blog, on Flickr"><img alt="Step5" height="640" src="http://farm3.static.flickr.com/2630/3981525468_51f3a1c401_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">The next thing I begin to work on is bringing up the "exposure" so to speak, on the sky and city down below and the path to the left. I do this by doing 2 "curves" adjustment layers, 1 for the path and another for the city and sky.</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980765041/" title="Step6 by 2SiiCK Blog, on Flickr"><img alt="Step6" height="640" src="http://farm4.static.flickr.com/3529/3980765041_e8e10c508f_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">As you can see in the following picture, I have brought up the "curves" adjustment layer for the on layer "Background City" and masked out the path and the subject. This allows that adjustment layer to only affect the sky and city.</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3981526636/" title="Step7 by 2SiiCK Blog, on Flickr"><img alt="Step7" height="640" src="http://farm4.static.flickr.com/3438/3981526636_46bd2afa43_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">I then repeat the step with the 2nd "curves" adjustment on the "Path" layer. Now, I brought up the curve higher on this layer as it has to be brighter than the city, since it is in our foreground. I also do a layer mask for the entire image, except for the path. Which makes our picture look like this now:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980766471/" title="Step8 by 2SiiCK Blog, on Flickr"><img alt="Step8" height="640" src="http://farm3.static.flickr.com/2537/3980766471_66923b1894_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">After this step, I then add another adjustment layer, but this time I use "levels". I then click on options, which brings up another window. I then click on "Enhance Monochromatic Contrast", click OK. I then adjust my levels to 11, 1.10, 255 and click ok.</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980767133/" title="Step9 by 2SiiCK Blog, on Flickr"><img alt="Step9" height="640" src="http://farm3.static.flickr.com/2574/3980767133_3e2d4cf6fa_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">My layers palette looks like this after doing all the steps mentioned above:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980767335/" title="Step10 by 2SiiCK Blog, on Flickr"><img alt="Step10" height="1099" src="http://farm3.static.flickr.com/2496/3980767335_9ea85b602a_o.jpg" width="291" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">Now, I did this next step to add some color and drama to the picture. The sky was looking just too plain for me and the colors were not what all that appealing to me. So I added another adjustment layer this time using a "gradient map" layer. I played around with the colors till I got the ones I wanted, and changed the "Blending" mode to "Color". I then proceeded to do another layer mask this time letting the gradient affect everything but the subject. I also adjusted the opacity of the adjustment layer until it gave me the desired effect and saturation I was after. which made my picture look like this:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980768147/" title="Step11 by 2SiiCK Blog, on Flickr"><img alt="Step11" height="640" src="http://farm3.static.flickr.com/2449/3980768147_3c807fed2a_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">The next thing that I did was begin some "Dodging and Burning" to enhance both my shadows and highlights in the shot. I do this by adding a new layer and filling it with 50% grey and once again changing the "Blending" mode to "Soft Light". Once I do this I use a low opacity brush (about 10%) with a medium- soft edge (about 75%) begin to dodge and burn. I use a "white" brush on the highlights and a "black" brush on the shadows I want to enhance. Salt to taste on this step! This is what the shot looks like after some "Dodging and Burning":</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980770135/" title="Step12 by 2SiiCK Blog, on Flickr"><img alt="Step12" height="640" src="http://farm3.static.flickr.com/2450/3980770135_5cab068997_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">This final step is the ONLY action that I ever use on any of my work, and I recommend it highly as it is great at what it does. I use the <a href="http://www.blogger.com/%3Cem%3Ehttp://coffeeteaphotography.blogspot.com/2008/08/coffeeshop-powderroom-free-action-is.html%3C/em%3E">Coffeeshop Powder Room Action</a>, it is a really good and simple to use action. I click on the "locked" background layer then run the action. In this step you can play around a lot, you can sharpen the eyes, smooth skin, add a vignette, etc. I then put those layers into a Group so I can keep them organized in my layers palette. Play around here and you will find you can get a lot of variation of looks by using this action. This is what my "Layers Palette" looks like after I run the action and group them and make my adjustments using "layer masks" again:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3981532024/" title="Step13 by 2SiiCK Blog, on Flickr"><img alt="Step13" height="640" src="http://farm3.static.flickr.com/2510/3981532024_fc3b1d70a6_b.jpg" width="1024" /></a> <br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">Which of course, once I am done doing everything above makes my final picture go from this:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"> <br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3980759361/" title="DSC_6966RAWWEB by 2SiiCK Blog, on Flickr"><img alt="DSC_6966RAWWEB" height="680" src="http://farm4.static.flickr.com/3519/3980759361_f68e744e65_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">To my END RESULT:</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><a href="http://www.flickr.com/photos/43238806@N04/3981780698/" title="DSC_6966FinalWEB by 2SiiCK Blog, on Flickr"><img alt="DSC_6966FinalWEB" height="1020" src="http://farm3.static.flickr.com/2552/3981780698_d8edfbaa56_b.jpg" width="1024" /></a></span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">I, Hope that this tutorial was easy to follow and that you all enjoyed it. It was a lot of work doing this, but it was very satisfying and a lot of fun. I am hoping that this will help out some of you that are just beginning with retouching. I enjoy retouching my photos as much as I enjoy shooting them, and I always take a picture with post-processing in mind. Please leave a comment telling me what you liked or disliked about this tutorial, and be nice, this is my first time ever putting something together like this!</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">Thanks,</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">Hector</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br />
</span><br />
</div><div style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;">P.S. Follow us on Twitter and Facebook...links in Linkbar section!</span><br />
</div>Moore & Cruzhttp://www.blogger.com/profile/07997324280024883870noreply@blogger.com0