Tutorial: Turning a Picture Vintage

So today what we will be doing is turning a nice picture into a vintage style photograph. This is a great trick because it adds the ‘rough’ and ‘old’ effect. I will be using the Photoshop help file a bit to explain some things just so I don’t tell you the wrong information! The best thing about this tutorial is that it can be done in minutes and is completely adjustable to your own images. The tools I will mainly be using are Adjustment Layers. They are VERY useful at changing the mood of an image. I will explain a bit more about them when I get into the tutorial!

.

Step 1. Find a nice picture

.

There are heaps of great stock photography websites around, however, today I will be using a free one. I’m sure you all know of stock.xchng – it’s a free stock photography website and well worth the sign up. After searching for a while I found this fantastic picture of the Australian outback.


.
Tutorial: Turning a Picture Vintage
.

.

Step 2. Resize [OPTIONAL]

.

This step is completely option and depends on your image. I have re-sized the image to 1000×670 pixel because of my small screen size – I find it easier to work with. However if you want to create a wallpaper I strongly suggest you keep it at a large size.

To change the size: Go to Image in the top bar. Then Select “Image Size…”. Once the dialogue box pops up you can change the width or height of the image. Always make sure you have “Constrain Proportions” ticked as this will keep the image the right shape and won’t distort it.


.
Image Size
.

.

Step 3. Curves

.

We will now be playing with the Adjustment Layers. These work just like normal layers (everything under it in palette is affected, above isn’t). The order of these layers does matter! Adjustment layers are very useful for photo effects like we are about to do. The Photoshop’s help file explains, “An adjustment layer applies color and tonal adjustments to your image without permanently changing pixel values”. To access adjustment layers simply go to “Layer” at the top menu bar and then into “New Adjustment Layer” then select “Curves”.

What I tend to always do first is a Curves adjustment layer. Curves adjusts the entire tonal range of an image.

Here are the curves settings I have selected for my image. Again, there is no set way to do this, play around with the dialogue box until you get what suits you. Depending on where you put the dots on the line changes the tone. The bottom left changes dark parts and top right changes light parts. Then there is everything in between.


.
Curves
.

.

Step 4. Levels

.

Photoshop help file explains, “You use the Levels dialog box to correct the tonal range and color balance of an image by adjusting intensity levels of image shadows, mid-tones, and highlights.” To access adjustment layers simply go to “Layer” at the top menu bar and then into “New Adjustment Layer” then select “Levels”.

These were the settings I used for levels. I also put the levels layer UNDER my curves layer. But again, depends what looks best to you.


.
Levels
.

.

Step 5. Photo Filter

.

Now, this is the one that really sets the tone right. The other adjustment layers made the colours more accentuated; however, this adjustment layer gives the photo a certain warmth. The Photoshop help file explains, “The Photo Filter command mimics the technique of putting a colored filter in front of the camera lens to adjust the color balance and color temperature of the light transmitted through the lens and exposing the film.” To access adjustment layers simply go to “Layer” at the top menu bar and then into “New Adjustment Layer” then select “Photo Filter”.

So, I just used the default settings (a warming filter) and changed the “Density” to 39% whilst keeping “Preserve Luminosity” ticked. As you can see this has changed the colour of the sky to a bit more vintage (a lot more obvious on a larger version). This layer went under the levels layer.


.
Photo Filter
.

.

Step 6. Texture

.

Adding textures to your document is a great technique to create a strong subtle effect [Oxymoron!]. For this creation I searched again on my favorite free stock site (sxc.hu) and found the PERFECT texture to add the desired effect we’re aiming for. Old sheet of paper is a great texture because its clean and has just the right amount of ’subtleness’ we are looking for.

Import the picture into your document. Re-size it with the ‘Transform Tool’ as you see fit. Obviously squashing it together or spreading it apart will affect how the texture looks. I changed the opacity (available in layers palette) to 27%. So like all the other steps, it’s whatever looks appropriate for your image. This layer goes under all layers except the base image.


.
trashed.psd @ 100% (RGB/8)
.

.

Step 7. Text

.

The final step! This one is simple. While creating this I decided there was a nice space in top left corner for some text. I thought a grunge style would suit best so I went on the hunt and found the best free typeface. It turned out to be quite awesome. Trashed is available from dafont.com. I just typed it in white and played around with the opacity to what I felt was right. I ended up choosing 81%, which gave me a nice brown colour that suited the picture. From there I also put my name in the bottom right hand corner. [Click to view full size!]


.
trashed
.

The layers palette should look like this by the end of it all.


.
Photoshop
.

Now you’re done! =D

You’ve just successfully turned a photo vintage! The effect takes only minutes and looks great. I’d love to see how yours have turned out, please post a link to them in comments.

Well that concludes my first tutorial for Elite By Design. I’m still refining my tutorial writing skills! Thanks all for reading, I hope to do some more in the future. If you want to contact me directly please visit my portfolio and I will be happy to respond.

Good Luck,
Matt Hamilton

For more Photoshop tutorials like this one, check out The Tutorialist.

33 responses.

(Add yours)

  1. ilike2photoshop

    Looks like you just copied my tutorial at: http://ilike2photoshop.blogspot.com/2008/09/vignetting-image-in-photoshop.html. The image look familiar too.

  2. Matt Hamilton

    Hey ilike2photoshop, I honestly did not know your tutorial existed sorry, as for the image, it’s one of the most popular on sxc – I’d be surprised if no one had used it before.

    I guess this just shows there’s many ways to do it eh? (and coincidences happen). Please don’t think I copied it, because, once I again, I didn’t!

    P.S I was going to call it ‘Turning a picture semi-grunge’ originally but changed all the ‘grunges’ to vintage!

    Cheers,
    All the best,
    Matt Hamilton

  3. Matt Hamilton

    Oops! Just looked at your tutorial throughly, they’re nothing alike except for the image!!! (Which again is one of the most popular on sxc)

    Cheers,
    Matt Hamilton

  4. Angie Bowen

    Really nice tutorial, thanks so much for putting it together!

  5. Matt Hamilton

    Thanks Angie >.<

    It’s my first “real” one!

    Look out for some articles I’m writing in the coming weeks!

    Cheers,
    Matt.

  6. Webdesign Drenthe

    To be honest I don’t like the final result… For to much contrast in my opinion… And to much red in the mix

  7. submyt.com

    this is a right way to learn more photoshop!!!

    Suraish Patel
    http://www.submyt.com

  8. Umar

    Sweet tutorial! Love it! I’ll link it from my blog too! Cheers!

  9. Matt Hamilton

    @ Webdesign Drenth – Okay, thanks for your comment, will take into consideration next time ^_^

    @submyt.com & Umar – Thanks ^_^ I will hope to do more soon!

  10. Rachel Goldstein

    Hi there. I loved this tutorial…and I just put together a collection of Vintage Tutorials for Photoshop, GIMP, Illustrator, etc so I will add your tutorial to the Photoshop section of this list. Great, great job!!!

    Thanks.
    Rachel
    AllGraphicDesign.com

  11. Matt Hamilton

    Thanks Rachel! Keep checking back, shall release more articles/tutorials soon!

    Cheers,
    Matt.

  12. Goran Web

    Great one. Thank you for the article. Very informative and interesting. I haven’t really played around with graphics enough, but am currently trying to explore more in that sphere.

  13. Goran Web

    Very very cool… Heh heh, it’s amazing how simple it can be to create such recognisable atmosphere in a picture, if you know what result you’re looking for

  14. SoLinkable

    I agree with Drenthe on this one. The red is a little too much – but it’s still a great result. I have a bunch of photos form my trips through Europe and I want to make a couple of them seem “vintage”. I hope it will look good with all the old history (in my photos) :)

  15. karla

    the one in your flickr is much better.. good job. i love it. :)

  16. LG

    Wow awesome tut! Thank you Matt!

  17. Tymnliemn

    Was ist das?

Trackbacks

  1. Arbenting’s Best of the Week (11/02 - 11/08) | Arbenting

    [...] Turning a Picture Vintage [...]

  2. gearhed.com » Blog Archive » Arbenting’s Best of the Week (11/02 - 11/08)

    [...] Turning a Picture Vintage [...]

  3. Speedlinking da Semana [9 a 15 de Nov] - 2.0 WEBMANIA - Portugal, a Web 2.0, o Mundo e a Internet

    [...] Dê um ar mais vintage às suas [...]

  4. 40 Tutorials for Creating Wallpaper in Photoshop | Vandelay Website Design

    [...] Turning a Picture Vintage [...]

  5. 40 tutoriais para a criação de wallpapers no Photoshop « Resistor Conspiracy

    [...] Tornar uma foto no estilo antigo [...]

  6. 40 Tutorials for Creating Wallpaper in Photoshop : M Collection!

    [...] Turning a Picture Vintage [...]

  7. 40 ?????????? ??? ???????? ????? ? ???????? | ??????-?????? ?1.

    [...] ?????????? ???????? ? ?????? [...]

  8. 40 bellissimi tutorial per creare Wallpaper con Adobe Photoshop | Tekw.org

    [...] Turning a Picture Vintage [...]

  9. 40 tutoriales para crear wallpapers en Photoshop

    [...] Turning a Picture Vintage [...]

  10. 40+ Most Amazing Wallpaper Tutorials in Photoshop and Resources | Naldz Graphics

    [...] Turning a Picture Vintage [...]

  11. 40 Tutorials for Creating Wallpaper in Photoshop « Online Free Application Software Tips Tools Wallpapers

    [...] Turning a Picture Vintage [...]

  12. Amazing Wallpaper Tutorials in Photoshop | Themeflash

    [...] Turning a Picture Vintage [...]

  13. 55 Useful Photoshop Tutorials on Designing Wallpapers - Programming Blog

    [...] 34. Picture Vintage [...]

  14. 40 Tutorials for Creating Wallpaper in Photoshop | Cosmos Blog -- Internet News,Life,Culture,Polices,Resource,Make Money

    [...] Turning a Picture Vintage [...]

  15. Create Amazing Wallpapers Or Design Concepts With These 30 Photoshop Tutorials - slodive

    [...] Picture Vintage [...]

  16. Photoshop Tutorials: Best Wallpaper Tutorials

    [...] Turning a Picture Vintage [...]