Vintage Photo Effect in Photoshop
This tutorial will show you how to apply a simple vintage photo effect using Photoshop. We’re going to use image adjustments, adjustment layers and layer styles to apply the vintage effect on a regular photo so that we can keep our work easily editable.
Preview


Tutorial Resources
- NYC by vonSchnauzer
Step 1: Open the Photo
The photo being used in this tutorial is NYC by vonSchnauzer — download it and then open it up in Photoshop. Feel free to use your own photo.

Step 2: Curves Image Adjustment
First thing we’re going to do is go to Image > Adjustment > Curves. We’re going to lighten up the photo by clicking on the rightmost eyedropper icon, which we’ll use to set the white point of the image. Click on the brightest white we can find in the photo, which is on the t-shirt of the subject.

Step 3: Add a Gradient Map
Now go to Layer > New Adjustment Layer > Gradient Map. Click the gradient editor and choose the Blue, Yellow, Blue gradient preset. Check the Reverse option.

Step 4: Reduce the Opacity of the Gradient Map Layer
In the Layers Panel, drop the Opacity of the Gradient Map layer down to 30%.

Step 5: Add a Curves Adjustment Layer
Go to Layer > New Adjustment Layer > Curves. Make sure this layer is under the Gradient Map layer that we created in Step 3. We’re going to give our image a little more brightness and contrast by adjusting the curves.

Step 6: Add an Inner Shadow Layer Style
By default, in Photoshop, the photo you use will be opened as the Background layer and this layer will be uneditable (denoted by a padlock icon). In the Layers Panel, double-click on the Background layer and click OK to unlock it. Next, go to Layer > Layer Style > Inner Shadow and apply the settings shown below.

Step 7: Add a Gradient Overlay Layer Style
This is the final step. Go to Layer > Layer Style > Gradient Overlay. Change the Style to Radial and use the Black, White gradient preset as shown below.

Optional: Changing the Gradient Map
You can tweak the outcome by double-clicking on the Gradient Map and making adjustments to it. Below, you can see different versions of the final outcome.



Tutorial Summary
In this quick and simple Photoshop tutorial, I showed you a way to apply a vintage-inspired photo effect to a regular photo. We performed a Curves image adjustment, added a couple of adjustment layers and we also used layer styles. Below is the final result. If you followed along, feel free to link to your own results in the comments below!

Download Source Files
- photoshop_vintage_effect (ZIP, 1.33 MB)

40 Comments (Add yours)
Alejandro
May 17 2012
Nice tut man!!! I really like the final result… ways of getting vintage effects with the principles u posted are infinite… keep it up!! :D
PS: I didn’t realize it was from today… I’m the first one to review it!!! Yay!
findw3
May 19 2012
nice tutorial. Thanks
Sunil
May 21 2012
Really Great n Knowledgable Tutorial.
john
May 22 2012
Contributor
Nice effect, it is not complicate at all so I will try it :)
erwin
May 22 2012
Nice tutorial! Thanks!
manuel
May 23 2012
nice tutorial, i have a question. what camera did you use? im trying to get the same look for a video I’m about to shoot. I have a canon rebel T3i, not much, but its all i could afford. please any info on how to get that look of the first pic would be greatly appreciated. heres an example of what i’m trying to capture: http://www.youtube.com/watch?v=3Yuqxl284cg&ob=av2n
thanks.
Tyler
Jun 01 2012
Contributor
This image was taken by someone else on flickr, but I assume it was done with a wide aperture which give the photo that depth of field.
Here is some quick info and lenses: http://photo.tutsplus.com/articles/hardware/the-benefits-of-wide-aperture-and-choosing-a-lens-for-under-500/
Rodleg
May 24 2012
nice tutorial, thank you so much
Rose
May 25 2012
Awesome tutorial, very simple steps to make my photos to have a look of vintage effect! I love the way how the results make me feel good in using photoshop! Thanks for imparting such a helpful post.
Joe
May 26 2012
Thanks for the tutorial! Nice effects :)
Parvez
May 29 2012
BeautifuL! too good! Thanks for sharing
Darren
May 31 2012
stunning result from such a quick tutorial
Victor
Jun 04 2012
Nice tut. I used to do this kind of thing in the past, now I just downloaded a cool photoshop vintage actionset to do all the heavy lifting for me. The easy way out I suppose, but it saves time. Here’s a link to some cool sets for anyone interested http://webdesignledger.com/freebies/40-vintage-and-retro-photoshop-actions
Between these actions and onslaught of photo filter mobile apps such as Instagram, this stuff is getting more and more common and easy to do fast. The question is, is it becoming watered-down?
Rajni
Jun 29 2012
Just the one i was looking for. Many thanks :)
fernanda garsha
Jul 29 2012
thank you!!! yeeeeeahhh i looovee vintage…
Abinash
Aug 03 2012
Wow! This is awesome..thanks for the tips. :)
anitha
Sep 11 2012
nice tutorial, thank you so much
Someshwar
Sep 18 2012
Thank you tyler, amazing tut, loved it
khatizah
Sep 22 2012
Wow! You rock dude. Thanks for the tutorial.
analiza bautista
Sep 26 2012
i really like this !
admin_tutorialstorage
Oct 03 2012
simple and useful :)
thank you for sharing!
Rodrigo
Oct 21 2012
Show, muito bom, valeu.
Harishankar
Oct 22 2012
nice designing….really great!!
Sudarsh
Oct 24 2012
Very nice and Cool. :D
Karthi
Nov 11 2012
Great post !!! Excellent
Christopher Swift
Nov 27 2012
Very nicely done. Will definitely be putting this to work. Thanks.
Kia
Dec 04 2012
Easy tutorial! Maybe it would look cooler with some kind of pattern or something, a scratching effect on top too? Thanks again!
S.C
Dec 13 2012
Wow…this is really great! :D I’m gonna try this one :D
Midhun
Dec 26 2012
Great thinking..
Gonzalo
Dec 28 2012
Hello, great post but in the step 3 when i apply the blue-yellow-blue gradient the photo turns very blue, not so yellow like yours, any advise? thanks
Emilio Kenn Kierza
Jan 18 2013
Nice tutorial, can I make the Gimp version of this tutorial in my blog =) ?
Thanks for the reply ^^
kaptan
Jan 21 2013
this is good
i want to try
Prasad
Jan 24 2013
Amazing effect…thanks Tyler Denis
serge paulus
Feb 13 2013
Excellent, I’ll show your tutorial to my students…
eisanka
Mar 07 2013
Good work…..:)
Jayant
Mar 23 2013
facing difficulty in adjusting the curves in Step 5
need help
Jacob Gube
Mar 24 2013
Editorial Team
HI Jayant. Could you elaborate a bit more on your issue adjusting the curves? A screenshot of your workspace while you’re trying to adjust the curves would also be helpful. Would love to help – let us know more about your difficulties with that step.
anno
Apr 02 2013
thaaaaaaaaaaaaaaaaaaaaaaaaaanks :) :) :)
shyamak dutt
Apr 21 2013
very helpful and soooooooooooooooooooooooooooooooooooo good
Sara
Apr 30 2013
Iwant a huge to try, but the promblem is, where I want to continue 3rd step. I don’t find that gradient map in my PS, maybe because I use PS CS 3, and it won’t work. sadly.