Try Tuts+ Premium, Get Cash Back!

Creating a Stunning High Pass, “Ill Effect” Portrait

Tutorial Details
  • Program: Photoshop CS4
  • Difficulty: Intermediate
  • CompletionTime: 30 minutes

Ever since Esquire introduced it’s trademark covers, high-pass filters and exaggerated sharpness have become very popular tools to work with. The variety of ways to use the technique is simply endless and, due to a vast amount of adjustment layers and tweaks introduced with Photoshop CS4, every slightest change made is different and individual. Today I will show you how to use the tools for creating an image I myself used for medicine advertisement. The purpose of the images was to create an ill-looking, imperfect image.


Step 1

In every portrait work, the original photo is the most important part, so make sure to choose your image wisely. I am going to use a photo of my friend Kevin I took in a studio environment, but since we are going to get rid of the background eventually, the whole studio thing isn’t necessary. Just choose a picture you feel is the best for your project and start working!

high pass portrait

Step 2

Since we are working with a portrait photo, let’s make sure that we have a tight close-up on the person. We can crop out all of the unnecessary bits of the picture using the Crop Tool (Shortcut – “C”). Crop out his left arm, so that we focus on his right arm only and leave no space above Kevin’s head. Now we have a nice close-up we can work with and the attention is mostly drawn to the face, not the body, which is what we need.

high pass portrait

Step 3

Duplicate the original layer and leave it, because we might need it for later. It is a good practice to save the original, and if you don’t follow it, you should. Convert the layer you are working with to a smart object (Right-Click – Convert to Smart Object). Call your layer “S/H”

high pass portrait

Step 4

Now go to Image – Adjustments – Shadows/Highlights. This is where the magic begins. The tool is basically adjusting the highlights and shadows to a point where the needed contrast between the values is achieved. Put up the values as in the picture below, and don’t worry about color correction as we will work on it later.

If you’re working with your own picture, you will adjust the values according to your picture. Don’t be afraid to spend a considerable amount of time on them, those are the values that require the longest time to perfect.

high pass portrait

Step 5

Duplicate the original layer, call the new layer “Sharp” and put it on top of the “S/H”. Go to Filter – Sharpen – Smart Sharpen. Put up the amount to 150% and the Radius to 5,0 as shown in the picture. Click OK.

Feel free to change those figures: the larger the radius and amount, the sharper the picture will be. If needed, extra sharpness can be applied to chosen areas using the mask layer.

high pass portrait

Step 6

Put the “Sharp” layer’s blending mode to Hard Light and lower its opacity to 40%. After these two basic adjustments, we have a nice, sharp and crisp image already.

high pass portrait

Step 7

Beyond this step, the process becomes more creative. Any adjustments I make may need to be adjusted and changed for your specific image.

Create a new layer on top and fill it with 50% gray. Put the blending mode to Overlay (Layer – New – Layer. Mode: Overlay, tick the “Fill with Overlay-neutral color (50% gray) option). Call the layer “Burn”.

Choose the Burn tool (Shortcut “O”, if you still don’t see it, click and hold the Dodge tool and select Burn tool from the list). Put the brush size to 70px, the Exposure to 15% to over-do the burning and the Range to Highlights. Now using the Burn Tool on the Dodge/Burn layer, go over every wrinkle. Changing the range to Shadows go over the shadows – under the chin, under the eyes, etc. Work with the Burn tool until you achieve the result you want. Here is what I have had after 5-10 minutes of burning.

high pass portrait

Step 8

Duplicate all of our three layers (Burn, Sharp, S/H) and merge the duplicates, leaving the originals untouched. Call the new merged layer “Hi-Pass”.

Go to Filter – Other – High Pass. Check that the preview is on, and try to make sure that the Radius figure is big but there is little or no color surrounding the object we are “high-passing”. Put the layer’s blending mode to Hard Light. I hope you like this “ultimate sharpening effect” that the filter gave us. Lower the layers opacity to 90%, so that the layer doesn’t look fake.

high pass portrait

Step 9

Now that we are more or less finished with the textures, let’s work on the color and tones. Create a new Black & White adjustment layer (Layer – New Adjustment Layer – Black & White). Put up the values as shown in the picture and change the layer’s opacity to 30%. If you’re not exactly happy with the effect, you can try tweaking those sliders until you’re satisfied with the final result.

high pass portrait

Step 10

After you’re done with Black and White adjustment, add another layer – this time the Hue/Saturation one. Lower the Saturation to -40 to color the picture down and make the person’s face pale. Apply mask to the adjustment layer, to hide everything but the body.

Don’t be too precise with the selection of the body or its edges will stand out and look fake . Select the areas roughly and then Alt-Click the mask layer’s thumbnail (will take you to the actual mask layer; to go back Alt-Click the thumbnail again) and apply Gaussian Blur Filter (50px) to the mask to make the transition smoother.

high pass portrait

Step 11

Ctrl-Click the mask thumbnail to select the area that is filled. Now create a new adjustment layer – Levels. The adjustment will immediately apply to the unmasked area we selected. In the adjustments, increase the highlights (move the white slider to the right as shown in the picture).

high pass portrait

Step 12

Now select the image background using pen tool. Create a new layer and apply the mask from selections made before to it. After that, go to Filter – Render – Clouds. Lower the layer’s opacity to 40% so that the clouds don’t give away that they are clouds too much.

Apply the Gradient Overlay Style to the layer (to do so, click the “fx” button at the bottom of the layers tab and choose Gradient Overlay). Create a new gradient to work with using #8e5c25 and rich black (#000000) colors. Put opacity to 70%, Style – Radial, Angle – 90, Scale – 65%.

high pass portrait

Step 13

With the result we have right now, the image is finished. The sky is the limit for you now, as there are enormous amounts of adjustments you can apply depending on the result you’re looking for. Work with filters, adjustment layers, precise selections and more to find what you’re looking for.

high pass portrait

Final Step

Now in terms of the picture I have finalized here, and not to get into the detail, for my result I have adjusted color balance and the gradient layer, added more burning to the skin, adjusted the exposure and many more little tweaks that make the final result so different and individual

high pass portrait

Conclusion

This technique I’ve shown you creates a very strong effect – the use of which can be endless. To finish off I would to showcase more examples of this effect in action. Below you can see 4 more pictures that were created using the very same technique shown above:

high pass portrait

  • http://www.feedgrids.com dimi

    Just what I was looking for, thanks!!

    • Esrar

      So do I thought my friend..

  • http://flickr.com/photos/lorenzhs nuk

    Hm… I neither like the original Portrait nor the outcome, sorry… The outcome looks way to artificial and the original is quite boring…

    • hugo

      think its supposed to look artifical?!! nice tut, like the outcome of the girl, looks cool!!

      • http://flickr.com/photos/lorenzhs nuk

        jah, the photo of the girl is the one i like most of those. the others are just too… toneless for my liking…

    • http://itolmach.com Ivan Tolmachev
      Author

      Sorry to hear, you find the outcome way too artificial, but I guess lowering contrast and high-pass filter, you can achieve the effect that you’re wanting.

      And the original was taken just for the sake of the technique, so I guess you’re right that it’s boring :-)

      • http://flickr.com/photos/lorenzhs nuk

        hm, probably right ;) Gonna give it a try with the sliders^^
        Anyway, I really like the flower photos on your site, cool macros!

  • http://dullface.deviantart.com/ Dullface

    Haha, I like this a lot. The tones are good, I bet with some experimenting, one could find many uses for this.

  • http://www.cashbackprinting.com Tom

    I’ve always wondered how this effect was created!

  • http://www.minimalisms.com Jason

    Its important to remember, if you bring a bad photo into photoshop, it will come out of photoshop as a bad photo.

    • Raoul

      Like my old professor used to say : “Shit In / Shit Out” ^^

      Best from france.
      R.

    • http://viewpointsociety.blogspot.com Aaron

      Umm…photoshop was made so you can make bad photos look great. That’s why there’s something called “Digital Photography”.

      • http://flickr.com/photos/lorenzhs nuk

        You’re so damn wrong! I do Digital Photography because I can’t afford the films and like to try out lots of different things. I also like having all my photos at hand easily, but I rarely do any editing at all. I’m also a bit disappointed that Phottuts became kind of a second pdstuts with some tips on how to take photos in special situations. That isn’t what the site name proposes.
        And if you think the main purpose for digital photography was editing, then I’d advise you to think about what software can do and what it can’t. It can’t make a bad picture look good. I’m a computer scientist, I know what I’m talking about.

        • Oscar

          Yawn!

          • http://flickr.com/photos/lorenzhs nuk

            Uhm… what do you want to tell me?^^

        • Yosef Springmann

          “I’m a computer scientist, I know what I’m talking about.” LOL

          Man, this kind of argument is not valid. Be a computer scientist doesn’t mean you know everything about computers and alike.

          I agree that digital photography is much more than editing. “Editing” is a part of it, I think, and can be skiped if you want and know how to shoot great photos. And, yes, digital manipulation can transform a bad photo on a good photo, but not a great one.

  • H1N1

    I’m feeling… sick :|

  • Dee Boesen

    Ok Guys, It was a concise tutorial. Have fun with it.

  • http://www.geniuzdesigns.de g3niuz

    thanks for this…

    but i think the conclusion pics are a lil bit strange ;D;D

  • http://www.vunkyblog.net Vunky

    Nice how you cleaned up the photo and removed the rough red parts.

  • this is a shit tut!

    Or you might as well boost the vibrance to the top and the place some fill light in ACR and you will get the same effect! This is a cheap knock of look from the HDR, not to mention that the original image i just terrible, the face of the individual is no where NEAR in focus….

  • http://www.liberatocreative.com Maurizio Liberato

    Nice tutorial! :)

  • http://www.behance.net/insalaco vincenzo

    is a sort of dragan effect?

  • http://technicalerror.net/blog karthik

    i was looking for this. thanks a lot, nice tut

  • http://www.ikab-mag.com Sanid

    It would be cool if someone could make an action out of this ..I kinda can’t follow the tut not really getting the result. Thanks

  • maj

    I enjoyed your tutorial.
    I really like the shot of the girl. Her attitude and expression seem to go with the effect.

  • http://www.mywedding.ie gabriel

    parts of thius tutorial might come in handy some day.

  • jim

    hey!
    you gave me some clue to do a action

  • Cristina

    man, those pix at the bottom are just horrible.

    good technique though. not new, but well explained

  • Jason

    is it just me or does Kevin look like he is sporting some needle tracks before the crop out of his left arm?

  • http://www.stetestilz.com StetEStilz

    I wonder if I can achieve this in GIMP?

  • http://studio247.blogspot.com Ariel Martinez

    JUST THE RIGHT TOUCH FOR THE PROJECT I AM WORKING ON.

  • vince mikee vera luna

    thanks thanks thanks!

  • John

    The tutorial is great until step #12. I am lost. Do you mean trace out the b/g with the pen tool?

    How do you apply the mask from the Levels 1 layer to the new blank layer?

    I applied the differnce clouds and nothing happens.

    “Now select the image background using pen tool. Create a new layer and apply the mask from selections made before to it. After that, go to Filter – Render – Clouds. Lower the layer’s opacity to 40% so that the clouds don’t give away that they are clouds too much.”