Quick Tip: Super Simple Post Processing to Get That Vintage Look

Quick Tip: Super Simple Post Processing to Get That Vintage Look

Tutorial Details
  • Completion Time: 10 Minutes
  • Difficulty: Beginner
  • Program: Photoshop

Gorgeous old vintage photographs always have certain qualities about them that are unmistakable, but many of these qualities disappeared with the great shift from film photography to digital photography. In today’s quick tip, we’ll have a look at a few very simple tips to bring that vintage look back, into the digital age.


Step 1

The first thing we need to do is select an appropriate image to use. Typically warm images with a strong light source and a lot of contrast work best, but you should also think about the subject of the photograph itself. Does it have an old-school feel about it? If so, then it’s probably a good candidate for this effect!

vintage post processing

Step 2

To get started, the first thing we’ll do in Adobe Photoshop is to duplicate the layer. You can do this by right-clicking on the layer and selecting “Duplicate Layer.”

vintage post processing

Step 3

Now we’re going to turn our duplicated layer into a high-pass filter, which will add more detail to the image. Select Filter > Other > High Pass from the Photoshop menu bar, and set the radius to 3 pixels.

Once you’ve done this, set the blending mode of the layer to “Overlay” – and you should be able to see the effect clearly by toggling the layer visibility on and off.

vintage post processing

Step 4

Next, we’re going to add a couple of layer adjustments. Select the layer which contains the original image, then click on the circular icon at the bottom of your layers window to add a new adjustment.

vintage post processing

Step 5

The first adjustment that we’ll add is Curves, this is the most complicated of the three adjustments. First select the Red channel from the RGB dropdown menu and mimic the shape in the screenshot below, then do the same with the Green and Blue channels respectively. Switch the dropdown back to RGB to see all three channels overlaid in the same way as they appear below.

Once you’ve done that, go ahead and close the layer adjustment window.

vintage post processing

Step 6

Now select the original image layer again and add another layer adjustment, but this time select Brightness/Contrast instead of Curves. All we’re going to do with this adjustment is drop the contrast to -20. Once that’s done, close that layer adjustment window.

vintage post processing

Step 7

Selecting the original image layer again, we’re going to add one last layer adjustment. This time select Levels from the layer adjustment menu. The only we’ll do here is to move the left-hand slider (black) from 0 up to 20. Once that’s done, close the layer adjustment window.

vintage post processing

Step 8

The last step is to add the magenta hue that really completes this effect. Create a new layer that sits above all your other layers and fill it with solid magenta. You can do this easily by setting C, Y, and K to 0% in the colors palette, and setting M to 100%. Next set the layer blending mode to “Screen” and drop the opacity down to around 25%.

vintage post processing

The Final Image

That’s it! You’re done – and your final image should now look something like this:

vintage post processing

Tags: Tips
  • Craig

    Ahhh yes, I’ve been waiting for something like this. Thanks!

  • Locke

    Nice effect! However, I wish you also would have explained why you do the various steps. E.g. why did you make the layer with the high-pass? Was it to only “to create more detail in the image” or did it add more contrast as well? If it was just to sharpen the image why did you do it as the first step and not the last? What is the basics in the photographic style we are trying to emulate and how do the various steps relate hereto? I mean, If I just follow the steps I might get the result shown here but in reality I would not have improved my post processing skills.

    Please take this the right way. It’s not personal criticism but site feedback in general.

  • http://www.marloncureg.com/blog Mars

    nice and quick, that’s great

  • http://shutterskills.com Rish

    This is much easier to do in Lightroom

    • http://ricknunn.com Rick Nunn

      Constructive…

    • http://john.onolan.org JohnONolan
      Author

      Hi Rish, thanks so much for taking the time to leave a comment – I haven’t used Lightroom much but I’m sure if you got in touch with the editor of Photo Tuts then they might be interested in a follow up tutorial on how to do this in Lightroom rather than Photoshop!

    • Scott

      This is much easyer to do with nick Campbell’s Vintage Film For Looks, Helpful? No…

    • Dario

      I like that Idea! Maybe I’ll do it. ;D Make some quick cash.

    • http://jclossphoto.com Jeff

      >>This is much easier to do in Lightroom

      Perhaps. It is much easier to click the presets in Lightroom, but then one could download an action to do this effect just as easily in photoshop.

      To do it manually in lightroom would be about as difficult I think – the brightness/contrast adjustment would be simple, but the colour curves might be trickier than it is in photoshop – guess that’s a preference thing. The sharpening and blacks would be easier, but the magenta layer would be far trickier – especially as you don’t have blending modes. The only option I can think of to do this would be split toning with the light/dark slider all the way to light, but I still don’t think it would work as well.

      Hmm….maybe I should play with it and do a tutorial.

  • http://www.webdevtuts.net Marcell Purham | Webdevtuts

    Great quicktip. Vintage is where its at

  • http://www.thedphoto.com Diana Eftaiha

    just yesterday i was thinking of finding a decent tutorial on this! right on time John =) thanks for sharing

    • http://john.onolan.org JohnONolan
      Author

      My pleasure! Thanks for commenting, would love to see some of your shots with this technique applied!

  • http://designwoop.com Stu Greenham

    Great post John, just having a go now will upload some results to Flickr shortly! :)

  • http://designwoop.com Stu Greenham

    In fact here’s my first attempt, would be cool to get some feedback… http://www.flickr.com/photos/stugreenham/4871069445/

  • http://www.vaporizerkits.com Zephyr Ion

    Good stuff, the final photo came out pretty nice. I like tuts that explain the overlays.

  • http://www.nouveller.com/ Benjamin Reid

    Brilliant effect John and you explained the process well too. I think I’ll turn this on into an action!

    • http://www.nouveller.com/ Benjamin Reid

      If anyone wants to download the Photoshop action, I just stuck it on the back of my site: http://www.nouveller.com/downloads/Vintage.zip

      • http://www.nouveller.com/ Benjamin Reid

        Here’s the result the quick tip on one of my shots: http://www.flickr.com/photos/nouveller/4874848279/

      • http://jclossphoto.com Jeff

        I was reading this tut and thinking to myself that it would make an awesome action, thanks for taking the time to do it Ben. It looks great in final according to your posted pic.

        Did you leave the layers editable at the end or flatten them? I haven’t had time to run the action yet and probably won’t until after work.

        • http://www.nouveller.com/ Benjamin Reid

          I haven’t set them to flatten in the file I’ve made available to download but I’ve done an alternative action for myself to flatten the finished image too.

          90% of the time I think the levels will need tweaking slightly, so I’ll mostly use the one that leaves the layers open.

          And no problem! :)

      • http://theinspirationblog.net/ Callum Chapman

        Thanks Ben! And great quick tip John!

    • http://john.onolan.org JohnONolan
      Author

      Amazing! Thanks Ben!

  • http://www.aediscreative.com Christopher

    Has anyone played with Exposure from Alien Skin Software for Photoshop. They have some very beautiful processes and I was curious if anyone could comment on their accuracy.

  • http://www.flickr.com/photos/garygreenham/ Gary Greenham

    http://www.flickr.com/photos/garygreenham/4878154491/

    Thanks mate You know I’ve been waiting for this!!!!!!

    • http://john.onolan.org JohnONolan
      Author

      Gary that photo looks awesome! Great job!

  • http://www.flickr.com/photos/30297834@N08/ Peter Simmons

    Hi John. thanks for a great tutorial. heres my first try:

    http://www.flickr.com/photos/30297834@N08/4957023627/

    Looks fantastic and beautifully smooth in photoshop and oversharpened when uploaded to Flickr :-(

  • http://www.scottphotographics.com/ Mike

    Nice and Simple!

  • alex

    your method really helped me and the result is fantastic, thank you.

  • Angeline

    Wow! Your method is AWESOMEEEEEE!!!!! :D
    Thank you so much!